the ever changing                       DESIGN                       OF THE WEB                                   martha r...
MARTHA                       RETTIG                        @artimatedFriday, March 29, 13
MassArt                                    h p://www.massart.edu/                        Dynimic Media Institute          ...
What is the Web?Friday, March 29, 13
Wikipedia Says •                 The world wide web is a system of interlinked                 hypertext documents accesse...
http://upload.wikimedia.org/wikipedia/commons/d/d2/Internet_map_1024.jpgFriday, March 29, 13
Merriam-Webster •                 a part of the Internet accessed through a                 graphical user interface and c...
the web is...Friday, March 29, 13
DESKTOPFriday, March 29, 13
TABLETFriday, March 29, 13
PHONE                               http://www.sxc.hu/photo/343555Friday, March 29, 13
the web is                       EVERYWHEREFriday, March 29, 13
the web is                       CONTENTFriday, March 29, 13
What is Design?Friday, March 29, 13
Merriam-Webster •                 : to create, fashion, execute, or construct                 according to plan           ...
“                Design is devising courses of action aimed                 at changing existing situations into          ...
“                Design is not just what it looks like and                 feels like. Design is how it works.            ...
“                Design is the method of pu ing form and                 content together. Design, just as art, has       ...
What is Web                        Design?Friday, March 29, 13
“                The primary design principle underlying                 the Web is universality...it should be           ...
roles in web design                         WEB                       DESIGNERFriday, March 29, 13
roles in web design                       UX DESIGNERFriday, March 29, 13
roles in web design                       UI DESIGNERFriday, March 29, 13
roles in web design                       FRONT-END                        DESIGNERFriday, March 29, 13
roles in web design                       INTERACTION                         DESIGNERFriday, March 29, 13
I am a                       DESIGNERFriday, March 29, 13
“                It’s time to throw out the rituals of the                 printed page, and to engage with the           ...
WEB DESIGN                        what’s happening now?Friday, March 29, 13
TRENDY                 COOL FONTS                 PARALLAX SCROLLING                 NEW STYLES                 SKEUOMORPH...
http://rouxatparliamentsquare.co.uk/Friday, March 29, 13
http://cpeople.ru/#startFriday, March 29, 13
http://rouxatparliamentsquare.co.uk/Friday, March 29, 13
http://trentwalton.com/2011/11/18/workspace/Friday, March 29, 13
http://www.heartscryindia.org/Friday, March 29, 13
http://kojo.com.au/content/Friday, March 29, 13
http://lostworldsfairs.com/eldorado/Friday, March 29, 13
http://typespiration.comFriday, March 29, 13
http://www.360langstrasse.sf.tv/page/Friday, March 29, 13
http://www.letstravelsomewhere.com/Friday, March 29, 13
http://etchapps.com/Friday, March 29, 13
http://www.silktricky.com/#/homeFriday, March 29, 13
http://www.facesofnyfw.com/Friday, March 29, 13
http://www.frenchcuisse.com/Friday, March 29, 13
http://pinterest.com/Friday, March 29, 13
http://middlemojo.com/Friday, March 29, 13
http://minimalmonkey.com/Friday, March 29, 13
http://www.trackemfindemkillem.com/Friday, March 29, 13
http://www.thesearethings.com/Friday, March 29, 13
http://jessandruss.us/Friday, March 29, 13
http://futureinsightslive.com/las-vegas-2013/Friday, March 29, 13
http://trufcreative.com/Friday, March 29, 13
http://www.sennep.com/Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
we could talk for hours                         about aesthetics.Friday, March 29, 13
but that’s not what                       I’m going to talk about....Friday, March 29, 13
tonight I’m going to talk about                           MOBILE,                            USERS,                       ...
MOBILE =                          really anything that                       has an internet connectionFriday, March 29, 13
SMARTPHONE Sales                         OVERTOOK PC Sales                                                                ...
“                mobile web adoption is growing eight                 times faster than the first wave of PC               ...
Xtreme Labs suite of testing devices http://tech.xtremelabs.com/an-introduction-to-qa-at-xtreme-labs/Friday, March 29, 13
WE CAN’T                       DESIGN FOR                        DEVICESFriday, March 29, 13
Friday, March 29, 13
THE FUTURE                         WILL BE                        AMAZINGFriday, March 29, 13
Slide by Brad Frost- He’s awesome, check out his stuff   http://www.slideshare.net/bradfrostwebFriday, March 29, 13
THE FUTURE                         IS HEREFriday, March 29, 13
Friday, March 29, 13
we can’t                       CONTROL                        all the pixelsFriday, March 29, 13
we can design                       CONTENTFriday, March 29, 13
so really I want to talk about                       CONTENT +                         USERSFriday, March 29, 13
USERSFriday, March 29, 13
they are                       EVOLVING                       as our technology evolvesFriday, March 29, 13
Friday, March 29, 13
over             163 Million             Facebook users in the US   of the Population                                     ...
we make and break                 CONVENTIONS                        as quickly as our                       users adapt t...
Above the                       FOLD?Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creekFriday, March 29, 13
bu ons, pages, calendars                       WHAT’S THIS?Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
consume or                       CREATE?Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
Friday, March 29, 13
users are their own content                       CREATORS &                        CURATORSFriday, March 29, 13
Friday, March 29, 13
http://mindygledhill.blogspot.com/2012/07/instapoetry-by-mindygledhill.htmlFriday, March 29, 13
TOOLSFriday, March 29, 13
what tools do we have?                         TOOLSFriday, March 29, 13
tools created for                       PRINTFriday, March 29, 13
Friday, March 29, 13
old tools tried to keep us away from                                         the                                 CODEFrida...
Friday, March 29, 13
SOLUTIONS?Friday, March 29, 13
Friday, March 29, 13
rise of the                        HYBRID                       DESIGNERFriday, March 29, 13
the lignua franca of the web                       HTML & CSS                         ...and a li le javascriptFriday, Mar...
we might not be implementing the                        code- but need to understand itFriday, March 29, 13
“                When we fall in love with our tools, we                 lose track of what we are really doing,          ...
THANK YOU                         @artimatedFriday, March 29, 13
Upcoming SlideShare
Loading in...5
×

