Web Development

  Homes arrow Web Development arrow Page 6 - Usability and Navigation: How to Make it Work
 Webmaster Tools
 
Base64 Encoding 
Browser Settings 
CSS Coder 
CSS Navigation Menu 
Datetime Converter 
DHTML Tooltip 
Dig Utility 
DNS Utility 
Dropdown Menu 
Fetch Content 
Fetch Header 
Floating Layer 
htaccess Generator 
HTML to PHP 
HTML Encoder 
HTML Entities 
IP Convert 
Meta Tags 
Password Encryption
 
Password Strength
 
Pattern Extractor 
Ping Utility 
Pop-Up Window 
Regex Extractor 
Regex Match 
Scrollbar Color 
Source Viewer 
Syntax Highlighting 
URL Encoding 
Web Safe Colors 
Forums Sitemap 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
WEB DEVELOPMENT

Usability and Navigation: How to Make it Work
By: Natasha Chernyavskaya
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 1
    2007-07-15

    Table of Contents:
  • Usability and Navigation: How to Make it Work
  • First put all...
  • It's a good...
  • However, the size...
  • Bright colors are...
  • Don't be afraid...
  • It's very important...
  • A moderate kind...
  • A little bit...

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     

    SEARCH DEV MECHANIC

    TOOLS YOU CAN USE

    advertisement

    Usability and Navigation: How to Make it Work - Don't be afraid...


    (Page 6 of 9 )

    Don't be afraid of creating multileveled menus. It's better to break the content into the smaller blocks and create sub menus instead of filling your pages with tons of information. If you have a long list of products in the store matching a particular search criteria, it would be very nice to allow customer to choose whether he wants to see all items on one page or divide the list into fractions, for example, 10, 20, or 50 items on one page, and design a search result page according to this module.

    Regarding online stores it's a very good practice is to show some important information about the product like size and price in the search result, and then to allow visitor to view a page with a bigger image and a full description of the product. When it comes to a complicated or multileveled structure of your content, especially when search comes in place, it's very important to have a comprehensive system of links, because when you lead a customer to more than 2 steps deep from the first page, he may easily forget where he came from and how to get there.

    Besides a classic visual highlighting a menu item to show the whole tree of a menu structure, which is visible on each page of a website, there is a great solution which does not require an appearance of menu tree: paths. It's a line somewhere on top of the page, which contains the whole path your customer has made from the index page. For example, he is now in the section Womens apparel, sub section Tops, another subsection Cotton on a page showing a White Short Sleeve T-shirt. The path will look this way: Womens Apparel: Tops: Cotton: White Short Sleeve T-shirt. All items in the path have to link to their parent sections, so a customer always one click away from every section he passed reaching the document he's looking at, and one look away from understanding where he is, how he got there, and how he can get back.

    More Web Development Articles
    More By Jase Dow

       

    WEB DEVELOPMENT ARTICLES

    - On Page SEO for New Domains
    - Improve Your Site`s Speed
    - Safari Books Online Review
    - Creating an Estore From the Ground Up
    - Most Common SEO Mistakes Developers Make
    - Making the Most of Your Titles and Meta Desc...
    - Five Ways Using Flash Can Damage Your Site
    - A Web Designer`s Guide to Colors
    - Use Webstarts to Create a Free Site
    - More Than Just Looks. How Your Web Design C...
    - How to Design Content Pages
    - Mint Review
    - Make Your WordPress Website Look Professional
    - How to Create a Mobile Web Site
    - Meta Tags: Still Useful?

    Developer Shed Affiliates

     



    © 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap