149
Tickers are like carousels, but worse.
Since you're asking for disadvantages, tickers are an antipattern because:
The content is unpredictable for users. Users don't know how large the content is, what order it appears in, where it starts or ends, and how long it will take to read all of it.
It either scrolls too slow or too fast. If a reader is focused ...
102
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 scrollbar. In any case, if your content is scrollable, it should be clear from looking at it that it affords scrolling.
It's up to an individual designer or guideline ...
102
Yes there should.
Visible scroll bars are an affordance "this page is scrollable"
Without visual hints such as this the functionality might be missed.
82
It's from print newspapers; back in the day when broadsheets were more common, they were usually presented folded in half vertically, so the most important part of the front page was the portion "above the fold", which is the first thing most people see when they see the newspaper. Analogously, this is the first part of the website you see when a page loads, ...
59
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-scrolling, scroll-wheeling, etc. can compare with. It also gives me more precision for most pages than my scroll-wheel.
The scroll bar gives me information. It ...
56
It comes from newspapers which are folded in half. Above the fold refers to content that is visible without unfolding or turning the newspaper over to see the 2nd half. This term was adapted to websites and their content that is visible without scrolling.
Here is a picture of a newspaper.
Everything you can see is above the fold.
52
This is just my opinion, but it's an answer.
Tickers, or marquees, where you see them, tend to inhabit small spaces. Whether that's across the front of a cinema, the back of a police car or on a train station sign.
In the real world they offer an advantage in that they can display more information than the display can statically display, but in a smaller, ...
49
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 accepted as "not engaged user". Providing other options for engagement is the main goal of this behavior.
The same pattern can be also seen in mobile safari app. ...
37
The accepted UX terminology for this pattern is "infinite scrolling". It's becoming more and more common in rich web apps because it's a way to keep users engaged with a minimum number of roadblocks.
The accepted viewpoint is that users prefer single page versions of content when given the choice (Google's own research backs this up), but that it's ...
33
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 use on the list of items a gradient to transparent on the border and maybe to do the same on the left side (and creating a "ring" of items that circles the ...
32
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 it.
Card collections only scroll vertically.
Card content that exceeds the maximum card height is truncated and does not scroll, but the card can be ...
30
Yes, you should allow users to escape it.
The Boston Globe redesign was handled by Ethan Marcotte, who wrote the book on responsive design. Combined with the CMS nature of the site makes it perfect for deployability, usability, and flexibility concerns with responsive designs.
Each viewport has to morph content to promote, demote, and generally rearrange ...
24
Horizontal scrolling is terrible. Users almost always complain about it, and it's particularly a problem when paired with vertical scrolling; there's nothing worse than trying to scroll a site on mobile when you keep scrolling horizontally on accident.
Lots of data backs up this idea in web user's behavior; Horizontal Attention Leans Left (for Left to Right ...
24
Horizontal scrolling like all other features requires certain conditions to exist in order to be comfortable. These conditions include display technology (screen & layout) and the navigation control technology (input devices).
Let's look at the brief history of them all.
Nearly all analog means of presenting information have had horizontal scrolling: ...
24
If I understand your question right, this is a very common problem since iOS and Android (and now OSX) never show any scrollbars. A good way to go are visual clues: If the canvas is full the last item shouldn't be completely visible. Here's an example from one of our apps:
Additional thought: Windows 8 Metro (and WP7) heavily rely on visual clues for ...
24
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), the scroll bar reappears. Only the handle is visible (as a semi-transparent rounded black bar); no arrows or gutter. If the cursor is over the scroll bar when ...
22
22
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 navigation bar that is only on the top of the page. The fixed navigation bar has the downside of taking up a significant portion of the smaller mobile screen, ...
21
Aesthetics help usability. Many things "just" look nice, but when it comes to such key elements as scroll bars, their visual appeal can make them more usable.
It's important that they look different from a standard scroll bar, because in most web apps at least one of the scroll bars is the rightmost element on the page, so it's adjacent to the standard ...
20
Several ideas:
You've said that fading edge is not available. I assume that if it was available, you would have used it. Why not implement a fading edge by yourself? This shouldn't be too hard to implement, just draw a gradient mask in a layer over your content. If you extend the default scrollable container class (ScrollView), you can add this ...
20
I believe this was simply done because we read from top to bottom. The choice was made pretty early on, and was probably influenced a lot by technical limitations.
Because text is encoded linearly, most text editors (not necessarily word processors) had a limit in the number of columns and rows they could display. If you go far back this was typically along ...
20
Scrolling text can be a barrier to accessibility, so much so that WCAG requires that you provide a control that allows the user to pause, stop, or hide the moving content (SC 2.2.2 Pause, Stop, Hide).
Content that moves or auto-updates can be a barrier to anyone who has
trouble reading stationary text quickly as well as anyone who has
trouble tracking ...
19
The arrows on scrollbars are a functional element. If you click on them they move the screen up or down. Clicking on the area between the arrows and the position marker usually moves the screen up or down a page at a time. They are therefore not redundant as nothing else behaves in the same way. Whether or not they are needed is a different issue.
While ...
18
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 list will scroll to the left but that it not natural. If something is horizontal scrollable people will scroll it horizontally by swiping horizontal
Why not offer ...
17
They are usually used because the designer thinks that they look better. Many designers design for what looks good rather than for what is usable.
For usability just use the standard scroll bars.
Edit: Also, the way that different people use the scrollbar varies a lot. Some click on the bar and move it; some use a scroll wheel on their mouse; some click ...
16
Besides the obvious...
An indication that what is on screen is not the complete content. For example:
Text stops mid sentence
A border box shows no bottom but has the left and right edges stopping at the bottom. Even more emphasized if they have drop shadows.
Text or lists that cut off the bottom half of a line.
Pictures cut in half
Long text which has a ...
16
This is something we've had issues with as well - perhaps this solution may help you.
The general idea is that you have a group of elements with arrows at the top and bottom (these can be clicked to scroll). The user can also use a scroll wheel inside the area to scroll. There's no real affordance of scrolling here, but it provides an alternative method for ...
16
It's quite literal: Long page design (google search for the same term).
16
The straightforward answer to this is: it depends. But compared to the sticky bar, it is hard to fail the pit bar.
Terminology
Static bar - is a (navigation) bar that scrolls with the rest of the page.
Sticky bar - is a bar that sticks to the top of the view and is always visible. AKA fixed bar (Bootstrap terminology) or absolute bar (CSS).
Pit bar - ...
Only top voted, non community-wiki answers of a minimum length are eligible
