Upgrade to Pro — share decks privately, control downloads, hide ads and more …

From Responsive to Reactive: Harnessing Context on the Web

tomprior
January 24, 2013

From Responsive to Reactive: Harnessing Context on the Web

Responsive design allows us to tailor websites based on device dimensions and browser capabilities.

But what other information could we use to customise interactions on the web?

This talk will explore how contextual data about users could help us deliver more relevant online experiences.

tomprior

January 24, 2013
Tweet

More Decks by tomprior

Other Decks in Design

Transcript

  1. responsive REACTIVE From To Thomas Prior, 24 January 2013 Harnessing

    context on the web Photo attribution: http://www.flickr.com/photos/pahudson/5860587073 Photo attribution: http://www.flickr.com/photos/r_id/3575391547
  2. SENSORS Things that sense the environment SYSTEMS Process the information

    ACTUATORS Activate a change of state http://www.markboulton.co.uk/journal/a-responsive-experience
  3. “Until recently, advertisers have understood one thing better than web

    and app designers: context.” Joe Johnston - .NET magazine issue 236 Photo attribution: http://www.flickr.com/photos/lergik/4262301072/
  4. CONTEXT? Physical Location Time of Day Temperature Ambient Noise Air

    Pressure More? Photo attribution: http://www.flickr.com/photos/chorazin/4477619057
  5. DIGITAL CONTEXT HUMAN TECHNICAL Fjord’s ‘Working Definition of Context’ http://cdx.dexigner.com/article/21960/Design_for_Context.pdf

    Photo: http://www.flickr.com/photos/globalcitizen01/6203237731 Photo attribution: http://www.flickr.com/photos/kelp/4894023263
  6. DIGITAL CONTEXT HUMAN TECHNICAL Movement People Nearby Time of Day

    Weather Social Network Calendar Schedule Usage Patterns Preferences Device Location Fjord’s ‘Working Definition of Context’ http://cdx.dexigner.com/article/21960/Design_for_Context.pdf Photo: http://www.flickr.com/photos/globalcitizen01/6203237731 Photo attribution: http://www.flickr.com/photos/kelp/4894023263
  7. DIGITAL CONTEXT HUMAN TECHNICAL Desires Nuances of Behaviour Group Dynamics

    Goals Etiquette Meaning of Relationships Likes and Dislikes Mood Movement People Nearby Time of Day Weather Social Network Calendar Schedule Usage Patterns Preferences Device Location Fjord’s ‘Working Definition of Context’ http://cdx.dexigner.com/article/21960/Design_for_Context.pdf Photo: http://www.flickr.com/photos/globalcitizen01/6203237731 Photo attribution: http://www.flickr.com/photos/kelp/4894023263
  8. “a system can detect who is standing next to you,

    but it needs to understand in order to know what that person means to you.” http://cdx.dexigner.com/article/21960/Design_for_Context.pdf
  9. "It was a simple story...that ended with the man writing

    his son's name in wet concrete. As I read the story, I looked down, and there it was...a name in the sidewalk I'd often passed but never noticed.” http://theweek.com/article/index/234165/the-silent-history-the-strange-new-e-book-that-makes-you-travel-to-read-it Photo attribution: http://www.flickr.com/photos/29245046@N03/3782444513
  10. START THINKING/DESIGNING/HACKING The data is on its way CAREFUL WITH

    ASSUMPTIONS Qualify your context-led hunches DON’T BE RUDE Respect privacy and settings while finding the sweet spot PROGRESSIVELY ENHANCE Your baseline experience should not suffer