RE: Horizontal scrolling & reflow

> Under your example of western text that is wider than the viewport,

My example wasn’t a block of text, but if it was, it would be like that for everyone on a small mobile device as well.  I.e. really annoying and I’ve not seen an example like that in the wild.

What I have seen is things like Netflix & Amazon’s horizontal rows of movies/products that are carousels or side-scrollers.

For example, the video side-scrollers on this page:
https://www.amazon.co.uk/Amazon-Video/b/ref=nav_shopall_aiv?ie=UTF8&node=3010085031


Each ‘card’ in that section of content fits within the viewport, so there is no disadvantage. On a touch screen you can swipe it along nicely, or use the scroll bar. (I’m not recommending anything else about this page.)

The bbc.co.uk homepage (you’d need a VPN to see that) has a nice example that scrolls as well as having left/right buttons. Apart from being too tall in that case, I’d be hard pressed to find any issue with it.

Using the native scrolling in the browser is far better than the site trying to implement its own touch-swiping gestures, which is likely to cause interface issues.

So we can say that type of feature is a fail of reflow, or we allow for that and let go of the unlikely scenario where a designer/developer intends for people to scroll in two directions to read text.

Cheers,

-Alastair

Received on Thursday, 6 September 2018 20:17:38 UTC