Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Designing Dynamic UI States!
You have completed Designing Dynamic UI States!
Preview
The loading state occurs when the UI is receiving content or action is taking place.
New terms:
- Loading state: A transitionary moment when the UI is receiving content or action is taking place.
- Skeleton screen: A blank version of a page into which information is gradually loaded.
Resources:
Further Reading:
- How to fix a bad user interface - Scot Hurff
- Everything you need to know about Loading Animations - Lisa Dziuba
- Mobile Design Details: Avoid The Spinner - Luke Wroblewski
- UX Pattern Analysis - Loading
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
The loading state occurs
when the UI is receiving content or
0:00
action is taking place.
0:00
It can be triggered by an action,
such as opening an app,
0:02
uploading a file, or
narrowing results with a filter.
0:06
On mobile, apps are opened
by tapping a launcher icon.
0:10
This initiates the app's loading state.
0:15
Take a look at Uber's design for
their JUMP app, which is for
0:18
renting bicycles in cities.
0:22
The red screen makes the logo and
0:24
branding clear to orient the user
to the app they're opening.
0:26
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up