Questions tagged [scrolling]

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

Filter by
Sorted by
Tagged with
0
votes
0answers
19 views

How to make sidebar navigation scroll with main content without an empty space at the top [closed]

I am getting the exact problem that Kevin described with the empty space at the top of the sidebar when scrolling with content. Is there html of css code to prevent or remove the space? Thank you.
0
votes
1answer
43 views

Is it common to have both horizontal and vertical scrolling for tables with fixed height?

I am working on a table of fixed height and due to the large data, I need both vertical and horizontal scrolling. Although, I am thinking that users might get confused. If it is ok to use them both, ...
2
votes
2answers
64 views

When reading a long passage, when do users tend to scroll the page?

I'm creating a web page with a lot of text, and elements that animate in once the user scrolls past a certain threshold. I need to determine exactly how far the user should scroll before triggering an ...
1
vote
1answer
47 views

Submit button place when large with only checkboxes form doesn't need

This question is related to the Sticky submit button at the top and bottom of the form?, and Submit button on top of the long form but I consider has other nuances. I have a form that is made only ...
3
votes
1answer
76 views

Do you know any research regarding so-called “scroll arrow” used for vertical scrolling?

Currently, I started to be concerned about the "scroll arrow" within the interface. The scroll arrow indicates that the first visible section it's not all and it's more content to scroll. I ...
2
votes
0answers
56 views

Have studies shown people actually use floating “Back to Top” buttons? [duplicate]

I know there are "guidelines" out there for how to handle floating Back to Top buttons, but I haven't found hard data or studies showing that users measurably prefer to use a Back to Top ...
0
votes
1answer
27 views

Is it right to use horizontal scroll to show information related to the same content in details page

I have a Mobile app for recipes, the user can click on recipe to see its details, in details page we have image, title, tags, ingredients, and steps for preparation. So my question is, is it right to ...
0
votes
0answers
20 views

Hyperlink to the form at the top of the page or open a modal instead

I have a typical lead generation page with the lead generation form in the first fold. The page is quite long and has multiple CTA buttons along the length of the page. Now I have two options for the ...
2
votes
1answer
44 views

Should console output or logs wrap when displayed in webpages?

I recently had some debates around how console/logs should be displayed inside a web page, I decided to ask people that likely know better the subject. I tried to make a recording of vertical-...
1
vote
1answer
83 views

Mobile UX for a list of questions with editable answers?

As part of a larger app, I am designing a mobile UX for a fixed list of 30 questions that the app user can answer. The user can answer from 0 to 30 questions, averaging around 3 answers. They can edit/...
0
votes
1answer
45 views

Sticky tab menu that actually scrolls the page vertically?

Not sure if the title is clear enough but i'm looking for examples and thoughts on this type of components. I looked through some single page websites but couldn't find what I was looking for right ...
0
votes
2answers
70 views

Recommendations about the size of an scrollable area in a mobile screen? (like a map)

There is always one time when we need to insert a map in a webpage or app while there is a vertical scrolling in the whole content. For example, imagine a web that has a map as the first element of ...
2
votes
1answer
45 views

Is there any research on where (on the physical screen) people prefer to read content

For example, on a page full with content, where at the bottom near the fold there is some content. Where do users tend to scroll to to read this content? Will they read it where it is, at the bottom ...
1
vote
1answer
54 views

Display large chart inside a card in a Dashboard

I'm going to design a Dashboard, I know how to show the information but my client said to me that a cohort chart is going to have a lot of information. I wonder if it's ok to add to the card that ...
0
votes
1answer
68 views

Usability testing: what can be the best questions to ask a user to understand if they prefer infinite scroll vs pagination?

For example, unsplash.com has an infinite scroll. Let's say we want to change it to pagination. What can be the best questions to ask a user for a usability test?
2
votes
1answer
64 views

good place to add recommendation section

We are designing an insight section where user can see all the critical status products or campaigns. we are providing a "recommended section" at bottom of the vertical scroll page. i have a ...
2
votes
1answer
174 views

Is it okay if the primary action after an operation is visible after scrolling

I am designing a web app which contain many different tools this particular tool has two fields one in which user uploads a single file and other where user can upload multiple files. The problem is ...
0
votes
0answers
44 views

Vertical versus Horizontal Scrolling Patterns

I've seen sites that have horizontally scrolling content as their main content. For example, Trello and Jira have many columns that extend out horizontally. The page then allows for scrolling. I've ...
0
votes
2answers
157 views

Should I use a left aligned scroll bar?

Usually, users expect scroll bars to be at the right side of the content they want to scroll. My page menu is located on the left side of the page however and is intended to be scrolled separately (...
96
votes
11answers
26k views

Are Scroll Bars Dead in 2020?

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 ...
1
vote
1answer
158 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 ...
0
votes
3answers
139 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
198 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
221 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
49 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
301 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
208 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 ...
1
vote
1answer
291 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
882 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
104 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
74 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
147 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
216 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
78 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
490 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
528 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
183 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
97 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
301 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
311 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
220 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
180 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
992 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
2k 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
148 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
88 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
197 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
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.
2
votes
3answers
2k 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
2 3 4 5
7