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.

I have a web app that's meant to be targeted to both PC and tablet users. The app has two main "panes" side-by-side (a map and a legend, effectively), and I'm finding that the "scrollability" (did I just invent a word?) of the legend panel is not very discoverable on the tablet due to lack of visible scrollbars.

Can you recommend something that can cue the user into the fact that a particular portion of the UI is scrollable?

share|improve this question

2 Answers 2

up vote 2 down vote accepted

A scrollbar is the classic affordability cue that cries "scroll me!" though they can be ugly/space wasting (but not unheard of) on mobile touch devices. On a tablet though a 7px scrollbar really doesn't eat much space and can have the helpful benefit of showing how much content exists; many Android apps will show a "hidden" scrollbar that only appears when you scroll to help show your position in a scrollable element.

If it's a technical reason you're not using scrollbars, some js and other tricks can allow their use, such as iscroll JS.

If scrollbars are unwanted for non-technical reasons then you have to suggest the scollability. This can be done inelegantly by directly telling a user that X is scrollable on their first visit, but subtle cues are a more appealing and practical method. Try to make it clear that there's something beneath the fold; if text extends beyond the fold or other element is partially obscured users will quickly get the hint (balance this with aesthetic appeal, don't intentionally hide important things by the fold).

An interesting example of this suggestion is Cultural Soliton's website, as @RogerAttril put it in chat,

The scrollbar is not the only cue on that page :- the circles on the background go below the fold - like something bubbling up from below

share|improve this answer
    
I had considered iScroll, but your answer has fully convinced me. Given the alternatives you presented (i.e. background that clearly extends beyond the fold) and what I know of my users, I think the scrollbar is probably the best way, even if it's not as smooth as the native scroll. Thanks! –  FMM Oct 17 '11 at 13:58
    
The subtle effects are nice but are usually used A: With tech-savvy users and B: with a scroll bar. Users always know what a scroll bar means, so I think you're going in the right direction =) –  Ben Brocka Oct 17 '11 at 14:23

If you are not certain that some content will be cut off, and thus imply that its a scrollable pane, you can always add a subtle drop shadow on the bottom part of the pane, from the bottom up. It kind of subconsciously implies that there is something more at the bottom. It also depends on the design, if the panes are maximized and touch the borders of the tablet - it might work. Having them on a limited areas with margins might require a different approach.

share|improve this answer

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.