Questions tagged [loading]

The state of transmitting or receiving information.

Filter by
Sorted by
Tagged with
1 vote
2 answers
97 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 ...
user avatar
1 vote
2 answers
119 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 ...
user avatar
  • 113
1 vote
2 answers
51 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 ...
user avatar
2 votes
2 answers
87 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 ...
user avatar
0 votes
1 answer
33 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,...
user avatar
  • 291
0 votes
0 answers
27 views

What is the best practice to make sure the user only can take one action at a time? [duplicate]

I have a web application where a user can perform actions on rows of data. When an action is performed all other actions should be disabled until the action is done. Usually it takes < 1 sec for an ...
user avatar
2 votes
2 answers
168 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 ...
user avatar
  • 121
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 ...
user avatar
5 votes
1 answer
103 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 ...
user avatar
3 votes
1 answer
45 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 ...
user avatar
2 votes
1 answer
674 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?
user avatar
3 votes
2 answers
161 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 ...
user avatar
2 votes
1 answer
83 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 ...
user avatar
  • 121
0 votes
1 answer
58 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 ...
user avatar
  • 103
2 votes
2 answers
85 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 ...
user avatar
0 votes
2 answers
43 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 ...
user avatar
9 votes
1 answer
7k 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. ...
user avatar
5 votes
2 answers
172 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 ...
user avatar
  • 227
0 votes
1 answer
110 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 ...
user avatar
1 vote
3 answers
182 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 ...
user avatar
  • 25.3k
3 votes
2 answers
395 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'...
user avatar
2 votes
3 answers
1k 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? ...
user avatar
  • 21
0 votes
1 answer
46 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 ...
user avatar
  • 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 ...
user avatar
1 vote
1 answer
591 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 ...
user avatar
  • 123
0 votes
2 answers
218 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-...
user avatar
  • 879
1 vote
2 answers
389 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 ...
user avatar
0 votes
1 answer
50 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 ...
user avatar
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 ...
user avatar
1 vote
4 answers
158 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 ...
user avatar
  • 41
0 votes
1 answer
115 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 ...
user avatar
0 votes
1 answer
611 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 ...
user avatar
  • 2,435
2 votes
3 answers
998 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 ...
user avatar
  • 151
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 ...
user avatar
  • 781
6 votes
4 answers
1k 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 ...
user avatar
2 votes
1 answer
245 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 ...
user avatar
  • 123
4 votes
4 answers
444 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?
user avatar
  • 41
2 votes
1 answer
144 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 ...
user avatar
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/...
user avatar
  • 279
6 votes
2 answers
139 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 ...
user avatar
  • 2,303
0 votes
2 answers
146 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 ...
user avatar
  • 103
0 votes
3 answers
185 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 ...
user avatar
15 votes
1 answer
4k 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...
user avatar
  • 253
1 vote
1 answer
115 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 ...
user avatar
  • 1,855
5 votes
3 answers
699 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 ...
user avatar
  • 153
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 ...
user avatar
  • 653
4 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 ...
user avatar
4 votes
1 answer
253 views

Load more and filter (not necessarily in this order)

The problem exposing might seems trivial to you. It still isn't clear for me which solution to choose. Saying that you have a input text where you can type anything. Beneath it a list of ten element ...
user avatar
  • 153
1 vote
1 answer
5k views

Placeholder while loading

I'll appreciate your opinion: Is a visual "placeholder" for an image or ad or text-box give users a better user experience? I've noticed, for example, that while Facebook feed is loaded, there is a ...
user avatar
1 vote
1 answer
297 views

How to handle long loading of images in a gallery

I'm currently working on an image slider for mobile and desktop devices. The content of the slider depends on what the user uploads. In some cases users may upload large images (several MBs). These ...
user avatar