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.
colmcq's user avatar
  • 8,250
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 ...
sintax's user avatar
  • 1,222
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-...
MichaelS's user avatar
  • 871
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 ...
Abektes's user avatar
  • 5,571
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 ...
Marco Tatta's user avatar
  • 1,772
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 ...
Alvaro's user avatar
  • 16.8k
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),...
Dave's user avatar
  • 371
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 ...
trlkly's user avatar
  • 412
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 ...
CompuChip's user avatar
  • 531
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 ...
Tim Grant's user avatar
  • 3,941
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 ...
Rob's user avatar
  • 2,823
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 ...
Lex's user avatar
  • 167
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 ...
Ian MacDonald's user avatar
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 ...
Simon White's user avatar
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 ...
Kishan's user avatar
  • 2,349
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 ...
UIO's user avatar
  • 2,674
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 ...
GammaGames's user avatar
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 ...
Daniel Beck's user avatar
  • 4,592
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 ...
Izhaki's user avatar
  • 32.4k
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 ...
Graham's user avatar
  • 261
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 ...
Nicolas Hung's user avatar
  • 5,578
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 ...
Wurah's user avatar
  • 632
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.
julian's user avatar
  • 94
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 ...
bta's user avatar
  • 579
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 ...
Nicolas Hung's user avatar
  • 5,578
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 ...
Mike M's user avatar
  • 24.6k
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 ...
Austin French's user avatar
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, ...
Confused's user avatar
  • 2,258
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 ...
Miles Reiter's user avatar
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 ...
Igorek's user avatar
  • 1,813

Only top scored, non community-wiki answers of a minimum length are eligible