4

I am doing some research on a pattern that would allow to display more information when scrolling up, in a desktop app environment. Similar to the band's profile page on Spotify on mobile (album cover taking up the whole width), the user could scroll up and hold from the default top position to see more information temporarily. On release, it would switch back to the default view.

Have you seen this pattern on desktop and if so, where? Do you think it could be appropriate in a desktop environment? If not, why?

mockup

download bmml source – Wireframes created with Balsamiq Mockups

  • 1
    My very first impression without any test data to prove it: very few desktop users will ever think to scroll up... – Adriano Repetti Dec 14 '15 at 14:24
  • Good point. I think we could easily teach it to users though. – user15161 Dec 14 '15 at 15:08
  • but, how do you "hold" on desktop? – Ayyash Dec 14 '15 at 16:44
  • That's my biggest concern. Using the touchpad you can hold but not using the mouse wheel... – user15161 Dec 15 '15 at 4:11
  • If you are relying on the user having a touchpad, then this is basically a mobile design, not a desktop design. At least on the Mac, the touchpad is a faux-touchscreen. – Simon White Mar 3 '16 at 8:14
1

I would scrap the "hold" for this idea. I would start with the "expanded" view, then on the first bit of scrolling down you zoom it out to the normal view. Then you scroll like normal. just make sure to always have the lower objects on the screen extend a bit out of the screen (as a visual cue that they can scroll), and they'll experience your new and amazing feature.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy