Designing the Contextual Interface

Responsive, Adaptive among others are the new things today with mobile design. I want to talk about the next big wave. It’s all about Contextual Design. Think geo location, time based, even calendar aware design. Joe Johnston, Senior UX Specialist at Universal Mind will walk through the word of Contextual Design and the key factors of what to think about to take advantage of it. He will also talk about some future thinking of what Contextual Design will bring- bridging the gap between the digital and the physical world and how o start thinking about the taking advantage of it.

Transcript

1. Contextual Design | Joe Johnston | @merhl | #ContextualDesign 1
2. Contextual Design | Joe Johnston | @merhl | #ContextualDesign
3. Contextual Design | Joe Johnston | @merhl | #ContextualDesign 3 Who? Lead UX Designer and Evangelist Universal Mind @merhl universalmind.com merhl.com
4. Contextual Design | Joe Johnston | @merhl | #ContextualDesign What is it? 4
5. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Broadly, context can be defined as ‘the interrelated conditions in which something exists or occurs’ So what the hell does that mean? 5
6. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Mobile First 6 Responsive Web Design Contextual Design Think geo location, wifi networks, time based, even calendar aware design.
7. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Source: “The New Multi-screen World: Understanding Cross-platform Consumer Behavior,”Google, August, 2012, http://services.google.com/fh/files/misc/multiscreenworld_final.pdf Anytime and Everywhere
8. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Read it Later (now Pocket) iPhone Users 8 Morning Commute Work Commute Evening Source: “When People Use Different Devices,” Luke Wroblewski, November 22, 2011
9. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Read it Later (now Pocket) iPad Users 9 Morning Commute Work Commute Evening Source: “When People Use Different Devices,” Luke Wroblewski, November 22, 2011
10. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Don’t remove content, progressively enhance it. 10
11. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Audio is context, so listen up. 11
12. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Your Calendar is context. 12
13. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Location is context. RT @andrewmaier: .@gem_ray I wish the iPhone dictionary was location aware so it'd pick up street names. 13 Source: Andrew Maier @andrewmaier, Twitter, May 7th, 2012.
14. Contextual Design | Joe Johnston | @merhl | #ContextualDesign 14 The Living Room is context.
15. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Device is Context. 15
16. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Mobile != Low download speed 16 Context != Intent Big Mother != Big Brother
17. Contextual Design | Joe Johnston | @merhl | #ContextualDesign The “Just Right” Experience The Goldilocks Principle Just Right Satisfaction
18. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Target knows before it shows. Source: http://www.forbes.com/sites/kashmirhill/2012/02/16/how-target-figured-out-a-teen-girl-was-pregnant-before-her-father-did/
19. Contextual Design | Joe Johnston | @merhl | #ContextualDesign How is it used today? 19
20. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Pay with Square 20 + Geo Based payment in every Starbucks. http://www.nytimes.com/2012/08/08/technology/starbucks-and-square-to-team-up.html
21. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Evernote 21 Evernote for the iPhone takes any calendar entry and adds that to the title of any new note.
22. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Passbook 22 Passbook allows 3rd party companies the ability to create tickets and store them in one location on the users device.
23. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Do Not Disturb 23
24. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Fashion Like 24 Fashion retailer C&A in Europe started a new initiative called Fashion Like allows people to 'like' certain items of clothing on the company's Facebook page, and these clicks are collected and displayed on the relevant clothes rack in real-time. Source: http://mobile.theverge.com/2012/5/6/3002270/fashion-like-facebook-brazil-cea-clothes
25. Contextual Design | Joe Johnston | @merhl | #ContextualDesign How will it be used? 25
26. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Chameleon 26 Chameleon is an Android Tablet Home Screen that changes to fit your lifestyle. Chameleon Home Screens can be set up based on GPS locations, WiFi networks and time ranges, allowing you to define which Home Screen is the most relevant for the situation. Source: http://www.kickstarter.com/projects/gaborvida/chameleon-a-better-home-screen-for-your-android-ta
27. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Context-aware computing 27 A TV remote control can collect data on how the remote is held by different users and build profiles based on that. Such a remote, of which Intel showed a prototype at the conference, could identify who’s holding the remote and offer recommendations for TV shows based on that. Source: http://www.wired.com/gadgetlab/2010/09/context-aware-computing/
28. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Touché Source: Read more at http://venturebeat.com/2012/05/04/amazing-new-touch-technology-could-revolutionize-smartphones-doorknobs-your-sofa/#vXMIiAUaemwOlsO9.99
29. Contextual Design | Joe Johnston | @merhl | #ContextualDesign Gesture Based Content Sharing 29 Source: http://www.universalmind.com/mindshare/entry/gesture-based-content-sharing-the-new-retail-customer-experience
30. Contextual Design | Joe Johnston | @merhl | #ContextualDesign thank you !" ا$%& Շնորհակալ եմ Sağ olun Благодаря ँँ䓟 Σας ευχαριστούμε ͋Γ͕ͱ͏ Gratias Obrigado Спасибо Gracias ขอขอบคุณคุณ 30