Web Design
Designing the 'Loading' Time in the Web
This question asks how to design the 'waiting time' while a web page loads, not as mere technical delay but as an integral part of the design. Through progress bars, skeleton screens, animations, and messages, we can shape the loading experience to reduce user frustration, convey brand personality, build trust, and more. It explores the idea that time itself is a design element, and the possibility of transforming waiting time from 'wasted time' into 'meaningful time'. It also touches on the philosophical aspects of 'time' in digital spaces.
Focus on minimizing extra elements during loading and prioritizing actual load speed. Waiting time is seen as 'waste' that should be shortened by technology.
Actively design loading time as an opportunity for brand expression and emotional engagement. Use animations and messages to add personality and turn waiting into 'enjoyable time'.
Prioritize accurately communicating loading progress to manage user expectations realistically. Favor honest feedback over excessive embellishment.
Based on cognitive psychology, manipulate users' time perception to make actual time feel shorter. Achieved through visual feedback and task segmentation.
-
When a page takes a long time to display, how do you feel? What kind of display would make you feel a bit more at ease?
-
Why do you think seeing a moving progress bar makes you feel 'it's progressing'?
-
How does your perception of waiting time differ when seeing a skeleton screen versus a completely blank white screen?
-
If a brand logo or fun animation appears during loading, how does your impression change?
-
Which makes you feel more at ease: just the text 'Loading...' or a specific 'estimated remaining time'?
-
Do you tend to think of slow loading as 'design failure' or 'technical limitation'? Which is closer to you?
This theme is about considering the boundary between technology and design, and how to handle the invisible element of time. It can broaden the dialogue widely from practical UX discussions to the philosophical meaning of 'waiting'.
- Loading Time
- The time required for web page or app content to fully display. A technical metric that also significantly impacts user perception and experience.
- Perceived Performance
- Not the actual loading time, but how fast it feels to the user. Skeleton screens and progress indicators can make it feel faster than it actually is.
- Skeleton Screen
- A technique to preview the page layout with light gray placeholders before content loads. It visually fills the waiting time and sets expectations.
- Progress Indicator
- UI elements that visually indicate task progress. Circles, bars, steps, etc., informing users how long they need to wait.
- Temporal Design
- An approach that treats time itself as a subject of design. Actively designing loading times, transition times, waiting times to optimize the experience.
Please tell me about a recent experience where you got frustrated with a web page loading. What was displayed on the screen at that time?
If you were a web designer and could freely decide how to design loading time, what kind of effects would you include? Why do you want to do that?
While listening to the other person's loading experience, quietly imagine: 'If this waiting time had been a 'meaningful time', what kind of experience would it have been?'
- Relationship with error messages on load failure
- Experience design for offline scenarios
- Time design for sites with heavy videos or images
- Consideration for elderly users or low-speed connections
- Storytelling that leverages loading time