Designing for Offline

Devices are orbiting internet connectivity at all times, like cars passing under the glow of street lamps, only without their own light to follow. Our practice in designing modern web applications is burdened by a past that assumed the browser was for reading one document at a time on a steadily connected device.



In this talk, Steve introduces the audience to the challenges of creating offline experiences, share offline design patterns found in the wild, describe process we may use to discover the unique cases of our own offline experiences, and shed some light on the state of worldwide device connectivity.

Transcript

1. Designing for Offline Experiences Designing for Offline Experiences @strevat
6. Designing for Offline Experiences @strevat Context
7. Designing for Offline Experiences @strevat Traveling with limited connection
8. Designing for Offline Experiences @strevat You may have low battery
9. Designing for Offline Experiences @strevat Prepaid plan
10. Designing for Offline Experiences @strevat Orbiters
11. Designing for Offline Experiences @strevat Commuting to work
12. Designing for Offline Experiences @strevat Vacationing with family
13. Designing for Offline Experiences @strevat Trying to process a payment
15. Designing for Offline Experiences @strevat Product
16. Designing for Offline Experiences @strevat Offline First.
17. Designing for Offline Experiences @strevat Borrowing from Mobile First & Responsive Design methodologies
18. Designing for Offline Experiences @strevat - design for the most challenging and constrained environments
19. Designing for Offline Experiences @strevat - progressively enhance the experience for fully connected environments
20. Designing for Offline Experiences @strevat 1) Offline experiences improve speed and enjoyment in high- connectivity centers
21. Designing for Offline Experiences @strevat 2) Offline experiences are accessible and dependable in low-to-no connectivity centers
22. Designing for Offline Experiences @strevat 3) Offline experiences improve average user experiences by simply being a universally dependable product.
23. Designing for Offline Experiences @strevat Dependability
24. Designing for Offline Experiences @strevat But it can’t be an after thought
28. Designing for Offline Experiences @strevat What works?
29. Designing for Offline Experiences @strevat Focus on your core interaction.
36. Designing for Offline Experiences @strevat Respond Optimistically? ~tread lightly~
38. Designing for Offline Experiences @strevat Placeholder/Skeleton UI ~the shape of content to come~
44. Designing for Offline Experiences @strevat Take it seriously.
45. Designing for Offline Experiences @strevat Your product will work
46. Designing for Offline Experiences @strevat Your customers are happy because their product works
47. Designing for Offline Experiences @strevat Skeleton UI should come with it, giving the product contour and making it more forgivable by better setting expectations with users
48. Designing for Offline Experiences @strevat Process
49. Designing for Offline Experiences @strevat You will still design your experiences centered around your core interactions and core value
50. Designing for Offline Experiences @strevat Your process isn’t changing, save for one leading question.
51. Designing for Offline Experiences @strevat How should our core product value be experienced offline?
52. Designing for Offline Experiences @strevat Like Mobile First & Responsive Design, you make it part of your contextual design process
53. Designing for Offline Experiences @strevat - reliable
54. Designing for Offline Experiences @strevat - consistent
55. Designing for Offline Experiences @strevat - fast
56. Designing for Offline Experiences @strevat - higher valued
57. Thank you. @strevat
58. Art by Bruce Riley https://www.flickr.com/photos/17036157@N03/sets