SlideShare a Scribd company logo

Usability engineering Category specific guidelines(web structure)

•
•
REHMAT ULLAH
REHMAT ULLAH

This document provides guidelines for website structure and navigation. It recommends keeping a logical and simple directory structure with filenames that reflect the structure. It also recommends clear navigation with elements like navigation bars, site maps, tables of contents, and search engines to help users understand where they are and where they can go on the site. Consistency is important, following conventions that users are already familiar with from other major websites. New interactive technologies allow more application-like experiences without page reloading.

1 of 13
Usability Engineering :: Category Specific Guidelines:: (web structure) Presenter : Rehmat Ullah
Category Specific Guidelines are for the kind of system being developed.....
Guidelines for Web Site Structure
•Logical Structure: •Keep a well-balanced and simple directory structure and filenames should reflect the logical structure of a site. •Many levels of menus are NOT required to incorporate lots of choices:
2. Clear Navigation: •Always make it easy for the user to identify: Where am I? Where can I go from here? Where did I come from? •Common "Site Navigation Systems" (SNS): •Navigation Bar: Top or left lists major sections of your site and should be global & static •Site Map/Directory: Reflects the structure of your entire site, or the top levels if nesting is too deep •Table of Contents: Lists the headings of one document, which could be split across several files. •Index: lists clickable keywords of your site, offering the user another form of overview about what you have to offer •Search Engine: user to type in the keyword he is searching for. •No dead-end pages
3. Consistent: •Website should follow the general navigation and layout conventions of major Web sites because your users will already be used to those conventions. Common footprints for websites: LSD Logo -> Search box -> Directory Sample: google LSN->D Logo -> Search box -> News -> Dir Sample: Yahoo LSTD Logo -> Search box -> Tabs -> Dir Sample: Amazon Search Box Logo Directory
Econfig Examples Too Many choices:
Econfig Examples Misaligned :
Econfig Examples Inconsistent Placement:
Econfig Examples Inconsistent Placement:
Industry direction •Interactive experience: •Java, JavaScript, DHTML, Flash, PHP, Ajax, and other technologies allow application-specific methods such as •drawing on the screen, •Playing audio, •access to the keyboard and mouse. • Services have worked to combine all of these into a more familiar interface that adopts the appearance of an operating system and does NOT require page reloading. Example: www.280slides.com •GUI Builders: Software tools that simplify the creation of GUIs. These allow designers to arrange widgets using a drag-and-drop editors. Typically XML used to export GUI builder files. (New Yahoo Site)
Samples NEVER require Scrolling: www.ibm.com Good indexing Site: www.adobe.com Too Much content: www.qq.com (was just fun to look at)
Thank you!

More Related Content

Usability engineering Category specific guidelines(web structure)

  • 1. Usability Engineering :: Category Specific Guidelines:: (web structure) Presenter : Rehmat Ullah
  • 2. Category Specific Guidelines are for the kind of system being developed.....
  • 3. Guidelines for Web Site Structure
  • 4. •Logical Structure: •Keep a well-balanced and simple directory structure and filenames should reflect the logical structure of a site. •Many levels of menus are NOT required to incorporate lots of choices:
  • 5. 2. Clear Navigation: •Always make it easy for the user to identify: Where am I? Where can I go from here? Where did I come from? •Common "Site Navigation Systems" (SNS): •Navigation Bar: Top or left lists major sections of your site and should be global & static •Site Map/Directory: Reflects the structure of your entire site, or the top levels if nesting is too deep •Table of Contents: Lists the headings of one document, which could be split across several files. •Index: lists clickable keywords of your site, offering the user another form of overview about what you have to offer •Search Engine: user to type in the keyword he is searching for. •No dead-end pages
  • 6. 3. Consistent: •Website should follow the general navigation and layout conventions of major Web sites because your users will already be used to those conventions. Common footprints for websites: LSD Logo -> Search box -> Directory Sample: google LSN->D Logo -> Search box -> News -> Dir Sample: Yahoo LSTD Logo -> Search box -> Tabs -> Dir Sample: Amazon Search Box Logo Directory
  • 11. Industry direction •Interactive experience: •Java, JavaScript, DHTML, Flash, PHP, Ajax, and other technologies allow application-specific methods such as •drawing on the screen, •Playing audio, •access to the keyboard and mouse. • Services have worked to combine all of these into a more familiar interface that adopts the appearance of an operating system and does NOT require page reloading. Example: www.280slides.com •GUI Builders: Software tools that simplify the creation of GUIs. These allow designers to arrange widgets using a drag-and-drop editors. Typically XML used to export GUI builder files. (New Yahoo Site)
  • 12. Samples NEVER require Scrolling: www.ibm.com Good indexing Site: www.adobe.com Too Much content: www.qq.com (was just fun to look at)