The Stack Overflow podcast is back! Listen to an interview with our new CEO.

Questions tagged [scrolling]

in kinetic displays, scrolling is sliding text, images or video across a monitor or display

Filter by
Sorted by
Tagged with
88
votes
10answers
22k views

Are Scroll Bars Dead in 2019?

I recently heard a designer say something to the effect that modern web designs don't use visual scrollbars - or at least they're only visible when scrolling. I'm a front-end developer and hadn't ...
0
votes
1answer
107 views

Best practice for use of grid in the web (desktop browser) application, scrolling is the biggest concern

Grid is the name for the extended table component, that allows the scrolling, ordering, sorting, grouping of the columns, allows to select one or more rows, sometimes allows to select single cells and ...
2
votes
2answers
472 views

What makes Reverse scrolling a sign of Bad UI?

My client needed to design a fully SVG animated website with reverse scrolling. But, I heard some people say things like: Try avoiding Reverse Scrolling, It's a sign of Bad UI design etc... What ...
0
votes
1answer
194 views

Design patterns to indicate status on infinite scroll pages

There are several questions regarding design patterns that apply to infinite scroll such as What's the design pattern at the end of infinite scroll? and also What are best mobile navigation ...
1
vote
2answers
154 views

Favoring consistency over elegance?

This is a bit of a difficult question to explain in the title but hopefully it will make more sense after reading the question. I'm in the process of designing a web app with a basic design ...
8
votes
2answers
1k views

Is there any actual data about websites using parallax scrolling?

There are a LOT of opinions and personal anecdotes about parallax scrolling websites, but there seems to be very little actual data. So can anyone share the results of user testing a parallax website?...
32
votes
5answers
7k views

Is scroll within a card good or bad? (In desktop)

I am designing a board view which has card design with huge data in it. So, I am using scroll in a card. Is that a good user experience or is there any better solution?
92
votes
10answers
17k views

What are arguments against the usage of a ticker / marquee on websites?

