• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Dion Almaer

Software, Development, Products

  • @dalmaer
  • LinkedIn
  • Medium
  • RSS
  • Show Search
Hide Search

Let people do; Asynchronous loading is for users not just computers

April 14, 2014 Leave a Comment

Perceived performance and using asynchronous actions to make users happy

As an engineer I care about the perceived experience for my users and speed is a key part of the experience. A common practice is to build your programs to be as asynchronous as possible. This has always been the case in client UI development and is very much en vogue on the server (evented architectures using technology such as node.js as an example).

On the server you don’t want the program to wait and you want to be able to parallelize as much as possible. For users? Don’t make them wait or stare at a screen.

Of course, you often may be waiting for critical content that means you can’t act on the current path until it comes back but there is often a way to improve even those use cases. The key is “perceived performance”. Something can often take longer in actual time, but due to some other factor it can feel faster.

ASIDE: The type of spinner you use matters too! Facebook found that users blamed them for slowness when using a custom control and the platform when using a standard control!


That Felt Faster (because I was doing something)

One example is the notion of the self-checkout line (I work in retail ☺). Most people feel like their checkout is faster when they are going through self checkout, but often it isn’t the case at all. The customer feels more productive when doing a self-checkout vs. standing their watching someone else (often times not knowing what to do!)

How can we take that same effect to software experiences? We can asynchronously load data in the background and let the user keep doing something while they wait.

There are plenty of examples of this, and the classic case is: “Open URL in a new tab”

Nine times out of ten I open a URL in a new tab. Why? Sometimes I am in the middle of reading something and I am saying “I want to read that later” and this adds the reading to the stack. At other times I know that it will take some time to load the other item, so my desire is “I will keep poking around here until it is loaded thanks”.

There are other cases where you want to add something to the stack. For example, “add to reading list”, “add to playlist”, and “add reminder”.

A Blank Stare

WebView a loadin’

I really despise watching paint dry, and I feel like I have to do that regularly when I tap on a link, see a blank white page, or a spinner, or notice that a @font-face hasn’t loaded! This tends to happen a lot when I am in an application that launches a web page in a WebView.

It goes beyond reading too. In the same spirit of the “Add to playlist” (or “play next”) I often find myself in an audio application (e.g. podcast app) wanting to tell the system “go ahead and start downloading this and when it is done jump over to it to start playing please”. Instead, I get frustrated when it jumps to the new item and I am listening to crickets as it downloads the new content. This is common when I am listening to something already downloaded (e.g. audible book) and want to start listening to a podcast that isn’t downloaded yet.

Maybe we want to be in a bubble

LinkBubble’s async loading

A fantastic example of the asynchronous loading taken to the next level is LinkBubble. As soon as I saw it I wanted all of my platforms to support this style. Let me fire off the new action (open a link), give me an indication to the progress (in the bubble), and let me jump to it when it is done.

This can even go beyond links, and could be a new interaction model, one that lets the user tell me when they are interested in some new data, but continue doing what they are doing until they can instantly act on it.

When I look at the interactions that I provide the user, I now try to let them be productive even when their primary action requires some time.

Share this:

  • Twitter
  • Facebook

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Twitter

My Tweets

Recent Posts

  • Generative AI: It’s Time to Get Into First Gear
  • Developer Docs + GenAI = ❤️
  • We keep confusing efficacy for effectiveness
  • The holy grail of a Web SDK
  • The rise of the extensible app platforms

Follow

  • LinkedIn
  • Medium
  • RSS
  • Twitter

Tags

3d Touch 2016 Active Recall Adaptive Design Agile Amazon Echo Android Android Development Apple Application Apps Artificial Intelligence Autocorrect blog Bots Brain Calendar Career Advice Cloud Computing Coding Cognitive Bias Commerce Communication Companies Conference Consciousness Cooking Cricket Cross Platform Deadline Delivery Design Desktop Developer Advocacy Developer Experience Developer Platform Developer Productivity Developer Relations Developers Developer Tools Development Distributed Teams Documentation DX Ecosystem Education Energy Engineering Engineering Mangement Entrepreneurship Exercise Family Fitness Founders Future GenAI Gender Equality Google Google Developer Google IO Habits Health HR JavaScript Jobs Jquery Kids Stories Kotlin Language Leadership Learning Lottery Machine Learning Management Messaging Metrics Micro Learning Microservices Microsoft Mobile Mobile App Development Mobile Apps Mobile Web Moving On NPM Open Source Organization Organization Design Pair Programming Paren Parenting Path Performance Platform Platform Thinking Politics Product Design Product Development Productivity Product Management Product Metrics Programming Progress Progressive Enhancement Progressive Web App Project Management Psychology Push Notifications pwa QA Rails React Reactive Remix Remote Working Resilience Ruby on Rails Screentime Self Improvement Service Worker Sharing Economy Shipping Shopify Short Story Silicon Valley Slack Software Software Development Spaced Repetition Speaking Startup Steve Jobs Study Teaching Team Building Tech Tech Ecosystems Technical Writing Technology Tools Transportation TV Series Twitter Typescript Uber UI Unknown User Experience User Testing UX vitals Voice Walmart Web Web Components Web Development Web Extensions Web Frameworks Web Performance Web Platform WWDC Yarn

Subscribe via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Archives

  • January 2023
  • September 2022
  • June 2022
  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • November 2021
  • August 2021
  • July 2021
  • February 2021
  • January 2021
  • May 2020
  • April 2020
  • October 2019
  • August 2019
  • July 2019
  • June 2019
  • April 2019
  • March 2019
  • January 2019
  • October 2018
  • August 2018
  • July 2018
  • May 2018
  • February 2018
  • December 2017
  • November 2017
  • September 2017
  • August 2017
  • July 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012

Search

Subscribe

RSS feed RSS - Posts

The right thing to do, is the right thing to do.

The right thing to do, is the right thing to do.

Dion Almaer

Copyright © 2023 · Log in