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 Riley
https://www.flickr.com/photos/17036157@N03/sets

Designing For Offline