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

7. Econfig Examples
Too Many choices:

8. Econfig Examples
Misaligned :

9. Econfig Examples
Inconsistent Placement:

10. Econfig Examples
Inconsistent Placement:

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)

13. Thank you!