SlideShare a Scribd company logo
Designing for
Offline Experiences
Designing for Offline Experiences @strevat
Designing For Offline
Designing For Offline
Designing For Offline
Designing For Offline
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
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
Designing For Offline
Designing For Offline
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
Designing For Offline
Designing For Offline
Designing For Offline
Designing For Offline
Designing For Offline
Designing for Offline Experiences @strevat
Respond Optimistically?
~tread lightly~
Designing For Offline
Designing for Offline Experiences @strevat
Placeholder/Skeleton UI
~the shape of content to come~
Designing For Offline
Designing For Offline
Designing For Offline
Designing For Offline
Designing For Offline
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

More Related Content

PDF
10 tips for startups
PDF
The Path to 2020: Dispatchers Seize the Customer Experience
PDF
The Difference Between UX Design & Service Design - Erik Westerdahl, Transfor...
KEY
Offline Application Cache
PDF
Implementing Data Caching and Data Synching Using Oracle MAF
PPTX
Offnet- Offline Mobile Application
PDF
Offline Strategy for an Online World
ODP
Offline First Applications
10 tips for startups
The Path to 2020: Dispatchers Seize the Customer Experience
The Difference Between UX Design & Service Design - Erik Westerdahl, Transfor...
Offline Application Cache
Implementing Data Caching and Data Synching Using Oracle MAF
Offnet- Offline Mobile Application
Offline Strategy for an Online World
Offline First Applications

Viewers also liked (8)

PPTX
Offline first: application data and synchronization
PDF
Sync is hard: building offline-first Android apps from the ground up
PDF
Data Synchronization Patterns in Mobile Application Design
PPSX
Nacionalismo, guerrilhas e terrorismo
PPTX
Divisão territorial brasileira
PPT
Formação Territorial Do Brasil
PPSX
GEOGRAFIA as principais formas de regionalizar o Brasil
PPTX
A regionalização e as divisões regionais no brasil
Offline first: application data and synchronization
Sync is hard: building offline-first Android apps from the ground up
Data Synchronization Patterns in Mobile Application Design
Nacionalismo, guerrilhas e terrorismo
Divisão territorial brasileira
Formação Territorial Do Brasil
GEOGRAFIA as principais formas de regionalizar o Brasil
A regionalização e as divisões regionais no brasil
Ad

Similar to Designing For Offline (20)

PDF
Co-creating with UX and Software Rabobank
PDF
Co-creating_UX_Software-DevoxxUK.pdf
PDF
Co-creating_UX_Software_JFALL.pdf
PDF
User experience design process
PPTX
UX Plateau of Tolerance
PPTX
The User Experience Designer
PDF
UX Camp 2017 – How UX survives in agile development
PDF
Co-creating_UX_Software_DevoxxBE.pdf
PDF
Customer-centered Design Organizations (Peter Merholz at Enterprise UX 2017)
PPTX
Breaking Into Tech: An Anthropology Career Workshop
PDF
Designing user experience (ux) for digital products
PDF
Sage Research & Design Introduction
PPT
Designing Better Applications, Websites and Intranets
PPT
Designing Better Applications, Website and Intranets
PDF
3 Ways to Go Mobile First with Responsive Design
PPT
UX Deliverables in Practice
PDF
CTS - Experience letter
PDF
Ofspace-Class-Outline-1.pdf
PDF
User stories, estimates, planning, design - Lean development and Agile method...
Co-creating with UX and Software Rabobank
Co-creating_UX_Software-DevoxxUK.pdf
Co-creating_UX_Software_JFALL.pdf
User experience design process
UX Plateau of Tolerance
The User Experience Designer
UX Camp 2017 – How UX survives in agile development
Co-creating_UX_Software_DevoxxBE.pdf
Customer-centered Design Organizations (Peter Merholz at Enterprise UX 2017)
Breaking Into Tech: An Anthropology Career Workshop
Designing user experience (ux) for digital products
Sage Research & Design Introduction
Designing Better Applications, Websites and Intranets
Designing Better Applications, Website and Intranets
3 Ways to Go Mobile First with Responsive Design
UX Deliverables in Practice
CTS - Experience letter
Ofspace-Class-Outline-1.pdf
User stories, estimates, planning, design - Lean development and Agile method...
Ad

Recently uploaded (20)

PPTX
Log360_SIEM_Solutions Overview PPT_Feb 2020.pptx
PPTX
Reimagine Home Health with the Power of Agentic AI​
PPTX
Oracle E-Business Suite: A Comprehensive Guide for Modern Enterprises
PPTX
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
PDF
Product Update: Alluxio AI 3.7 Now with Sub-Millisecond Latency
PDF
Navsoft: AI-Powered Business Solutions & Custom Software Development
PDF
EN-Survey-Report-SAP-LeanIX-EA-Insights-2025.pdf
PPTX
Odoo POS Development Services by CandidRoot Solutions
PDF
Design an Analysis of Algorithms I-SECS-1021-03
PDF
Designing Intelligence for the Shop Floor.pdf
PDF
Adobe Illustrator 28.6 Crack My Vision of Vector Design
PDF
iTop VPN Free 5.6.0.5262 Crack latest version 2025
PDF
T3DD25 TYPO3 Content Blocks - Deep Dive by André Kraus
PDF
Internet Downloader Manager (IDM) Crack 6.42 Build 41
PDF
Odoo Companies in India – Driving Business Transformation.pdf
PDF
Adobe Premiere Pro 2025 (v24.5.0.057) Crack free
PDF
How to Choose the Right IT Partner for Your Business in Malaysia
PPTX
assetexplorer- product-overview - presentation
PDF
Addressing The Cult of Project Management Tools-Why Disconnected Work is Hold...
PDF
Softaken Excel to vCard Converter Software.pdf
Log360_SIEM_Solutions Overview PPT_Feb 2020.pptx
Reimagine Home Health with the Power of Agentic AI​
Oracle E-Business Suite: A Comprehensive Guide for Modern Enterprises
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
Product Update: Alluxio AI 3.7 Now with Sub-Millisecond Latency
Navsoft: AI-Powered Business Solutions & Custom Software Development
EN-Survey-Report-SAP-LeanIX-EA-Insights-2025.pdf
Odoo POS Development Services by CandidRoot Solutions
Design an Analysis of Algorithms I-SECS-1021-03
Designing Intelligence for the Shop Floor.pdf
Adobe Illustrator 28.6 Crack My Vision of Vector Design
iTop VPN Free 5.6.0.5262 Crack latest version 2025
T3DD25 TYPO3 Content Blocks - Deep Dive by André Kraus
Internet Downloader Manager (IDM) Crack 6.42 Build 41
Odoo Companies in India – Driving Business Transformation.pdf
Adobe Premiere Pro 2025 (v24.5.0.057) Crack free
How to Choose the Right IT Partner for Your Business in Malaysia
assetexplorer- product-overview - presentation
Addressing The Cult of Project Management Tools-Why Disconnected Work is Hold...
Softaken Excel to vCard Converter Software.pdf

Designing For Offline