The Ever Changing Design of the Wb

626

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
626
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

The Ever Changing Design of the Wb

  1. 1. the ever changing DESIGN OF THE WEB martha rettig march 28th, 2013Friday, March 29, 13
  2. 2. MARTHA RETTIG @artimatedFriday, March 29, 13
  3. 3. MassArt h p://www.massart.edu/ Dynimic Media Institute h p://dynamicmediainstitute.org/ Boston Front-End Developers Meetup h p://www.meetup.com/Boston-Frontend-Developers/ StartUp Institute Boston h p://www.startupinstitute.com/Friday, March 29, 13
  4. 4. What is the Web?Friday, March 29, 13
  5. 5. Wikipedia Says • The world wide web is a system of interlinked hypertext documents accessed via the Internet. With a web browser, one can view web pages that may contain text, images, videos, and other multimedia and navigate between them via hyperlinks.Friday, March 29, 13
  6. 6. http://upload.wikimedia.org/wikipedia/commons/d/d2/Internet_map_1024.jpgFriday, March 29, 13
  7. 7. Merriam-Webster • a part of the Internet accessed through a graphical user interface and containing documents o en connected by hyperlinksFriday, March 29, 13
  8. 8. the web is...Friday, March 29, 13
  9. 9. DESKTOPFriday, March 29, 13
  10. 10. TABLETFriday, March 29, 13
  11. 11. PHONE http://www.sxc.hu/photo/343555Friday, March 29, 13
  12. 12. the web is EVERYWHEREFriday, March 29, 13
  13. 13. the web is CONTENTFriday, March 29, 13
  14. 14. What is Design?Friday, March 29, 13
  15. 15. Merriam-Webster • : to create, fashion, execute, or construct according to plan : to conceive and plan out in the mind to devise for a specific function or end :to make a drawing, pa ern, or sketch ofFriday, March 29, 13
  16. 16. “ Design is devising courses of action aimed at changing existing situations into preferred ones. -Herbert SimonFriday, March 29, 13
  17. 17. “ Design is not just what it looks like and feels like. Design is how it works. -Steve JobsFriday, March 29, 13
  18. 18. “ Design is the method of pu ing form and content together. Design, just as art, has multiple definitions; there is no single definition. Design can be art. Design can be aesthetics. Design is so simple, thats why it is so complicated. -Paul RandFriday, March 29, 13
  19. 19. What is Web Design?Friday, March 29, 13
  20. 20. “ The primary design principle underlying the Web is universality...it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large. -Tim Berners-LeeFriday, March 29, 13
  21. 21. roles in web design WEB DESIGNERFriday, March 29, 13
  22. 22. roles in web design UX DESIGNERFriday, March 29, 13
  23. 23. roles in web design UI DESIGNERFriday, March 29, 13
  24. 24. roles in web design FRONT-END DESIGNERFriday, March 29, 13
  25. 25. roles in web design INTERACTION DESIGNERFriday, March 29, 13
  26. 26. I am a DESIGNERFriday, March 29, 13
  27. 27. “ It’s time to throw out the rituals of the printed page, and to engage with the medium of the web and it’s own nature. -John AllsoppFriday, March 29, 13
  28. 28. WEB DESIGN what’s happening now?Friday, March 29, 13
  29. 29. TRENDY COOL FONTS PARALLAX SCROLLING NEW STYLES SKEUOMORPHISM FLAT DESIGNFriday, March 29, 13
  30. 30. http://rouxatparliamentsquare.co.uk/Friday, March 29, 13
  31. 31. http://cpeople.ru/#startFriday, March 29, 13
  32. 32. http://rouxatparliamentsquare.co.uk/Friday, March 29, 13
  33. 33. http://trentwalton.com/2011/11/18/workspace/Friday, March 29, 13
  34. 34. http://www.heartscryindia.org/Friday, March 29, 13
  35. 35. http://kojo.com.au/content/Friday, March 29, 13
  36. 36. http://lostworldsfairs.com/eldorado/Friday, March 29, 13
  37. 37. http://typespiration.comFriday, March 29, 13
  38. 38. http://www.360langstrasse.sf.tv/page/Friday, March 29, 13
  39. 39. http://www.letstravelsomewhere.com/Friday, March 29, 13
  40. 40. http://etchapps.com/Friday, March 29, 13
  41. 41. http://www.silktricky.com/#/homeFriday, March 29, 13
  42. 42. http://www.facesofnyfw.com/Friday, March 29, 13
  43. 43. http://www.frenchcuisse.com/Friday, March 29, 13
  44. 44. http://pinterest.com/Friday, March 29, 13
  45. 45. http://middlemojo.com/Friday, March 29, 13
  46. 46. http://minimalmonkey.com/Friday, March 29, 13
  47. 47. http://www.trackemfindemkillem.com/Friday, March 29, 13
  48. 48. http://www.thesearethings.com/Friday, March 29, 13
  49. 49. http://jessandruss.us/Friday, March 29, 13
  50. 50. http://futureinsightslive.com/las-vegas-2013/Friday, March 29, 13
  51. 51. http://trufcreative.com/Friday, March 29, 13
  52. 52. http://www.sennep.com/Friday, March 29, 13
  53. 53. Friday, March 29, 13
  54. 54. Friday, March 29, 13
  55. 55. Friday, March 29, 13
  56. 56. Friday, March 29, 13
  57. 57. Friday, March 29, 13
  58. 58. Friday, March 29, 13
  59. 59. Friday, March 29, 13
  60. 60. Friday, March 29, 13
  61. 61. we could talk for hours about aesthetics.Friday, March 29, 13
  62. 62. but that’s not what I’m going to talk about....Friday, March 29, 13
  63. 63. tonight I’m going to talk about MOBILE, USERS, & TOOLSFriday, March 29, 13
  64. 64. MOBILE = really anything that has an internet connectionFriday, March 29, 13
  65. 65. SMARTPHONE Sales OVERTOOK PC Sales Global Internet Device Sales 1,000,000,000 900,000,000 800,000,000 Tablets 700,000,000 600,000,000 Units 500,000,000 400,000,000 Smartphones 300,000,000 200,000,000 100,000,000 Personal Computers 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 Source: Gartner, IDC, Strategy Analytics, company filings, BI Untelligence estimatesFriday, March 29, 13
  66. 66. “ mobile web adoption is growing eight times faster than the first wave of PC Internet adoption. -Eric SchmidtFriday, March 29, 13
  67. 67. Xtreme Labs suite of testing devices http://tech.xtremelabs.com/an-introduction-to-qa-at-xtreme-labs/Friday, March 29, 13
  68. 68. WE CAN’T DESIGN FOR DEVICESFriday, March 29, 13
  69. 69. Friday, March 29, 13
  70. 70. THE FUTURE WILL BE AMAZINGFriday, March 29, 13
  71. 71. Slide by Brad Frost- He’s awesome, check out his stuff http://www.slideshare.net/bradfrostwebFriday, March 29, 13
  72. 72. THE FUTURE IS HEREFriday, March 29, 13
  73. 73. Friday, March 29, 13
  74. 74. we can’t CONTROL all the pixelsFriday, March 29, 13
  75. 75. we can design CONTENTFriday, March 29, 13
  76. 76. so really I want to talk about CONTENT + USERSFriday, March 29, 13
  77. 77. USERSFriday, March 29, 13
  78. 78. they are EVOLVING as our technology evolvesFriday, March 29, 13
  79. 79. Friday, March 29, 13
  80. 80. over 163 Million Facebook users in the US of the Population http://www.socialbakers.com/facebook-statistics/Friday, March 29, 13
  81. 81. we make and break CONVENTIONS as quickly as our users adapt to themFriday, March 29, 13
  82. 82. Above the FOLD?Friday, March 29, 13
  83. 83. Friday, March 29, 13
  84. 84. Friday, March 29, 13
  85. 85. Friday, March 29, 13
  86. 86. Friday, March 29, 13
  87. 87. Friday, March 29, 13
  88. 88. Friday, March 29, 13
  89. 89. http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creekFriday, March 29, 13
  90. 90. bu ons, pages, calendars WHAT’S THIS?Friday, March 29, 13
  91. 91. Friday, March 29, 13
  92. 92. Friday, March 29, 13
  93. 93. Friday, March 29, 13
  94. 94. Friday, March 29, 13
  95. 95. Friday, March 29, 13
  96. 96. consume or CREATE?Friday, March 29, 13
  97. 97. Friday, March 29, 13
  98. 98. Friday, March 29, 13
  99. 99. Friday, March 29, 13
  100. 100. users are their own content CREATORS & CURATORSFriday, March 29, 13
  101. 101. Friday, March 29, 13
  102. 102. http://mindygledhill.blogspot.com/2012/07/instapoetry-by-mindygledhill.htmlFriday, March 29, 13
  103. 103. TOOLSFriday, March 29, 13
  104. 104. what tools do we have? TOOLSFriday, March 29, 13
  105. 105. tools created for PRINTFriday, March 29, 13
  106. 106. Friday, March 29, 13
  107. 107. old tools tried to keep us away from the CODEFriday, March 29, 13
  108. 108. Friday, March 29, 13
  109. 109. SOLUTIONS?Friday, March 29, 13
  110. 110. Friday, March 29, 13
  111. 111. rise of the HYBRID DESIGNERFriday, March 29, 13
  112. 112. the lignua franca of the web HTML & CSS ...and a li le javascriptFriday, March 29, 13
  113. 113. we might not be implementing the code- but need to understand itFriday, March 29, 13
  114. 114. “ When we fall in love with our tools, we lose track of what we are really doing, which is communicating. -Aaron WaltersFriday, March 29, 13
  115. 115. THANK YOU @artimatedFriday, March 29, 13
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×