Title: criteria for optimal web design
1criteria for optimal web design
2positioning information
3users scan for information
- succinct - to the point
- one key idea per paragraph
- highlight keywords / phrases
- bullet lists (
4screen location for important components
- location expectations color mapped
5screen locations
6screen locations
7screen locations
8screen locations
9screen locationinformation visibility
- users will miss info cos they dont see it
- Fit all important info above the fold
- Target design to avoid scrolling
- Commonest screen resolution 800 x 600px
- Usable design size 750 x 425px
10screen layout
- fluid / liquid layouts preferred
- To centred or left-justified
11menu arrangement
- easier to find info if menus
- broad rather than deep
- index rather than cascading eg Yahoo
- breadcrumbs can help
- menu links have summary text
12navigation issues
- people become lost in a website because
- disorientation
- Submenu titles help reduce this
- embedded digression
- art museum problem
- page heirarchy
- Broad better than deep
13navigation - links
- arrangement of links important
- Search time faster when links grouped in columns
- best arrangement combination of
- neighbourhood links (horizontal)
- top links (to homepage)
- index links (to product details)
- goal to reduce complexity
14presentation of text
- Issues are legibility reading speed and font
preference - Sans serif fonts preferred
- 12 point read faster than 10 point
- Optimal line length
- 11 words or
- 60 characters
15text background / colour
- Plain background better than textured
- Dark text light background light text dark
background - 8 males are colour deficient
16design of interface
- keep interface simple
- remove visual noise
- make action objects visible
- invite clicking on raised buttons
- Balance and unity interface
- Golden rectangleratio 1.0 0.618
17interface design
18interface design
19interface design