Questions tagged [scrolling]
in kinetic displays, scrolling is sliding text, images or video across a monitor or display
311
questions
0
votes
0answers
28 views
Smooth animations for multiline text
This is basically what I'm trying to achieve: https://www.plasticbcn.com/about
I have searched around a lot on the wonderful webb and tried a few Javascript and CSS animation libraries, AOS, animate....
87
votes
9answers
21k 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 ...
1
vote
1answer
127 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
133 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
87 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
164 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
142 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
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 ...
0
votes
1answer
186 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
239 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
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 ...
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 ...
1
vote
3answers
168 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
70 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
277 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
237 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
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 ...
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
231 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
186 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
3answers
583 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
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
132 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
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
1answer
179 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.
2
votes
3answers
801 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
278 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
250 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
155 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
122 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
601 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
948 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
173 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 ...
1
vote
1answer
161 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
60 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
448 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
3k 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
105 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
874 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 ...
6
votes
2answers
3k 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
692 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
117 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
710 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
68 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 ...
