This link has been bookmarked by 47 people . It was first bookmarked on 27 Apr 2006, by netklon.
-
03 Sep 15
-
30 Aug 15
-
11 Jan 12
-
etermined four requirements for a good scrollbar:
-
- Use an actual bar in the shape of a rectangular trough, preferably in a color that contrasts with the background.
- Show arrows at the top and bottom.
- Include a slider (sometimes called a "thumb" or an "elevator"), preferably in a color that contrasts with the trough. The slider's position should show the visible area's position relative to the total area, so people can see how much more content they have to scroll through.
- Allow users to scroll by
- clicking in the trough,
- clicking on the arrows,
- dragging the slider, and by
- using a scrollwheel on their mouse.
-
-
08 Oct 11
-
12 May 11
-
12 May 10
-
Offer a scrollbar if an area has scrolling content. Don't rely on auto-scrolling or on dragging,
-
Hide scrollbars if all content is visible.
-
Comply with GUI standards
-
Avoid horizontal scrolling
-
Display all important information above the fold
-
When pages feature both vertical and horizontal scrolling, users have to move their viewport in two dimensions, which makes it hard to cover the entire space
-
any case, all key information should be visible on the initial screen because scrolling can cause accessibility problem
-
-
30 Mar 10
-
- Offer a scrollbar if an area has scrolling content. Don't rely on auto-scrolling or on dragging, which people might not notice.
- Hide scrollbars if all content is visible. If people see a scrollbar, they assume there's additional content and will be frustrated if they can't scroll.
- Comply with GUI standards and use scrollbars that look like scrollbars.
- Avoid horizontal scrolling on Web pages and minimize it elsewhere.
- Display all important information above the fold. Users often decide whether to stay or leave based on what they can see without scrolling.
five essential usability guidelines for scrolling and scrollbars:
-
users hate horizontal scrolling and always comment negatively when they encounter it
-
- scrolling can cause accessibility problems:
- The additional action that scrolling requires can be difficult for users with motor skill impairments.
- Low-literacy users can't easily reacquire their position in the text after it moves.
- Elderly users often have trouble getting to the right spot in scrolling menus and other small scrolling items
-
Scrolling isn't as problematic for teenagers as it is for young children, but they nonetheless prefer sites with minimal scrolling
-
- Use an actual bar in the shape of a rectangular trough, preferably in a color that contrasts with the background.
- Show arrows at the top and bottom.
- Include a slider (sometimes called a "thumb" or an "elevator"), preferably in a color that contrasts with the trough. The slider's position should show the visible area's position relative to the total area, so people can see how much more content they have to scroll through.
- Allow users to scroll by
- clicking in the trough,
- clicking on the arrows,
- dragging the slider, and by
- using a scrollwheel on their mouse.
four requirements for a good scrollbar:
-
-
10 Apr 09
-
20 Dec 08
-
24 Jul 08
-
13 May 08
-
25 Nov 07
-
t information above the fold. Users often decide whether to stay or leave based on what they ca
-
-
-
t information above the fold. Users often decide whether to stay or leave based on what they ca
-
-
18 Sep 07
-
14 Feb 07
-
15 Dec 06
-
07 Oct 06
-
27 Jul 06
-
20 Jul 06
-
27 Apr 06
-
23 Oct 05
-
20 Aug 05
-
04 Aug 05
-
14 Jul 05
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.