SitePoint
  • Blog
  • Forum
  • Library
  • Login
Join Premium
  1. Details
  2. Creator
  3. Content
  4. Reviews
  5. FAQ
How to Speed Up Your UX with Skeleton Screens Cover

How to Speed Up Your UX with Skeleton Screens

4.5

average rating (3 votes)

Created by

Chris Lienert

Published by

SitePoint

Last Updated

9 November 2018

Details

Practical examples of how skeleton screens can help to improve your UX during loading times.

Description

However well-designed your user interface may be, at some point or other, the people using it are going to have to wait for something to load.

To make people happy, we need to give an indication that something is happening. This leaves us with three basic options:

  • progress bar if we can measure the duration;
  • spinner if we can’t; and
  • nothing at all.

Psychological studies into progress indicators show that our interpretation of them is anything but linear. Our method of processing a delay doesn’t match up with reality.

Understanding this concept leads us into the realm of manipulating interfaces in order to improve perception.

In software design, skeleton screens provide an alternative to the traditional methods. Rather than show an abstract widget, skeleton screens create anticipation of what is to come and reduce cognitive load.

Creator

Chris Lienert avatar

Chris Lienert

Chris Lienert started out as a web developer when Netscape ruled the world and is currently an engineering manager at health tech company CXA Group. He founded community group Singapore CSS because someone had to. Aside from musical distractions and accumulating frequent flyer points, Chris and his wife Sarah can be found in the company of their small human.
Chris Lienert avatar

Content

1
Preview

Reviews

Profile
Leonard Merkel

No-nonsense practical guide to making page load times appear shorter than they really are. Short and sweet, easily understood - focuses on one thing and does it well. I only gave it 4 stars instead of 5 because I assumed (incorrectly) from the title that the book was about UX wireframing. It's a testament to the book that once I opened it, I read it anyway and found it very helpful.

Frequently Asked Questions

How to Speed Up Your UX with Skeleton Screens Cover

How to Speed Up Your UX with Skeleton Screens

4.5

  • Unlimited access to this title and 600+ others in our library

  • New titles added frequently

  • Cancel anytime

Stuff we do

  • Premium
  • Newsletters
  • Forums

About

  • Our Story
  • Terms of use
  • Privacy Policy
  • Corporate Memberships

Contact

  • Contact us
  • FAQ
  • Publish your book with us
  • Write an article for us
  • Advertise

Connect

© 2000 – 2024 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.