This link has been bookmarked by 36 people . It was first bookmarked on 30 Apr 2008, by someone privately.
-
18 Nov 10
-
12 Mar 10
-
16 Dec 09
-
28 May 09
-
- Left-justify the menu, so that the user's eyes can move in a straight line and don't have to re-acquire the beginning of each new line.
- Start each menu item with the one or two most information-carrying words.
- Avoid using the same few words to start list items, because doing so makes them harder to scan.
The menu design guidelines are thus clear, at least for vertical menus:
-
-
13 May 08
Ludo Vangilbergenmenu design guidelines are thus clear, at least for vertical menus:
-
07 May 08
-
Frederik Van ZandeUsers scan lists by moving their eyes rapidly down the left edge. Menu items that are right-aligned make scanning more difficult.
-
- Left-justify the menu, so that the user's eyes can move in a straight line and don't have to re-acquire the beginning of each new line.
- Start each menu item with the one or two most information-carrying words.
- Avoid using the same few words to start list items, because doing so makes them harder to scan.
The menu design guidelines are thus clear, at least for vertical menus:
-
Aligning a navigation menu with the right margin might look cool, but the resulting ragged left margin severely reduces the speed with which users can scan the menu and select their preferred options.
(Of course, the left-alignment guideline is for languages that read left-to-right. For languages that read in the opposite direction, the guideline is reversed: you should right-justify the menu. In either case, the point is to make it easier for users to scan down the side on which they start reading.)
-
To complicate matters, two of these screenshots also violate the guideline against USING ALL CAPS, which reduces legibility by about 10%. When you mix cases, the ascenders and decenders produce varied letterforms, while all caps produce boxy shapes. Users recognize words faster when you preserve traditional word shapes. (As an example, compare the word "Employment" in the left-hand menu with the word "EMPLOYMENT" in the middle menu.)
-
-
06 May 08
-
04 May 08
-
30 Apr 08
-
Angela Kille# Left-justify the menu, so that the user's eyes can move in a straight line and don't have to re-acquire the beginning of each new line. # Start each menu item with the one or two most information-carrying words. # Avoid using the same few words to start
-
29 Apr 08
-
28 Apr 08
-
Heidi Morris"Users scan lists by moving their eyes rapidly down the left edge. Menu items that are right-aligned make scanning more difficult."
-
posavasosUsers scan lists by moving their eyes rapidly down the left edge. Menu items that are right-aligned make scanning more difficult.
-
Andrius MazeikaUsers scan lists by moving their eyes rapidly down the left edge. Menu items that are right-aligned make scanning more difficult.
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.