Tips
Search
Popular Tags
|
13 tips on web design
The Art of Web Design
Great web design displays a content and information clearly and effectively tailored to the target market. There are many factors that should be considered to successfully design your own web site. Here are some techniques for an exceptional web design: Write relevant content attract and engage your website visitors. Be clear and concise to combat boredom, and avoid confusing your readers. Before creating a web design, structure your information to achieve your goal. First impressions last. Captivate your web visitors on the first page with stunning web design with clear call to action, and entice them to dig deeper through your website. Design, plan and structure your website as a whole entity to ensure it is comprehensive and coherent throughout. Design a user-friendly site. Make it easy for users to navigate through your web site architecture. Good web is simple to use and puts visitors in touch with the relevant information as quickly as possible. Clear signposting helps cater for visitors of all abilities. Only create links to other sites away from your site when absolutely necessary. Always view your site as if you're the user and have others test it and provide feedback. Browser testing is vital. Promote your site wherever you can, for free in forums and social sites. If your website is commercial then consider economical SEO techniques. The launch of your new web design is only the beginning. you must advertise and draw traffic. Link building, social bookmarking, directory submissions and article submissions are just a few techniques that you can implement. Seek advice to make sure you are working efficiently and effectively for the benefit of your site. Keep your content fresh and engaging, giving users a reason to regularly visit your site. Good content, regular change and blog / news feeds are great for this. Offer surveys to collect feedbacks of your site. Create a survey and reward those responding. Ask friends about your web design. They are the most reliable source that could help you enhance your design.
Web Design Specifics: Placement and Position
Starting a web design generally begins with a blank page. From there, you decide how and where to place the elements of your web page. Seasoned designers always avoid creating random placement and position on their web design.
Identifying your goals for the page is vital to placement. This is the reason why advertisements are placed on almost the same sections in web pages. If you aim to gather as much clicks for your ads, then place them in areas where viewers usually look.
The other element of the page should be positioned accordingly. You also need to consider the context of your positions. Placing elements can make your design more distinct. Effective placement provides the visual hierarchy and structure to your web page.
Variety is also vital to your design. One of the simplest design schemes is putting the elements at the center of the page. It could be done vertically or horizontally, depending on your preference. However, centering would appear monotonous. It makes your design rather flat on the screen and does not exude creativity.
Find the points of interest on your design. Place everything where people are accustomed to look into. Changing the spacing around those points of interest also changes how the items on a page are viewed.
Web designers need to consider various aspects on their planned design. One very important area is how viewers easily navigate their website. There are some fundamental factors that need to be regarded critical to a successful web design before worrying over links, images, or flash.
First, you need to identify your site’s information architecture before planning on your navigation. Technically, this is defined as the taxonomy or structure of your web site. The most basic taxonomy elements on business web pages include: Products, About, Investor Relations, Support. On a personal web page, basic taxonomy elements are: About Me, Links, and Friends and Family.
Creating flow charts and storyboards would help you outline how to grab the interest of your viewers. You may also create various paths for your viewers.
Upon deciding on your navigation design, you have to consider a few other things. First is accessibility. Avoid special effects such as Flash, Java, or JavaScript as your sole navigation method.Navigation is one of the most important part of a web page.Easy navigation prolongs visits and retains viewers.
Meaningful navigation also helps. Don't use too much jargon on your page.
You also have to keep an understandable navigation. Make sure to provide text associated with the images of your navigation.
It should also be constantly present on your site. You don't always have to create identical navigation, although the primary structure should be uniform. Changes need to be made only to establish location within the hierarchy.
It's quite tempting to modify your navigation structure every now and then. However, make sure that the changes are implemented globally and it suits with the initial goals of your taxonomy and information structure.
Stunning Web Design
Great web design displays a content and information clearly and effectively tailored to the target market. There are many factors that should be considered to successfully design your own web site. Here are some techniques for an exceptional web design:
Be ambitious, look at cutting edge CSS gallery sites for inspiration and make sure you have your finger on the web design pulse.
Well written content will attract and engage your website visitors.
Be clear and concise, avoid confusing your readers.
First impressions last. Captivate your web visitors on the first page with stunning web design with clear call to action, and entice them to dig deeper through your website. Always display clear contact info to encourage people to get in touch and invest in your services. Design a user-friendly site. Make it easy for users to navigate through your web site architecture. Good web design is pure and useable putting visitors in touch with the relevant information as quickly as possible. Always ensure you website is accessible and web standards compliant. Always view your site as if you're the user and have others test it and provide feedback. Browser testing is vital.
Promote your site wherever you can, for free in forums and social sites. If your website is commercial then consider economical SEO techniques.
The launch of your new web design is only the beginning. Keep your content fresh and engaging, giving users a reason to regularly visit your site. Good content, regular change and blog / news feeds are great for this. Think about surveys to collect feedbacks of your site. Gather opinion about your web design, your users are the most reliable source of feedback to help you improve your website.
Find out more about web design, magento web design, web development and internet marketing at JunoWebDesign.com.
Web Design - Visitors Don't Read
When you are designing a website or your thinking of getting a web site created, remember that vistors rarely read a page, they simply scan it.
So it's important to ensure that your message you are conveying on your web site is clear and your 'call to action' is obvious. Web design is very important, but usability is also key to a successful web site.
SiteOne of Flintshire says: You have got seven seconds to make an impression!
Use Social Network to get your website indexed on Google - SEO Tip
First of all never use Google's add site link to submit your web site to Google. It will take ages to work.
It is best to place a backlink on an exitisting web site for Google to spider naturally. If the site is spidered regularly then all the better.
However, for fast results submit the site to DIgg, StumbleUpon etc and tweet about the site adding the full URL. You could be indexed on Google within hours...
Then, your new web design can be found by millions!!!
Web Design in Firefox, Tweak for IE
When designing a website never use Internet Explorer to test your pages with. Allways use Firefox.
There are two main reasons for this:
1. Firefox renders more closely to the w3c web standards than IE does (by miles)
2. Firefox has lots of neat plugins to help you test your designs (Firebug for one)
Once you have tested that your web design is perfect in Firefox you should then tweak or hack your CSS to work for IE. Firefox is definitely the web designer's friend.
We all know IE is a law unto itself so don't be a slave to it. Design your website to the correct standards first - Always!
Which Hosting Account?
If you had asked me that question a year ago I would not have hesitated. It would have been Windows Server using IIS. However, in my view things are changing. More and more I am turning to Apache and Linux. Why? Well mainly it's my recent love affair with Wordpress which definitely works better under Apache in my view, mainly because of Permalinks.
IIS cannot handle url rewriting out of the box and does not work with .htaccess natively. So you need some form of plug in/add on.
So, if you need to rewrite your urls (especially for Wordpress), then I would always go down the Apache road. However, if you really need to use Windows based servers then you can always install URL Rewrite Module 2.0 (for IIS7) or the brilliant Helicon Isapi Rewrite 3 or their new Helicon Jet packages which are both under $100!
I have to say Helicon have a fantastic support service and will help you on any Regex writing problems you have with their package.
Web Design - Back Up Your Data
It is a disaster waiting to happen. It's already in the post. But we rarely keep it at the forefront of our minds - data loss. I have to admit that I've been caught out more than once. But never again, I never want to feel that sinking feeling of realisation that everything has gone, never to be seen again.
All my SQL Server data is triple backed up. Twice a day as a SQL backup and nightly as a complete mirror onto another drive as well as running a RAID configuration. This is by no means unusual and this kind of paranoia should be reflected on to management of local files used to design or develop a website.
Here is my regime for keeping my web design data safe:
1. Keep all your files (including psd files, mockup files, raw images and copy) on a USB harddrive. I keep one with me all the time.
2. If you have hosting set up for the website your designing, upload the same files on a 'backup' folder that's below or on the same level as the live public root folder. This way you won't have all your files available to the world to view! Check your hosting terms and conditions as some hosts don't like you storing files in this way.
3. Register a DropBox account. Its free and really cool. I use it to keep a back up of all my fonts and Photoshop brushes, patterns, swatches and other add-ons. So whereever I am, I have access to that data. If you upgrade your account you can keep entire websites and support files easily.
4. Finally, I also keep a complete record of every web design I've ever done on a RAID configured NAS box. This also allows me to keep complete mirrors of all my PCs and Laptop.
With web design, whatever you do, don't ignore the importance of keeping backups. With so much data storage technology available, whether it be hardware or virtual, there is no excuse! Do it or be damned!!!
Record your SEO Changes on Google Analytics
If you are running an SEO campaign of any description or size it's vital to record your amendments, changes and link building activity. I find it's quite handy to add my SEO activity on Google Analytics using the annotate function.
All you need to do is open up Google Analytics, go to the dashboard of the site you are monitoring, click on a datapoint and hay presto, 'create new annotation' appears under the datapoint data. Just click on that link and type in your SEO note!
What makes this a top idea in my opinion is that the annotation is placed directly on the Analytics timeline so you can see when you made the change on your website / web design and how that change affected your results!
Web Design - Image Optimisation
Now that Google is looking at download and rendering speeds to rank pages, it’s worth thinking about what you can do to improve your website's rendering speed. SEO now seems to cover every aspect of a web design!
There's a plethora of things you can do to address this issue but the primary and probably the easiest thing you can do is optimise your images. Photoshop has got to be the worst program to use, especially as it always seems to add extra metadata that is totally unnecessary.
One program I have found that does a fantastic job or reducing the file size and remove metadata too is JPEG & PNG Stripper - http://www.steelbytes.com/?mid=30
It's free and fast and all you have to do is drag and drop your images into its window and hay presto it’s done!
You can reduce your image file sizes by 75% by using this neat little program.
One final tip. No matter what program you use to optimise your images, BACK THEM UP FIRST! Just to be on the safe side.
SEO Rank Tracking
For some time now I have been using Rank Tracker which is part of SEO Powersuite created by Link-Assistant.com : http://www.link-assistant.com/rank-tracker/. All my web design clients here in North Wales have benefited from the use of this software as I can see exactly what search engine optimisation is and isn't working.
It allows you to track your keyword positions over time across all the main search engines for your websites/web designs. You can select your local national versions of the main search engines too. Rank Tracker keeps a record your positions and shows a graph of each keyword you are tracking. All the data can be exported to spreadsheets and you can copy and paste the graphs directly into Powerpoint.
For me, this is an invaluable piece of software and no SEO expert should be without. Take a test drive with the 30 day trial version, I am pretty sure you will end up buying it!
SEO - Using GZip
Now that Google is looking at page rendering speeds, it's a very good idea to ensure GZip is enabled on your server to get that extra SEO tick in the box for your web design!
In a nutshell, GZip will compress the webpage server side, transmit it across the internet and then your web browser will 'unzip' it and render the page. Significant improvements in page rendering times can be achieved using GZip.
However, despite this being a great idea, many hosting services don't have GZip running natively which is a pity. If you are hosting using Apache, then you are in luck. GZip can be instigated by coding up .htaccess using the following:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
IIS7 should have GZip running by default and if not you can set up GZip programatically using microsoft.web.administrator. However, with IIS6 things are a little trickier. So long as you have direct access to IIS on the server then it is just a matter of checking a couple of property boxes and your done. But unless you have a dedicated server, this option is pretty much unavailable to you.
If you are having trouble getting GZip to work contact your hosting provider.
Web Design - JQuery Loading
If you are using some form of slide show or carousel JQuery script that utilises unordered lists, on occasion you will see the unorderlist render on the page before JQuery kicks in. This is especially true if you place your JavaScript code at the bottom of the page.
So to stop this from happening you can do the following:
In your CSS code add the following to the element that JQuery is going to control
display:none;
Inside your JQuery code jQuery().ready(function(){
and just before you call the script in question add the following
$('#element').show();
This will then counter the displaly:none css code and present your slideshow without any unwanted effects.
|
|