The Age of Emotional and Experience Design

1,769 views

Published on

The web is finally coming of age with respect to increasing sophistication of the structure and presentation of visual information, the standardization of technologies to more easily create and display this information, physical devices that make this information easily accessible, and finally growing social connectivity.

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

No Downloads
Views
Total views
1,769
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
50
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

The Age of Emotional and Experience Design

  1. The Age ofEmotional &Experience Design Presented by Denise R. Jacobs Refresh Ft. Lauderdale December 2010
  2. The Age of Twitter I am: @denisejacobs Our fine event is: # RefreshFLL @RefreshFLL And I will wax philosophic on: #aeed
  3. A true renaissance woman CSSDetectiveGuide.com InteractWithWebStandards.com
  4. Current age of web design
  5. The Age of What?The web is experiencing a kind of renaissance or even blossoming of possibilities, due to a confluence of 4 factors
  6. Code
  7. Browsers
  8. Devices, Environment (& Access)
  9. Interface designers and Imagineers
  10. Well, maybe more like this:
  11. Where we are now?
  12. How did we get here?
  13. Evolution of the web
  14. Past
  15. 1992 to 1996The World Wide What? Era
  16. The general populace
  17. HTML: 1991
  18. HTML: circa 1993
  19. CSS: 1996
  20. CSS: Usage of the time
  21. Browsers: pre-1993
  22. Browsers: 1993
  23. Browsers: 1992-1997• 1994: Netscape Navigator• 1995: Internet Explorer• 1996: Opera
  24. Design: very first website Add examples of web design from that period 1. First website ever 2. Typical geocities 3. Professional 4. Under construction animated gifs and rainbow <hr>s
  25. Web Design: circa 1996
  26. Computers: circa 1996
  27. Computers: circa 1996
  28. 1992-96: Mobile Phones
  29. Mobile Phones: 1992-1997
  30. Environment: 1992-1996
  31. 1997- 2001Dot.com Bubble Boom Insanity Era
  32. HTML: 1997-2001• Beginning1997: HTML 3.2• End of 1997: HTML 4.0• Late 1999: HTML 4.01• 2000: XHTML 1.0
  33. CSS: 1998CSS 2 introduced• Not yet full Recommendation status, remains Candidate Recommendation to present.
  34. Browsers: IE v. NN
  35. Design: circa 1997
  36. Design: circa 2000
  37. Design: Flash websites, circa 2000
  38. Computers: 1999
  39. Mobile Phones: 1997-2000
  40. Access: circa 2000
  41. 2002 to 2007 Era of Web Standards& Beginnings of Ubiquity
  42. HTML: 2002-2007• HTML 4.01 and XHTML hold steady as the favorite versions• XHTML 1.1 released (but noone seems to care)
  43. Browsers: 2002-2007• 2001: our favorite browser, IE6 is released• 2002: Netscape dies• 2003: Safari grows with Mac market• 2004: Firefox rises from the ashes
  44. Design: circa 2003
  45. Design: circa 2005
  46. Mobile Phones: 2002-2007• 2002: Bl/Crackberry• 2003: Treo combines PDA with Smartphone• 2004: Motorola Razr released
  47. 2008 & 2009Modern Era
  48. HTML & CSS: 2008-2009• Web Standards widely promoted and embraced(WASP started in 1998, but started to take off around 2002-3)
  49. Browsers: 2008-2009
  50. Design: 2008-2009
  51. Computers: 2002-2007
  52. Mobile Phones: 2007
  53. Environment & Access: 2008-9
  54. Present
  55. We’re lucky!
  56. Improved Code: Easier Implementation
  57. Improved Browsers
  58. Great devices
  59. Great devices
  60. Can access anywhere
  61. So much figured out
  62. Shift focus
  63. Change the world?
  64. Standards-based DesignSeparation of presentation from content by usingweb standards and incorporating latesttechnologies: HTML5 and CSS3
  65. Emotional Design“Aesthetically pleasing objects appear to users tobe more effective by virtue of their sensualappeal and an affinity the user feels for the objectbased on a formation of an emotional connectionto it. “ - Wikipedia (with liberal edits)
  66. Experience Design“…Designing products, processes, services,events, and environments with a focus placed onthe quality of the user experience….Experiencedesign is driven by consideration of the momentsof engagement between people and [objects],and the ideas, emotions, and memories thatthese moments create.” - Wikipedia (with liberal edits)
  67. “Social Design”Design of sites that encourage connection andinteraction of users and build community.
  68. Don’t do what everyone else has done
  69. Avoid
  70. And instead, produce
  71. Or
  72. Or even
  73. Engage and Delight
  74. Details that users will love
  75. Future
  76. To Do: these 3 things...
  77. 1. See Potential
  78. See Potential• In yourself and almost infinite possibilities of the web – So many options of where to focus and direct your energy and talents
  79. 2. Have Aspirations
  80. HaveAspirationsDon’t be skurred:• Dive in, constantly learn and innovate• Follow interests and compulsions and see where they lead you
  81. 3. Be Responsible
  82. Be Responsible1. Create things that are both useful and beautiful2. Practice continuous improvement3. Stay abreast of trends4. Create trends5. Practice the “Sankofa” of design
  83. Looking towards the future
  84. The First Missive“Design to where the Web will be, and not where it is.” - Faruk Ates
  85. The Second Missive
  86. The Final Missive“Be the web designer and create the interfaces that you want to see in the world.” - Denise Jacobs
  87. Non-exclusive
  88. The Age of Emotional and Experience Design
  89. Thank you!denisejacobs.comtwitter.com/denisejacobsslideshare.net/denisejacobs

×