Tweet
Tweet

Slide 1

Slide 1 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign #ContextualDesign Contextual Design 1

Slide 2

Slide 2 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign 2 Who? Lead UX Designer and Evangelist Universal Mind @merhl universalmind.com merhl.com

Slide 3

Slide 3 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign What is it? 3

Slide 4

Slide 4 text

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? 4

Slide 5

Slide 5 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Mobile First 5 Responsive Web Design Contextual Design Think geo location, wifi networks, time based, even calendar aware design.

Slide 6

Slide 6 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Read it Later (now Pocket) iPhone Users 6 Morning Commute Work Commute Evening Source: “When People Use Different Devices,” Luke Wroblewski, November 22, 2011

Slide 7

Slide 7 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Read it Later (now Pocket) iPad Users 7 Morning Commute Work Commute Evening Source: “When People Use Different Devices,” Luke Wroblewski, November 22, 2011

Slide 8

Slide 8 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Don’t remove content, progressively enhance it. 8

Slide 9

Slide 9 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Audio is context, so listen up. 9

Slide 10

Slide 10 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Your Calendar is context. 10

Slide 11

Slide 11 text

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. 11 Source: Andrew Maier @andrewmaier, Twitter, May 7th, 2012.

Slide 12

Slide 12 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign 12 The Living Room is context.

Slide 13

Slide 13 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Device is Context. 13

Slide 14

Slide 14 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Mobile != Low download speed 14 Context != Intent Big Mother != Big Brother

Slide 15

Slide 15 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign How is it used today? 15

Slide 16

Slide 16 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Pay with Square 16 + Geo Based payment in every Starbucks. http://www.nytimes.com/2012/08/08/technology/starbucks-and-square-to-team-up.html

Slide 17

Slide 17 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Evernote 17 Evernote for the iPhone takes any calendar entry and adds that to the title of any new note.

Slide 18

Slide 18 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Passbook 18 Passbook allows 3rd party companies the ability to create tickets and store them in one location on the users device.

Slide 19

Slide 19 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Fashion Like 19 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.

Slide 20

Slide 20 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign How will it be used? 20

Slide 21

Slide 21 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Chameleon 21 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

Slide 22

Slide 22 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign Context-aware computing 22 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/

Slide 23

Slide 23 text

Contextual Design | Joe Johnston | @merhl | #ContextualDesign thank you !" ا$%& Շնորհակալ եմ Sağ olun Благодаря ँँ䓟 Σας ευχαριστούμε ͋Γ͕ͱ͏ Gratias Obrigado Спасибо Gracias ขอขอบคุณคุณ 23