Reactive Web Design

Aaa0472c22479edc400005a890963610?s=47 Dan Donald
October 15, 2012
Design
1
740

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.

Aaa0472c22479edc400005a890963610?s=128

Dan Donald

October 15, 2012
Tweet

More Decks by Dan Donald

See All by Dan Donald
Aaa0472c22479edc400005a890963610?s=48 hereinthehive
0
60
Aaa0472c22479edc400005a890963610?s=48 hereinthehive
2
76
Aaa0472c22479edc400005a890963610?s=48 hereinthehive
0
67
Aaa0472c22479edc400005a890963610?s=48 hereinthehive
2
540

Other Decks in Design

See All in Design
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
0
280
83d6467909033487c02cac5fbf0520b9?s=48 johnnysim92
2
100
Dcd6ae6de2452585b6d18137a4e1cd97?s=48 miurant
1
670
Db4b4f2b80639dfa21296832bae16935?s=48 cotolier_risa
1
130
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
1
1.5k
C918ea46728ba27aa936c795995c03d6?s=48 laurawritesux
1
140
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
1
770
65906910d67fb68d5c8222322a7683e3?s=48 ryuuuuukun
1
560
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
150
0d8a5f112b203f084178d4432b10e354?s=48 chyanime
0
130
64a052fdeb28810747dafd0905b205a6?s=48 mkc
0
220
A5d201f45866b5d7a191cb2ac6b31a00?s=48 nadbov
0
130

Featured

See All Featured
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
119
15k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
93
5k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
154
6.1k
245cee81a9c424266e5e401d844ea881?s=48 lara
587
60k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
174
7.1k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
26
850
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
23
3.7k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
319
53k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
333
15k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
104
10k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
50
3.9k

Transcript

  1. REACTIVE WEB DESIGN @hereinthehive

  2. THE POWER & THE PERILS OF DESIGNING WITH CONTEXT

  3. None

  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/

  7. None

  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

  14. None

  15. THE REAL WORLD

  16. None

  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

  29. None
  30. None
  31. None

  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?

  49. None

  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