Reactive Web Design

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