Embed Size (px)
DESCRIPTION
dfgdfgdfgdfg dfg dfg dfg dfg dfg dfg saafad dsfsdf sdf sd
Citation preview
HOMEPAGE USABILITY
JAKOB NIELSEN & MARIE TAHIR
2002
HOMEPAGE DESIGN CONVENTIONS
*** ESSENTIAL RECOMMENDATION
** STRONG RECOMMENDATION
* DEFAULT RECOMMENDATION
THIS STAR RATING INDICATES HOW
CRITICAL THE FOLLOWING GUIDELINE IS TO
A SATISFACTORY USER EXPERIENCE.
HOMEPAGE DESIGN CONVENTIONS
***Upper left.LOGO PLACEMENT
**1 or 2 full screens. No more
than 3.
PAGE LENGTH
**Liquid.LIQUID Vs FROZEN
LAYOUT
**Optimized for 770 pixels, but
with a liquid layout that works
at anything from 620 to 1024
pixels.
PAGE WIDTH
***At most 10 sec. at the prevalent
connection speed for your
customers.
DOWNLOAD TIME
STRENGTH
OF RECOM.
RECOMMENDED DESIGNHOMEPAGE ISSUES
HOMEPAGE DESIGN CONVENTIONS
**Call it “Search” (“Go” also
acceptable).
SEARCH BUTTON
***WhiteSEARCH BOX
COLOUR
***Upper part of the page,
preferably in right or left corner.
SEARCH
PLACEMENT
***Provide search. Have it on the
homepage. Make it a box.
SEARCH
**80x68 pixels.LOGO SIZE
STRENGTH
OF RECOM.
RECOMMENDED DESIGNHOMEPAGE ISSUES
HOMEPAGE DESIGN CONVENTIONS
**“Site Map” if you have one.SITEMAP LINK
*Use for links such as copyright
and contact info.
FOOTER
NAVIGATION LINKS
**One of the four main types: left-
hand rail, tabs, links across the
top, or categories in the middle.
NAVIGATION
**Simple search. (Advanced or
scoped search relegated to
secondary pages).
TYPE OF SEARCH
**At least 25 characters, but 30
characters is better.
WIDTH OF SEARCH
BOX
STRENGTH
OF RECOM.
RECOMMENDED DESIGNHOMEPAGE ISSUES
HOMEPAGE DESIGN CONVENTIONS
**Call it “Privacy Policy”.NAME OF PRIVACY
LINK
***Include one if the site collects
data from users and link to it
from the homepage.
PRIVACY POLICY
**Provide a link to contact info
and call it “Contact Us”.
CONTACT
INFORMATION
**Call the link “About <name-of-
the-company>”.
ABOUT LINK
***Always include this feature.ABOUT THE
COMPANY
STRENGTH
OF RECOM.
RECOMMENDED DESIGNHOMEPAGE ISSUES
HOMEPAGE DESIGN CONVENTIONS
*Somewhere between 5-15% of
the space on the homepage.
GRAPHICS/
ILLUSTRATIONS
**No.ANIMATION
***No.AUTO-PLAYING
MUSIC
**Upper right.HELP PLACEMENT
*Don’t offer it unless the site’s
complexity makes help
unavoidable.
HELP
STRENGTH
OF RECOM.
RECOMMENDED DESIGNHOMEPAGE ISSUES
HOMEPAGE DESIGN CONVENTIONS
*San-serif (Verdana, Arial).BODY TEXT
TYPEFACE
***No. Always use relative sizes
that make it possible for users
to make the text larger or
smaller as desired.
BODY TEXT SIZE
FROZEN
*12 points.BODY TEXT SIZE
**Black.BODY TEXT
COLOUR
**At most, 3 ads (whether
external or internal).
ADVERTISING
STRENGTH
OF RECOM.
RECOMMENDED DESIGNHOMEPAGE ISSUES
HOMEPAGE DESIGN CONVENTIONS
**Yes, except in lists in
navigation bars
LINK UNDERLINING
*Purple, light blue, red.LINK COLOUR,
VISITED LINKS
**Blue.LINK COLOUR,
UNVISITED LINKS
**White. BACKGROUND
COLOUR
STRENGTH
OF RECOM.
RECOMMENDED DESIGNHOMEPAGE ISSUES
