the perception of speed
Post on 16-Apr-2017
3.412 Views
Preview:
TRANSCRIPT
The Perceptionof Speed
@souders
nytimes.com/2004/02/27/nyregion/27BUTT.html
2,500 of 3,250 buttons
deactivatednytimes.com/2004/02/27/nyregion/27BUTT.html
on every Underground train,
the doors are operated by the
driverlondonist.com/2013/04/why-are-there-buttons-on-tube-train-doors.php
half the horsepower of a
Ford Fiesta
nytimes.com/2012/08/19/opinion/sunday/why-waiting-in-line-is-torture.html
increased distance from gate to bags
6x
nytimes.com/2012/08/19/opinion/sunday/why-waiting-in-line-is-torture.html
uie.com/articles/download_time/
placed mirrors & TVs in elevators &
lobbies
uie.com/articles/download_time/
overestimate waittime hide length of line
nytimes.com/2012/08/19/opinion/sunday/why-waiting-in-line-is-torture.html
speed
good
ness
(work)
?
Creating your blog…news.ycombinator.com/item?id=2007385
update coin count at slower
ratenews.ycombinator.com/item?id=2007385
uie.com/articles/download_time/
“Amazon.com, rated as one of the fastest sites by users, was really the slowest”
connectDNS time to first byte content
previous page isn’t cleared until BODY is created
click link create BODY start render
stevesouders.com/blog/2012/12/05/clear-current-page-ux/
<html><script <body><script
1. tab icon
5. reload icon
2. status bar
6. network
4. progress bar
3. cursor
stevesouders.com/blog/2013/06/16/browser-busy-indicators/
Busy Indicators
stevesouders.com/blog/2013/06/16/browser-busy-indicators/
testsclick link<SCRIPT ASYNC ...>dynamic script before onloaddynamic iframedynamic scriptdynamic stylesheetdynamic imagedynamic CSS background imageXHRlong JS execution
stevesouders.com/blog/2013/06/16/browser-busy-indicators/
testsclick link<SCRIPT ASYNC ...>dynamic script before onloaddynamic iframedynamic scriptdynamic stylesheetdynamic imagedynamic CSS background imageXHRlong JS execution
}}
sync UX
async UX
no busy indicators
Google Plus
WebView:non-standard busy indicators!
Native Apps:
no busy indicators!
play.google.com/store/apps/details?id=com.linkbubble.playstore
play.google.com/store/apps/details?id=com.linkbubble.playstore
“natural” progress indicators
optimistic actions
Instagram• “Like” button changes
immediately• server update happens in
background lukew.com/ff/entry.asp?1759
skeleton screens
blank page that is gradually filledlukew.com/ff/entry.asp?1797
“PerceptionBrokers!”
Steve Souders@souders
top related