Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

On mobile devices, we have an alphabet scroll thumb. What is an appropriate substitute for a web page viewed on a desktop? I don't want to interfere with the native scroll bar or overwhelm the interface with awkward navigational queues next to it.

I'm after generic advice as well as some that applies specifically to my scenario: corpus search for linguistic analysis. They want their searches for a particular term usage to produce literally hundreds or thousands of results on the same page, sorted by right collocates (words following the search term) alphabetically. Drill-down, data segmentation and grouping have all been discussed (and then discarded) for reasons beyond my understanding of linguists' needs.

A sticky A-Z bar with a progress indicator seems kosher (think stretched-out Discourse "finite scrolling" indicator at the bottom right of your screen; also note the URL update neatness when scrolling!), is there a conventional approach here?

share|improve this question

2 Answers 2

The pattern you are referring to is called Table View (descibed here: iOS Human Interface Guidelines).

Maybe a combination of these two would be of some use for you:

  1. Using an overlay to inform user about where s/he is on the list at the moment - like in iPod Classic when using clickwheel to very quickly scroll long lists (user is presented the starting letter - it can be anything else, though, a date, number, color, whatever).

  2. Dragging the cursor away from the scrollbar when scrolling to change resolution (speed) of scrolling (also: displaying e.g. another level of accuracy to resemble this).

  3. Using a drag bar instead of scrollbar, where you drag a handle and drag it up or down. You drag it up or down from the central position.

Here's my idea:

Long list scroll pattern

Fig. A: You display a visual cue to show user where s/he is while s/he drags the dragbar up/down. This is because list elements scroll so fast that user cannot actually notice what they are.

Fig. B. The speed of scrolling through the list changes while moving the mouse pointer left from the dragbar, so that the list scrolls more slowly, yet user is still presented the visual cue (at more precise level), so even if s/he still cannot see the items, s/he knows where s/he is.

You can go deeper, alowing for e.g. 5 levels of scroll accuracy. As I said, you can use it for any sorted list where you can define these levels of accuracy (e.g. year-month-day-hour-minute, numbers from big ones down to their decimals, even for colors). Plus, it allows you to load more data in the background, as there is no scrollbar fooling user that s/he is in some place on the list.

share|improve this answer
    
Great point with increasing scroll accuracy! I don't want to interfere with the native scrollbar (e.g. by replacing it with a drag bar) and I feel that overlaying information in this way could be a bit too intrusive for the user. –  o.v. Feb 12 at 23:49

In general, scrolling can be a slow, jarring, headache-inducing way to find content. The reason we do so much of it on mobile devices is partly due to 1) the lack of better options on a device so small, 2) a weakened jarring effect due to the smaller screen size, and 3) due to the lesser usability of its keyboard.

General

On a desktop browser, the following strategies would be worth considering:

  1. Focusing on keyboard entry as the primary search tool, which produces a steadily reducing number of matches.
  2. Starting with a word (or image) driven set of options, which serve to narrow the number of options.
  3. Offering a short list of scrollable options - there's a reason websites all over the place limit their initial offerings to 25/50/100 results at a time.

Linguistics Case

No drill-down, data segmentation, or grouping certainly makes things harder. I would suggest here a visual bar on one side of the screen that traces through a 'top-down view' of the entire dataset as you scroll. This way, the user has some idea where they are within the whole if they are 40% down the page.

share|improve this answer
    
I agree with the sentiment of physically scrolling the mouse wheel being a terrible way to discover content. Personally, with appropriate data, I would welcome scrollable content as something that can be navigated through with a scroll wheel, a scroll bar and/or page up and down buttons, I simply want to enhance that experience with appropriate hints and shortcuts. Think about it this way - if you have a massive excel spreadsheet, you want to retain the scrollbars not come up with alternative pagination! –  o.v. Feb 12 at 23:54
    
@o.v. Absolutely - the suggestion I made under 'Linguistics Case' of a top-down representation of the data indicating where you are is an approach to handling your need of scrolling through large sets of data. This is akin to the iPhone's displaying of letters as a shortcut to finding contacts. :) –  sscirrus Feb 14 at 7:15

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.