I was recently asked to add a ticker (with daily updates) to one of our HTML-based dashboards. (A ticker would be text scrolling through the screen. In the past you could achieve something like that ...
2
votes
3answers
880 views

What is the best way to tell users to scroll down in browsers?

what is the best way to tell users to scroll down in browsers? Tests showed, that users do not scroll to the original message (which they need to answer questions):
1
vote
1answer
129 views

Scrollbars for an infinite plane

I'm designing a web application to plan Minecraft builds. Basically, it's a pixel editor except that each tile has a texture instead of a color. I am targeting desktop browsers, though I would like to ...
56
votes
7answers
13k views

Is scrolling better than clicking to reveal more content?

Which is faster? Scrolling down or clicking a button to reveal more content? Currently, our site requires clicking of page numbers to reveal more content. We have 9 channels per page, which fits on ...
0
votes
3answers
134 views

Scrolling with more whitespace vs Everything on one page

Our end-users are used to an old B2B application which contains really small inputs and information that is so close together that it is difficult to distinguish. As a result, users complain a lot ...
4
votes
3answers
166 views

Should a popup get closed if the user scrolls the area behind it?

In the image below, the sidebar (Blue) is a scrollable container that has input-fields, check boxes and a color-picker (yellow). When the user clicks the color-picker button, a pop-up dialog shows up (...
25
votes
6answers
24k views

How to indicate container is scrollable without scroll bars

In Android I'm trying to work out a way to indicate to the user that a container can be scrolled. I'm not a fan of scroll bars and usually turn them off for all containers but would enable the fading ...
17
votes
11answers
3k views

What's a good scroll bar equivalent for a spiral script?

One of my friends is writing a fictional story about a people who use a script that is read in a spiral from the inside out. They write on long coils of flexible material, and longer texts are fed ...
3
votes
3answers
171 views

Need advice on a scroll situation where the clicked item is hard to place

I am developing a GUI where I have a list with products to the left. When a product is selected, an info box is shown to the right. My problem is that the scrollbar for the products is placed to the ...
0
votes
2answers
288 views

Import file & Mapping data

I am working an "Import file" process. This process involves a mapping step and I'm trying to make it as easy as possible. I would like to avoid the horizontal scroll... Do you have any example from ...
1
vote
1answer
98 views

What is the name of this scroller component?

I have these arrows that when clicked scroll n cards to the side. I would like to find a React component that does that, but I don't know how is it called.
1
vote
1answer
44 views

scrolling vs stepping for labelling a large number of things

I'm not sure if this is the correct place to ask this question but I'll try anyway. I have a webapp where the user has to label a large number of separate examples, say 200 of them. Each example is ...
1
vote
3answers
176 views

images loading on scroll experience

Traditionally I have created sites where the images all download at once, but you often see sites where the images only download once they are scrolled to and in view in the screen. I presumed this ...
4
votes
1answer
163 views

Best way to scroll long content on mobile screen?

I am trying to decide the best way to have a certain amount of content scroll on a mobile screen. Background: I am developing a mobile app for keeping track of your bills and expenses. I am trying ...
3
votes
1answer
102 views

Opposing sorting direction

The problem: We have 2 screens in our app where the scrolling chronological is reversed (one page scroll in ascending chronological order and the other descending). From a UX point of view, this seems ...
1
vote
1answer
71 views

Content not viewable due to page scroll

Context We deal with a lot of data in our product. Mostly we design list views in such a way that when you click on any row in the list view you get to see the detail view on the right side of the ...
1
vote
1answer
71 views

Swipe to refresh leaderboard

Our mobile game has a leaderboard widget with names and scores: This is a scrollable list with 50 to 100 elements in it, sorted by score. One entry is for the current user, others are for his ...
0
votes
1answer
141 views

How to help users keep the effort when filling a long (160+- questions) questionnaires?

I am lending a hand on a project of my friend who is designing a questionnaire for high school students to determine what kind of higher education they are suitable for. There will be over hundred ...
0
votes
3answers
292 views

Scrolling up on mobile, but getting stuck on a scrollable list

Simple task: a user needs to scroll to the bottom of a form, before the bottom there's a scrollable list that is as wide as the form itself. When the user arrives at this list, it stops scrolling ...
9
votes
3answers
3k views

UI pattern to hint at important content outside of viewport

Does anyone know the name of the pattern where you add indicators that there is important content outside of the viewport? I am trying to find some inspiration but for the love of God I can't find ...
1
vote
2answers
260 views

What do you call websites that scroll sideways AND vertically?

I need to research sites with similar functionality to this one: https://weima.com/en/ but I can only find side scrollers or vertical ones - not both together - please could someone suggest a search ...
1
vote
1answer
96 views

When to bring in a scroll?

I have a row of elements, and have a second row of elements below it. I am trying to keep both the tables in view of the user. At what row count should I ideally introduce a scroll?
15
votes
3answers
4k views

Best practices for scrolling and navigation on touch interfaces: horizontal vs vertical

It's well known that on traditional (mouse/keyboard) interfaces horizontal scrolling goes against user expectations, however in touch devices the matter is not so clear. Are there any best practices, ...
5
votes
2answers
298 views

What is this specific UX element called?

The new Apple Pencil site has an above the fold introductory element where it says "Its only a ... pencil/scalpel/note-taker..." and this scrolls like a slot machine. What is this effect called? I've ...
2
votes
3answers
179 views

Header that changes on scroll

Is there an official name for a header who's characteristics (e.g. background color, height, etc) or that of its content change as the user scrolls? An example can be found on engadget.com where the ...
2
votes
3answers
450 views

Fixed primary navigation and secondary navigation pit bar right below

I am currently designing an ecommerce site that has a fixed primary navigation, but further down the page we have a secondary navigation (Product Specifications, Additional Information, User Reviews) ...
1
vote
1answer
236 views

Modal - verticals, and horizontal scrolls

I have a modal in which I have to include 13 columns in a 12-grid column. That would involve a vertical scroll, and a horizontal one. Should i go with pagination so I can do with one of the scrolls?
1
vote
3answers
622 views

How to decide whether to paginate or scroll?

This game-related app is navigated through the sidebar, and there are tabs that in the main section to further navigate an area. In the 'Updates' tab (shown), I am questioning how much information ...
1
vote
0answers
190 views

Alternative to side scrolling table for an infinite list of X-Axis checkbox items

I have a problem in which there is a table that does not have a predefined amount of columns or rows. i.e., for both the X and Y axis there is no limit. This invites a high probability of the user ...
3
votes
2answers
176 views

How should I design scrolling on my web site?

I'm redesigning an old reporting application for the Web, - previously it was a Windows Application. I have in mind two approaches, and I do not know which one is preferable for the users, so I hoped ...
1
vote
1answer
80 views

Travel planning app — best navigation pattern for horizontal scrolling?

I'm designing a trip planning app that allows users to create events under vertical 'Day Columns.' It scrolls horizontally. However, the 'Day' columns containing events are potentially infinite and ...
1
vote
2answers
167 views

Lengthy forms with scroll (on Web)

Is there any recommended way to tackle very lengthy forms, with long scrolls? I'm talking about web interface. My use case requires the user to fill up a lengthy form for each operation ("operation" ...
2
votes
1answer
1k views

Best way to indicate horizontally scrollable sections to a user?

I'm working on my website and I love the idea of using horizontal scrolling to display large lists of items while saving vertical space. The problem I'm having is that in the desktop version of ...
2
votes
1answer
133 views

Scroll wheel vs. Explicit Scroll Buttons (OR BOTH!)

Let's say you have a section of scrollable content, a lesson plan for example. It's contained in a sidebar in the UI. Assuming users understand that they can scroll with their scroll wheel or mousepad ...
17
votes
9answers
5k views

Scrollbar on the left

Is there a deep study that suggests to place a scrollbar on the right? Personally I move it to the left whenever possible (Firefox allow this, as well as xterm and emacs). I know that placing a ...
0
votes
2answers
651 views

Any recommendations on horizontal scrolling on tablets/mobile apps? [closed]

Some apps such as the Netflix app use double scrolling: you can scroll vertically within the page and horizontally within a component. I know that Microsoft has moved away from horizontal scrolling ...
1
vote
1answer
182 views

Designing an array of buttons

Now I’m designing a single-view mobile application for iOS. The view contains a text area at the top, and an array of buttons for users to input characters. I’m deciding the layout of the buttons so ...
1
vote
1answer
284 views

MOBILE VIEW: additional info in horizontal scroll vs. modal vs. accordion

I am working on the mobile view of a website with profiles on it. On those profiles there are a lot of categories/groups filled with tags and other information. In order to keep the page clean and the ...
2
votes
2answers
683 views

Has horizontal scrolling become a more recognised/accepted pattern for mobile?

I am aware there are several other threads/discussions around this topic however I feel most are out of date or specific to image/card based horizontal scrolling. My question is has it become ...
1
vote
3answers
263 views

Icon for a button to move a list item. Not scroll [closed]

In our software we have a dropdown menu. The dropdown menu has listitems which represent columns for a table. Via two buttons in the list (on the left side), the position of the listitems can be ...
3
votes
1answer
561 views

Does a URL fragment identifier have a bad effect on user experience?

In this link from CSS-Tricks, it's claimed that using the hash sign in a URL for linkablity purposes is not a good idea, because browsers will scroll to the item which has its id mentioned in the ...
0
votes
2answers
125 views

how to reduce content scrolling without reducing a story?

This is what I came up with: https://marvelapp.com/jjace4/screen/34738210 (summarized version) After finishing the page I got user feedback (design leaders from the UX community). The feedback that I ...
4
votes
3answers
551 views

Is it a good practice to use “inner content scroll” (on tablets)?

We fight everyday against (I don't know how the terme is coined) "inner content scroll" / "independent scroll" (I mean "overflow:scroll;") to prevent our users from getting this behaviors on their ...