Designing for Offline Experiences
Designing for Offline Experiences @strevat
I’m Steven Trevathan. Head of Design at Mariana
@strevat
Designing for Offline Experiences @strevat
Context
Designing for Offline Experiences @strevat
Traveling with limited connection
Designing for Offline Experiences @strevat
You may have low battery
Designing for Offline Experiences @strevat
Prepaid plan
Designing for Offline Experiences @strevat
Orbiters
Designing for Offline Experiences @strevat
Commuting to work
Designing for Offline Experiences @strevat
Vacationing with family
Designing for Offline Experiences @strevat
Trying to process a payment
Designing for Offline Experiences @strevat
Product
Designing for Offline Experiences @strevat
Offline First.http://alistapart.com/article/offline-first
& offlinefirst.org
Designing for Offline Experiences @strevat
Borrows from Mobile First & Responsive Design methodologies
Designing for Offline Experiences @strevat
- design for the most challenging and constrained environments
Designing for Offline Experiences @strevat
- progressively enhance the experience for fully connected environments
Designing for Offline Experiences @strevat
1) Offline experiences improve speed and enjoyment in high-
connectivity centers
Designing for Offline Experiences @strevat
2) Offline experiences are accessible and dependable in
low-to-no connectivity centers
Designing for Offline Experiences @strevat
3) Offline experiences improve average user experiences by simply being a
universally dependable product.
Designing for Offline Experiences @strevat
Dependability
Designing for Offline Experiences @strevat
It can’t be an after thought
Designing for Offline Experiences @strevat
offlinestat.es
Designing for Offline Experiences @strevat
What works?
Designing for Offline Experiences @strevat
Focus on your core interaction.
Designing for Offline Experiences @strevat
Respond Optimistically?~tread lightly~
Designing for Offline Experiences @strevat
Placeholder/Skeleton UI~the shape of content to come~
Designing for Offline Experiences @strevat
Take it seriously.
Designing for Offline Experiences @strevat
Your product will work.
Designing for Offline Experiences @strevat
Your customers are happy because their product works.
Designing for Offline Experiences @strevat
A better UX will come with it, giving the product contour and making it
more forgivable by better setting expectations with users.
Designing for Offline Experiences @strevat
Process
Designing for Offline Experiences @strevat
You will still design your experiences centered around your
core interactions and core value
Designing for Offline Experiences @strevat
Your process isn’t changing, save for one leading question.
Designing for Offline Experiences @strevat
How should our core product value be experienced offline?
Designing for Offline Experiences @strevat
Like Mobile First & Responsive Design, you make it part of your
contextual design process
Designing for Offline Experiences @strevat
- reliable
Designing for Offline Experiences @strevat
- consistent
Designing for Offline Experiences @strevat
- fast
Designing for Offline Experiences @strevat
- higher valued
Designing for Offline Experiences @strevat
Community
Designing for Offline Experiences @strevat
Quarterly Offline UXDC Collaboratives
Designing for Offline Experiences @strevat
Slack offlinefirst.org/chat
Offline Newsletter offlinefirst.org/news
Medium medium.com/offline-camp
Thank you.@strevat
Art by Bruce Rileyhttps://www.flickr.com/photos/17036157@N03/sets