Designing for Context: Reactive Web Design

Considering how we communicate better with the people that use our sites based on how our content could react to common contexts with them.

Transcript

1. DESIGNING FOR CONTEXT Reactive Web Design
2. HOW DO The bit where I talk about myself...
3. I’M DAN @hereinthehive on that there Twitter
4. Other stuff... Speak the Web & Mark of 1000 Evils (sneaky plug http://markof1000evils.bandcamp.com)
5. THIS IS NOT A ‘HOW TO’ It’s a call to arms
6. WHAT IS A WEBSITE?
8. “A data place, organised with purpose, constructed to communicate that purpose, given a name that also acts as its address.” “A collection of web pages normally from a single organisation, often sharing a topic, a domain, and a visual language?” “A collection of web pages. A web page is a remote document that enables you to read info, submit info, or perform a task.” “An interactive resource for the presentation of multimedia & information, delivered via the internet” “For a creative thinker it is the digital extension of them selves; for a business it is a piece of product placement”
9. ARCHAEOLOGY OF THE WEB Step back to appreciate the present
10. The Wayback Machine - web.archive.org
11. BEST VIEWED IN... Netscape Navigator 3.0 or Internet Explorer 4.0 at 800*600
12. GET TO THE POINT...
13. SO... We’re at a really cool place
14. NO INTERNET FRIDGES
15. THE POWER OF CONTEXT
16. WEB IS COMMUNICATION
17. DO YOU TALK TO EVERYONE THE SAME WAY? Global audience or is it more nuanced?
18. ...AND THERE’S DEVICES (as if you didn’t know)
20. GRATUITOUS RESPONSIVE WEB DESIGN SLIDE
21. REACTIVE WEB DESIGN? (original, eh)
22. A BETTER RELATIONSHIP? You. Your Content. Your site visitor.
23. LIKE...? Example.
24. CONTEXT? - location - presence - social network (web intents) - time - device - motion ...and more? Combinations of these...?
26. THEATRE / CINEMA Has showings / performances at certain times Has a fixed location Has commerce Each film / play has properties
27. A LOT OF IT WE’VE DONE Internationalisation or localisation for example... Javascript clocks, change of background to time of day...
28. CAN OR SHOULD OUR SITES REACT TO CONTEXT? Elements or whole sites that alter priorities in layout
29. AS WITH EVERYTHING What is appropriate for the site you’re creating
30. HOW SHOULD YOUR CONTENT REACT? If the person viewing is nearby? If they’re in another country? If they speak a different language? Use a certain device? Use a certain method of input? Access it at a certain time of day?
31. SO, IF THE WEB IS A COMMUNICATIONS MEDIUM Should your message be the same for everyone, in every situation? Audience segmentation?
32. CONTEXT AS DESIGN STRATEGY Early stage thinking feeds through design
33. DESIGN FOR PEOPLE Be flexible for devices and context
34. PEOPLE ARE STARTING TO TALK... ...about how we might more intelligently think about context in future.
35. SMALL CHANGES Get the strategy right and it could be only a few changes to the site
36. APPROPRIATENESS OF THE TOOLS WE USE Considering context is part of our toolkit, as is the use of responsive/adaptive layouts, use of HTML5 APIs, Flash, etc.
37. CREATORS FOR THE WEB, SHAPE THE FUTURE OF THE WEB How do you want to see the web change? What do you think we could try next?
39. THANKS Heckle me @hereinthehive