120
votes
Are Scroll Bars Dead?
Yes there should.
Visible scroll bars are an affordance "this page is scrollable"
Without visual hints such as this the functionality might be missed.
105
votes
Are Scroll Bars Dead?
Some modern design guidelines certainly disprefer persistently-visible scrollbars, but not all. For example, in the Material Design guide, for menus, if a menu is scrollable, it should show a ...
64
votes
Are Scroll Bars Dead?
As a mouse user, I abhor scrollable content that doesn't give me a view of and access to scroll bars.
The scroll bar is a control. It allows me to quickly navigate large pages no amount of finger-...
49
votes
Accepted
Why do websites toggle header visibility on scroll?
Why is nav-menu visible when you are scrolling up?
In content focused sites and pages, the users expect to scroll down if there is an engagement. If user is not scrolling down but up, it can be ...
34
votes
Accepted
How to make horizontal scroll obvious?
I think that the idea of an item partially visible (sol 1) is nowadays something acquired (it comes from windows metro UI, back in 2010!).
In my opinion to make it look less bugged you should try to ...
32
votes
Is scroll within a card good or bad? (In desktop)
Desktop: You can use expand and scroll methods.
According to Material Design:
On desktop, card content can expand and scroll internally
Mobile: Don't use a scroll inside the card, instead expand ...
27
votes
Are Scroll Bars Dead?
This viewpoint comes primarily from the Mac environment, where scrollbars are typically displayed briefly when content first appears, then fade out. When scrolling occurs (user triggered or otherwise),...
23
votes
Why do websites toggle header visibility on scroll?
Mobile focused design
This sometimes called the scroll up bar and is a product of mobile-focused design. It is a compromise between having a fixed navigation bar that is always on screen and flowing ...
18
votes
How to make horizontal scroll obvious?
I think Marco T's answer is an excellent solution for your first option. I'd like to offer a solution for your second suggestion
Give a arrow pointing on the right and when user taps on it, the ...
17
votes
Accepted
The best scroll direction | Apple v.s. Windows
There’s no “right” way. It’s all in the analogy.
The Touch Screen Analogy
When you use a touch screen, the scrolling behavior is intuitive — it’s like you put your finger on the actual content and ...
14
votes
Why do websites toggle header visibility on scroll?
Many people do this because other people do this and no other reason.
Their purported reason might be to give maximum space to their content while minimizing the header which they read about ...
14
votes
Are Scroll Bars Dead?
The removal of scroll bars in my view is another example of the idiotic and shallow ideology of putting style over functionality. This is back to front to how it should be and is indicative of the ...
12
votes
UI pattern to hint at important content outside of viewport
Destiny won a Platinum award for UI design. This is the method they implemented to show there was something interesting offscreen:
It tracks around the screen as the camera spins, appearing on the ...
10
votes
How to make horizontal scroll obvious?
My recommendation is don’t use horizontal scrolling. Use left-right swipes instead.
Generally speaking, users know to scroll vertically, and they know to swipe horizontally. The metaphor is scrolling ...
10
votes
Accepted
What is the best way to tell users to scroll down in browsers?
First of all, you should not end a page at blank spaces. You should end them at the top portion of the next page's first section.
Use scroll icons such as this:
to inform the user about the ...
10
votes
Accepted
UI pattern to hint at important content outside of viewport
This is called a Contextual Notification.
It does not require the user to take action but informs them of something. It announces a significant event while not requiring something from the user nor ...
10
votes
Accepted
Best practice for scroll bars in a browser on iPad
How about using a multi-step form? It looks like you're essentially already doing this, just with an accordion.
Source - Omkar Bailkeri
This would ensure the user always knew they could scroll (gotta ...
9
votes
Why do websites toggle header visibility on scroll?
The intent behind this functionality is to support the user's assumed intent:
If the user is scrolling down, they must be reading the content -- so help them by getting the header out of the way.
If ...
9
votes
How to help users keep the effort when filling a long (160+- questions) questionnaires?
Torture!
I'm sorry not to answer your question directly, but I'm actually quite alarmed by the the whole idea...
So your friend has decided to put high-school teenagers through the torture of having ...
9
votes
Are Scroll Bars Dead?
As a mixed point of view...
Horizontal scroll bars are usually a bad thing. It may mean you've optimised for the screen width of a PC monitor, which doesn't translate well to mobile devices. When ...
8
votes
Accepted
Best way to scroll long content on mobile screen?
The user should have access to the "CLOSE" option anytime during the session. However, the CLOSE button should not deter from doing the primary task in the screen (browsing history or purchases) by ...
8
votes
Should I use a left aligned scroll bar?
Though design and user experience is becoming more dynamic and flexible, some things still remain traditional, just like anywhere you see the diskette icon, you automatically know its the save button ...
7
votes
Accepted
What is this specific UX element called?
By going to your browsers "Developer Tools" you are able to view the HTML/CSS for elements on the page.
After inspecting this element on their site suggests that they call it Word Reel.
7
votes
Are Scroll Bars Dead?
Yes, scrollbars should be visible, if for no other reason than for the sake of accessibility.
There are many instances where hiding a scroll bar makes your site/program anywhere between frustrating ...
7
votes
What are the pros and cons with an overflowing horizontal scrollable nav bar?
Although a bit older, this article mentions:
Our research found that even strong cues such as arrows frequently remain unnoticed. People expect to scroll vertically for additional content, but they ...
7
votes
What are the pros and cons with an overflowing horizontal scrollable nav bar?
The Priority+ pattern is an option to deal with overflow of elements in place of a horizontal scroll.
You'll see an example of this in sites with lots of top level (and also secondary categories). The ...
6
votes
Accepted
What makes Reverse scrolling a sign of Bad UI?
I wouldn't say it is always a bad UI design, but scrolling is one of those things that should not be counter-intuitive and behave in a way the user does not expect.
On a touch device, for example ...
6
votes
Accepted
Changing scrolling behavior - good use cases?
No! There are no good cases for ruining standard scrolling.
Standard scrolling of web pages is the page turning of web viewing.
Any changes to standard scrolling are no longer standard scrolling, ...
6
votes
Accepted
Are websites that scroll up good UX?
Artistically, it's a fine choice, but in terms of usability, especially in the context of websites in general, it's awful. It breaks one of the usability expectations that the vast majority of users ...
5
votes
Tabs vs Scroll in content heavy website
Which is a better UX principle in case of in a data intense website? It depends on a use case...
Tabs
The primary goal of the module tabs UI pattern is to permit users to view a group of related data ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
scrolling × 355website-design × 38
mobile × 36
navigation × 34
scrollbars × 34
usability × 25
pagination × 22
lists × 19
interaction-design × 18
touch-screen × 18
forms × 15
ios × 14
android × 13
design-patterns × 12
gui-design × 11
tables × 11
infinite-scroll × 11
user-expectation × 10
web-app × 10
mobile-web × 9
layout × 8
desktop-application × 8
tabs × 8
user-behavior × 7
buttons × 7