Working with Off-Screen Tabs
On a mobile website, is it a problem to have off-screen tabs? (As denoted by my blue right-arrow)

6 Replies
ΒΏCan you scroll them onto the screen with a swipe?
Is that what you would prefer?
The website I have seen tend to have it so if you click on the arrow things scroll to the right or a whole new set of tabs appear, but I have seen some where you can swipe.
The two don't seem mutually exclusive.
I definitely swipe at stuff quite a bit on mobile.

Personally I'd rather see all the options at once instead of needing to scroll. Unless there are too many options at which point I won't even bother.
Flex that π© and let them wrap where needed so your users can see it all
In your opinion, is it a problem having tabs that go offscreen on mobile but which are accessible via scroll or clicking on an arrow?
That is an interesting point.
The idea for the tabs is to put them on a hamburger menu - which I have gotten lots of push-back on - because my website has an enormous amount of data, and I want people to make a decision up front which path they want to go down.
I think once people get used to what I have envisioned, they will see it is a help and not a hinderance.
(And for v2.0, I have contemplated allowing people to customize their experience under preferences so they can just display the 2-3 tabs they mostly use.)
But here is a mockup of a full-screen hamburger menu that slides out from the left (or you could really just see it as a standalone mobile web page)...
