Showing posts with label Navigation. Show all posts
Showing posts with label Navigation. Show all posts

Thursday, 5 May 2011

how to get google to be totally in love with you... ;-)

What we were talking about just before the class broke up today, made into a little blog post for you:

1) Good, focused, (and if at all possible) original content. This is the one and only and penultimate thing that counts! Without good content, forget it, it just won't happen. What you have on your site simply has to be of interest to others - either specialist groups or general entertainment, but it has to be really good stuff! And my general hunch with this is that specialty sites are far more likely targets to get hits, since there is bound to be more search engine activity related to a specific topic, than there will be to general chit chat.

2) A large site will have more material for the search engine to find. Very simple logic really. If you have 100 posts it is far more likely that you wrote about something that somebody out there is searching for than if you have only 10. The larger the easypeasy site gets the more search engine results we get, no doubt about it. When we had only 10 posts, we had none. Nowadays with over 100 posts under our belts we have at least 5 or 6 a day and very often many more, sometimes as many as 20 even...

3) Make sure your site is structured well in terms of navigation. Even the best content in the world is useless if folk have to work too hard to get to it, they will simply not bother and leave and never come back. And needless to say, forget about them recommending it to anyone else... Read Selim's excellent post on navigation to get more insight on the matter here >>>

4) Post often and consistently. In other words, not silence for a whole month and then 10 posts all at once, but more like 3 posts a week, and every week. Remember that you can also write a whole batch and then pre-date them. I am not exactly sure how or why this makes a difference but a site which is consistently active seems to draw more traffic, a thing which I can tell very easily from the site stats of my own blogs. 

5) Make sure your meta tags are in perfect order. More on this here >>>

6) Make sure your post title comes before your blog title. More on this here >>>

7) Make sure you have a lot of links to other sites, either inside the posts or as sidebar elements: Your courtesy to others is likely to generate courtesy in return by them linking back to you - after all, this is how the internet works...

8) Use social networks efficiently. Tweet your blog and also post it on facebook, linkedin etc. Also if your site's content is at all relevant, start creative network accounts such as on youtube, Flickr, deviantart, vimeo etc. Use the groups within these domains to put out videos and photos and link these back to your site. 

9) Finally, be patient! It will take some time for people to find you - anything up to 6 months to even a year, depending on how fast your site is growing and on how good your content is. Usually you will hit the really big visitor numbers only after one of the major portals or blogs, one that covers the same area of interest on which you are focused, spots you and blogs you. This will take time. Just keep on posting and once you have enough good stuff it will happen - count on it.

.................................................................................................................................

Tuesday, 3 May 2011

navigate in style or fail miserably

Good navigation is the most important aspect of a well designed website. If the visitor is not presented with a clear navigation, it won't matter how well your site is designed, it is highly likely that they will leave your page in a matter of seconds. It is a very tough challenge to create a meaningful and unambiguous yet stylish navigation that allows users to view content easily.

Some of the most important rules of a good navigation are;

1- Visibility: Make sure that your navigation is one of the first things that catches the eye. Do not make it obscure. Don't let it get hidden because of clutter or problematic placement.

2- Consistency: Make certain it has a certain style and placement that it keeps on every page.

3- Clarity: Make sure that every item in the menu is %100 understandable. No one likes to guess where the link will take them. Use either clear names, or little explanations, hover titles are a good way as well. If you are using thumbnail images as links in your menu, make sure they are clarified one way or another.

4- Creativity: Creative navigation will always make your site stand out more, just make sure you don't overdo it, sometimes simplicity is the real creativity.

Good Examples of Stylish Navigation

It is both stylish and easy to use. Very clear menu with a classic top tier placement.



Clear well designed navigation. Nice use of typography.



This is especially for those designing blogs, very slick and clear navigation ina 3 column design. Nice use of sidebars and top level menu design.



A very good example of how to fit massive amounts of content into a navigation in a stylish way.

Clear, playful, hand-drawn and animated navigation.



Simplicity, minimalist design, left aligned side navigation.



Nice clear navigation.



Playful navigation consistent with the style and content of the page, usability is top-notch.



Very simple and very attractive, everything is easy to follow and you always get to where you want to go.



Creative way of categorization. Easy to follow, the only problem is it is a bit space consuming.



Interesting and creative menu design. Takes a little bit of getting used to but the filter and sorting menu is a must see.



Impressive use of top tier navigation, clear simple and yet stylish.



Good example of Apple inspired navigation, everything is consistent and clear.



Little explanations when you hover over the menu items is a great way of guiding your visitors through your site.



Another clear navigation



Very slick navigation. 2 tier top level navigation, the sub tier works especially nice in works section. It is a bit graphic heavy when you use the works next, previous project navigation, but it looks really cool.


Unconventional right-side tabbed navigation does actually work very well in this site. Scroll down to see how the navigation changes style beautifully.

Also see these...










And when it fails....




First of you are presented with bouncing links that kind of sattle later on. And guess what not everything that looks like a link is clickable, not a very satisyfying navigation for a visitor.



Seriously.. where is the navigation. Am I supposed click on those bottles, is that it?



Don't get fooled by the top lunch and dinner items, they are unclickable. There is a small thing under the disturbing video called navigation, well it seems to work if you refresh the page 10 times.



When simplicity fails miserably. Worst use of top tier navigation. It looks like a word document rather than a webpage. And that isn't the worst part, just go on, decrease the size of your browser window and see what happens.



Wow simply amazing, the middle menu runs away when you move your mouse to click. Plus the content font is so small that it is impossible to read. Check out the news section and you will see.



Menu items continuously change into images that don't give any clues to what they are connected. Very irritating navigation.

.................................................................................................................................
Girls Generation - Korean