Reactive Web Design

Aaa0472c22479edc400005a890963610?s=47 Dan Donald
October 15, 2012

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

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