Questions tagged [loading]
The state of transmitting or receiving information.
147
questions
2
votes
1
answer
35
views
loading states for individual items in a list
I'm a frontend developer and wondering from a UX perspective, whether it is a bad idea to fetch individual list items in a large list (with multiple columns).
See an example here:
This example is how ...
- 121
0
votes
4
answers
87
views
Should users be allowed to add new users on a user management screen while the screen is still loading
Designing an access management module. Sometimes there will be a delay in the list of existing users loading. During this time the add user button will be active. in this case users will be able to ...
- 10.6k
0
votes
2
answers
295
views
Best way to display loading time when data table is updated
hope you all doing great!
We have data tables where users can do different actions that require a new list of data to be loaded.
i.e. add filters, delete rows, upload new data etc.
What would be the ...
- 35
0
votes
2
answers
244
views
Disable buttons while data loading
I have a view in my mobile app with two buttons, before allowing user to click on them I need to wait for some data to load, should I disable them while it happens ?
Should I show a loading indicator ...
- 103
1
vote
2
answers
490
views
When/how to use skeleton loaders
I am on a project where we have different views in terms of medical data (user list, forms, vital signs, documents, graphs etc.). I read about skeletons and when to use them but when in practice, it ...
- 51
1
vote
2
answers
578
views
Should a button show its label in a loading state if a spinner is present?
Let's say I have a login form and after a user clicks the "Login" button, the form begins working and a spinner is added to the button until HTTP processes are complete.
For this example, I ...
- 113
1
vote
2
answers
81
views
How to do loading animations when at certain times the application is too fast for them?
I am facing a strange "catch-22" like problem, while developing an application for a mobile browser. My problem is that, some inner-app screens are fetching data from a back-end server, and ...
- 131
2
votes
2
answers
363
views
Should you use skeleton loading when you can't promise content?
For example, we have a search where users will be searching from a finite amount of content that they have generated. If they search for something too specific and get 0 results there would be no ...
- 380
0
votes
1
answer
43
views
How much does bounce rate vary according to page load speed?
When a user loads a page by clicking on a link or image they may stay and read the content or they may "bounce" (leave).
Presuming fewer people stick around the longer the page takes to load,...
- 289
3
votes
3
answers
382
views
Should I use a loading state, and if so, what kind?
My scenario is that I have a menu that loads pages on my SPA when an item is clicked. Right now it is rather fast (.1s with cache and ~.3s when not cached). However I expect this time to rise in ...
- 131
0
votes
1
answer
74
views
App takes 130 ms to load the main page content, should I try asynchronus loading
My desktop application comes with some examples it can show on the main home page. The trouble is, those examples take ~120ms to load, which if done synchronously effectively delays application ...
- 149
5
votes
1
answer
198
views
Two loaders on a screen - good interaction pattern?
Recently, I noticed a micro-interaction on LinkedIn where there were 2 loaders on the same page - different in size and color. They were probably for loading different types of content. Is this a good ...
- 985
3
votes
1
answer
80
views
In a SPA shoud I load before navigating away?
I'm developing a Single Page Application (SPA) design framework and need some thoughts on the navigation/loading approach. I couldn't find meaningful answers in this regard on the internet.
Question
...
2
votes
1
answer
2k
views
Does a skeleton loader need to be accessible?
Are there concrete guidelines about accessibility in skeleton loaders? How might we design them to be more accessible?
4
votes
2
answers
452
views
Skeleton screens - do we display them in case of lack of content or lower amount of content than suggested in skeleton screens lay out?
Currently, we add skeleton screens with a progress bar while the page is loading with data (in a data-driven platform). I'm wondering what to do in the case where after loading for some time, no data ...
- 963
2
votes
1
answer
109
views
How patient are users regarding mobile app startup time?
I am making a media player app on Android and one of the big priorities is making the startup of the app quick so that the user can just start the app and click play. I want to know a good benchmark ...
- 121
0
votes
1
answer
62
views
How to indicate that validation checks whole section of form?
In our app we have few views that use backend validation, that sometimes might take more that a second to response. What is more unique about it, is that validation is sent for whole section. For ...
- 103
2
votes
2
answers
86
views
Is it a good choice to use a more complex animation for loadings?
Currently for a loading animation I use an animated gif (imagine like a wave rotating on itself, which is inherent to theme of the app), instead of a classical loading animation. The thing is that I ...
- 41
0
votes
2
answers
49
views
How to display server answer waiting with a minimal visual difference to the interface
We have users complain to a visual difference between normal application view and waiting for a server response (that happens, actually, quite often, after pressing the button, changing the focus in ...
11
votes
1
answer
13k
views
Accessible way of notifying a screen reader about loading the dynamic Web page update (AJAX)
The rise in the use of AJAX to dynamically update the website instead of using standard hyperlinks and separate Web pages has resulted in accessibility problems for users of assistive technology (e.g. ...
- 211
5
votes
2
answers
183
views
fetching data before or after changing mobile app route
I need to change from route A to route B in a mobile app. Route B requires new data to be fetched. My question is quite simple: Are there studies that show whether mobile app users prefer / expect ...
- 237
0
votes
1
answer
195
views
Too many loading indicator on a single web page
I was assigned to design a web page, which has a lot of control buttons. Each button requires an activity indicator, to tell the user that the corresponding action is in process. There are some ...
- 31
1
vote
3
answers
202
views
The fragmentation of the page status introduced by multiple design patterns - best practice for page loading?
In one of the recent updates to Google Chrome, we have seen yet another method of dealing with page loading status with the introduction of the loading animation in the favicon area of the browser tab ...
- 26.1k
3
votes
2
answers
446
views
Skeleton Screen or Loading Animation
I'm designing a loading screen for a website application. I'm having two options for this:
Skeleton Screen
Loading Animation
I haven't known how to choose one of them yet due to some reasons:
I can'...
- 37
2
votes
3
answers
2k
views
Loading indicator on modal dialog
From a technical point of view, a loading animation benefits with synchronization because user can't make multiple requests.
What are the implications of using a loading animation in a modal window? ...
- 21
0
votes
1
answer
81
views
Mobile Login Loading Time
I'm just wondering what the best practice / optimal times are for loading after the user logs on. So let's say the user enters their username/password and presses log in, what's the optimal time from ...
- 111
1
vote
2
answers
75
views
Loading for a list with ~40 seconds completion time
We have a listing page which the data are gathered by multiple providers. These providers have different response times (min 15 seconds to 1 minute sometimes).
Our default sorting is based on the ...
1
vote
1
answer
1k
views
How to display a skeleton component for a list component
I am using the skeleton component as part of Material UI's API: https://material-ui.com/components/skeleton/
It makes sense that you should make the skeleton look like the component that will be ...
- 123
0
votes
2
answers
378
views
What to do with loading animation for very short load times?
Within our iOS mobile app, we have a list of templates the user can choose from:
Each template has (initially) remote assets that need to be downloaded and cached before the user can go into edit-...
- 889
1
vote
2
answers
500
views
Adding label or supporting text to a loading animation (spinner)
I have an interactive map container that requires some time to load. I placed an animated loading spinner while the map loads.
Is the animated spinner sufficient visual feedback or should it be ...
- 33
0
votes
1
answer
58
views
Showing loading state in document title?
Typically the document title would convey which part of the site you were on, e.g. Dashboard - MyApp - though sometimes apps like Facebook will indicate when you've received a new message using the ...
- 111
1
vote
2
answers
81
views
Shoud the user be able to manipulate a list before it is fully populated?
I am facing a problem with a desktop app that, upon startup, should display a large list of items (Patients in a medical record system).
Typical uses of that list would be as usual:
Scroll up and ...
- 161
1
vote
4
answers
162
views
Progress indicator position in iOS [closed]
Having a little bit of struggle while designing a iOS app. What do you think is the right position for progress indicator - right or left side of text?
Checking for updates...
or
Checking for ...
- 41
0
votes
1
answer
148
views
Usage of skeleton in a search context
I was wondering if it was a good practice to use a skeleton in a context of search and filtering or is it better to only use it when the page is loading and use a spinner on the list while filtering ...
0
votes
1
answer
888
views
How long can a loading screen be before it starts creating a negative user experience?
Loading screen originally were intended to distract the user from the fact that they have to wait for technical requirements to be fulfilled.
Sometimes we see them used as a tactic by apps and ...
- 2,435
2
votes
3
answers
1k
views
Is there a name for this type of progress bar at the top of screens?
Lots of applications and sites (particularly SPAs or sites with lots of data to load such as YouTube) have a progress bar that is displayed at the very top of the screen.
Does this have a special ...
- 161
3
votes
5
answers
1k
views
How to implement busy spinner with button
What should happen when a user clicks on a button that triggers an action that takes a short amount of time to complete, showing a busy spinner to indicate processing?
[click]↖ ⇒ [click] ↖⚙ - Mouse ...
- 791
6
votes
4
answers
2k
views
How long should the user wait before providing reassurance?
I have an application with user login. When a user logs in for the first time, I show them a screen similar to this while the login process completes:
The user's access must be validated before they ...
- 163
2
votes
1
answer
353
views
What are the best UX practices to show that an autocomplete data for an input field in a form is loading?
I'm a developer working on a form, which fills an autocomplete input field with available choices.
What would be the a good UX take to show that those suggestions are loading?
I'm thinking on ...
- 123
4
votes
4
answers
474
views
What's the purpose of a "Pause Animation" button on a loading animation?
Many of the loading spinners on Chase bank's rewards portal have a "Pause Animation" button below them. Is there a reason to include this below animations?
- 41
2
votes
1
answer
163
views
Do loading bars freeze on purpose?
Many applications implement some sort of progress bar or spinning circle to indicate loading of significant size.
In Windows 10 updates and some games, I've noticed that these loading elements ...
- 21
4
votes
3
answers
2k
views
iOS button morph to loading
In Android, the native button in material style has a "loading" state. This loading state can also be "disabled" state. It looks like this:
HD Screencast - https://gfycat.com/...
- 279
6
votes
2
answers
171
views
Preloader for search form
I have a tool (webapp) that allows people to search my database. They are able to choose filters and sort their results, etc. I wanted to add to the experience to let the user know that their search ...
- 2,333
0
votes
2
answers
179
views
How does a slideshow on a webpage affect load times? [closed]
I am designing a website which has a slideshow on its homepage, which automatically rotates through a few pictures. I want these slideshow images to have good resolution without unnecessarily ...
- 103
0
votes
3
answers
186
views
Can I put Cancel so far away to the left?
I enclosed a sketch of my recent design. This is part of a screen of a game-related application which is currently searching for game updates.
I am wondering if it's ok to put the "Cancel" button ...
- 712
16
votes
1
answer
5k
views
What is the name of this practice when a page loads?
It seems that some basic elements take their position quite quickly:
and then others follow to form the final page:
update (Apr 2018)
I've noticed that youtube is also doing this...
- 263
1
vote
1
answer
124
views
Page Load vs Fancy Design
The more complex/fancy looking a website is the greater the page load - we know this.
My question is, does a slow website have more of a detrimental effect to the experience of a user then a hard to ...
- 1,855
6
votes
3
answers
923
views
How long should a loading spinner take to do one rotation?
Whilst I'd always prefer an estimated time, I get that's not always possible, so we fall back to the tried and personally hated, loading spinner.
I've always thought that having it do one iteration ...
- 163
55
votes
6
answers
16k
views
Is a slow home page better than a loading bar?
I am working on a small site which needs to load a large amount of data to show on the home page.
The page container loads fast (~1 second) but then I need to retrieve data from a database and ...
- 653
5
votes
2
answers
1k
views
Skeleton screens with determinate progress?
I'd like to use skeleton screens to indicate when a page is loading. Usually, this is great—it makes the experience seem faster while still functioning as a progress indicator.
The thing is, skeleton ...
- 1,455