Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [scrolling]

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

0
votes
3answers
117 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 ...
0
votes
1answer
42 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 ...
4
votes
3answers
155 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 (...
1
vote
1answer
43 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 ...
4
votes
1answer
114 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 ...
1
vote
2answers
130 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 ...
0
votes
1answer
133 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 ...
0
votes
2answers
113 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 ...
3
votes
1answer
101 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
69 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 ...
0
votes
1answer
134 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 ...
1
vote
3answers
152 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 ...
1
vote
1answer
69 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
3answers
210 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
169 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 ...
2
votes
3answers
177 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 ...
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?
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 ...
1
vote
1answer
199 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
0answers
173 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
173 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
3answers
413 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 ...
2
votes
1answer
968 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
119 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 ...
1
vote
1answer
78 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
1answer
171 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
97 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.
0
votes
2answers
471 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
255 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 ...
1
vote
3answers
223 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 ...
1
vote
2answers
133 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" ...
0
votes
2answers
114 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 ...
2
votes
1answer
540 views

Multiple scrolling, dragging in modal/popup window. Good UX?

Had a discussion with the stakeholders regarding the things they require and they suggested to convert the product's modal window in the similar form the WRAP is doing(Open any image just after one ...
1
vote
1answer
800 views

Page section indicators for vertical scrolling

Can anyone let me know what the technical UX/UI name is for the indicators on the right-hand side.I've tried googling a bunch of variations but can't find a definitive answer. Thanks in advance
6
votes
1answer
171 views

What is the best UX for ebook reading?

Most eBook reading apps break any content down to pages to mimick the text breakdown of physical books. I haven't been able to find a deeper discussion about that approach, so I tried and listed pro ...
0
votes
1answer
129 views

Documentation in one page or different pages?

What way should the documentation of a site be, all in one page or split into different pages? Since I think it is relevant, this is my project documentation right now, a library for Node.js ...
0
votes
2answers
59 views

How do I call this interaction?

There's this interaction on Airbnb (example page: https://www.airbnb.com/rooms/432044), where the section containing the price, "Request to Book" call to action, etc. on the right are scrolled with ...
2
votes
3answers
434 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) ...
4
votes
4answers
2k views

Are horizontal forms ever good UX?

Generally when making a form the input fields should be listed vertically in most cases but is there ever an instance when listing the fields horizontally is a good idea? For example, if a form has ...
0
votes
2answers
102 views

Why Facebook and Linkedin use a slider to scale/edit users' profile image instead of mouse middle button scrolling?

Our team is working on a product which has a feature that allow users to upload their avatar and edit it. Originally, we would like it to be like google (you can edit the size & position of the ...
2
votes
1answer
711 views

Is the currently most used scrollbar pattern good for ux?

I've been thinking about the way most OS's handle scrollbars. The general pattern is an invisible scrollbar that only appears when the user scrolls. This is the case on Mac OS, iOS and Android (see ...
5
votes
2answers
2k views

Why is a scrollable bottom tab bar discouraged?

Why is horizontal scrolling in a bottom tab bar commonly discouraged? Both iOS and Android guidelines discourage it. And for some reason scrolling navigation is sometimes okay at the top? (Android ...
5
votes
1answer
663 views

Are websites that scroll up good UX?

I was surprised to see a website that scrolls up. AiMEN website has scrolling from the bottom to top. When I first visited it I scrolled down and nothing happened, I didn't know it scrolls up and ...
2
votes
2answers
110 views

How to add action buttons to subsections of long lists

When having a potentially long list with different subsections (in this case - Augmented and Unaugmented Targets) how can you add action items to the subsections (like the export button) - which are ...
1
vote
2answers
631 views

is anchor link usage common in mobile based web design

I'm working on a landing page with sections of content. Is it common to have anchor links on the top in mobile websites, when you click on the link you will jump to different section of the screen. ...
1
vote
0answers
67 views

Informative mobile scrolling by tag or category

A designer came to one of our iOS engineers to show us some inspirations she saw with some iOS apps where they allow users to scroll by tag or category Some examples include Snapchat where if you go ...
1
vote
2answers
56 views

Alternative to scrolling the user's screen when they click on input so we can make room for tooltips?

We have a form in our web app which allows users to create a list of "cards". Our system dynamically displays tooltips to help them enter high quality information. A simplified example might be ...
2
votes
2answers
174 views

Are there guidelines on physics of scroll up bars?

I'm planning to use a menu that hides on scroll down and shows up when scrolling up. I know sites that do this that are very sensitive to the scroll up motion and show up at the slightest scroll, ...
1
vote
3answers
139 views

Double vertical scrolling - client requirement - Searching for a good reason to say no

The thing is my clients asks for a contact list where you have something like this The first ones are the contacts that already are your friends in the app, the second ones are not your friends yet ...