Reactive Web Design

A brief overview of how we could use context as part of how we create sites and the pitfalls to watch out for.

Transcript

1. REACTIVE WEB DESIGN @hereinthehive
2. THE POWER & THE PERILS OF DESIGNING WITH CONTEXT
4. EVOLUTION
5. http://gamejester.ca/2011/09/02/fan-expo-2011-in-pictures-friday-%E2%80%93-retro-gaming/
6. http://urbanlegendkampala.com/2011/05/03/kcpd-hammer-time/
8. OUR POCKETS HAVE POWER
9. EMBRACING FLEXIBILITY
10. RESPONSIVE WEB DESIGN abookapart.com/products/responsive-web-design
11. CAPABILITIES
12. A TIME OF MATURITY?
13. 20 YEARS
15. THE REAL WORLD
17. SEA OF DATA
18. PEOPLE, PLACES, EVENTS, THINGS
19. DISCONNECTED
20. WHAT IS A WEBSITE?
21. WHAT IS CONTEXT?
22. THE ‘MOBILE’ CONTEXT
23. THE ‘MOBILE’ CONTEXT
24. http://bdconf.com/2012/orlando/schedule#cennydd
25. Device Environment Time Activity Individual Location Social
26. NOW WE HAVE DATA...
27. REACTIVE WEB
28. A SINGLE SPACE
32. LOCATION BASED
33. Global / default view
34. Country-specific
35. Local
36. MOVEMENT & PRESENCE
37. Start
38. Moving for a while
39. Used for a while, ended up somewhere else
40. TOTAL CHANGE
41. A ‘LIVING’ SITE
42. WHAT HELPS US TO COMMUNICATE?
43. CONTENT, CONTEXT & DESIGN
44. GLOBAL AUDIENCE
45. MORE PERSONAL
46. MORE RELEVANT?
47. SOLID BASE, THEN ENHANCE
48. CHANGING CONTENT?
50. CONTENT FIRST
51. CONSIDER CONTEXT(S)
52. DISPLAY & DEVICES
53. WE COULD DO (even more) AMAZING THINGS!
54. STOP
55. ASSUMPTIONS & BIAS
56. OBSERVATION
57. RESEARCH &TESTING
58. VALIDATION
59. WHY?
60. CHALLENGES
61. CONTINUING FLEXIBILITY
62. 1.CONSIDER CONTEXT
63. 2.TEST ASSUMPTIONS
64. 3.PROGRESSIVELY ENHANCE
65. PERCEPTIVE MEDIA http://www.futurebroadcasts.com
66. @breakthepage
67. CREATORS FOR THE WEB SHAPE THE FUTURE OF THE WEB
68. THANKS @hereinthehive