Próxima SlideShare
The Age of Emotional and Experience Design
- The Age ofEmotional &Experience Design Presented by Denise R. Jacobs Refresh Ft. Lauderdale December 2010
- The Age of Twitter I am: @denisejacobs Our fine event is: # RefreshFLL @RefreshFLL And I will wax philosophic on: #aeed
- A true renaissance woman CSSDetectiveGuide.com InteractWithWebStandards.com
- Current age of web design
- The Age of What?The web is experiencing a kind of renaissance or even blossoming of possibilities, due to a confluence of 4 factors
- Code
- Browsers
- Devices, Environment (& Access)
- Interface designers and Imagineers
- Well, maybe more like this:
- Where we are now?
- How did we get here?
- Evolution of the web
- Past
- 1992 to 1996The World Wide What? Era
- The general populace
- HTML: 1991
- HTML: circa 1993
- CSS: 1996
- CSS: Usage of the time
- Browsers: pre-1993
- Browsers: 1993
- Browsers: 1992-1997• 1994: Netscape Navigator• 1995: Internet Explorer• 1996: Opera
- 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
- Web Design: circa 1996
- Computers: circa 1996
- Computers: circa 1996
- 1992-96: Mobile Phones
- Mobile Phones: 1992-1997
- Environment: 1992-1996
- 1997- 2001Dot.com Bubble Boom Insanity Era
- HTML: 1997-2001• Beginning1997: HTML 3.2• End of 1997: HTML 4.0• Late 1999: HTML 4.01• 2000: XHTML 1.0
- CSS: 1998CSS 2 introduced• Not yet full Recommendation status, remains Candidate Recommendation to present.
- Browsers: IE v. NN
- Design: circa 1997
- Design: circa 2000
- Design: Flash websites, circa 2000
- Computers: 1999
- Mobile Phones: 1997-2000
- Access: circa 2000
- 2002 to 2007 Era of Web Standards& Beginnings of Ubiquity
- HTML: 2002-2007• HTML 4.01 and XHTML hold steady as the favorite versions• XHTML 1.1 released (but noone seems to care)
- 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
- Design: circa 2003
- Design: circa 2005
- Mobile Phones: 2002-2007• 2002: Bl/Crackberry• 2003: Treo combines PDA with Smartphone• 2004: Motorola Razr released
- 2008 & 2009Modern Era
- HTML & CSS: 2008-2009• Web Standards widely promoted and embraced(WASP started in 1998, but started to take off around 2002-3)
- Browsers: 2008-2009
- Design: 2008-2009
- Computers: 2002-2007
- Mobile Phones: 2007
- Environment & Access: 2008-9
- Present
- We’re lucky!
- Improved Code: Easier Implementation
- Improved Browsers
- Great devices
- Great devices
- Can access anywhere
- So much figured out
- Shift focus
- Change the world?
- Standards-based DesignSeparation of presentation from content by usingweb standards and incorporating latesttechnologies: HTML5 and CSS3
- 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)
- 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)
- “Social Design”Design of sites that encourage connection andinteraction of users and build community.
- Don’t do what everyone else has done
- Avoid
- And instead, produce
- Or
- Or even
- Engage and Delight
- Details that users will love
- Future
- To Do: these 3 things...
- 1. See Potential
- See Potential• In yourself and almost infinite possibilities of the web – So many options of where to focus and direct your energy and talents
- 2. Have Aspirations
- HaveAspirationsDon’t be skurred:• Dive in, constantly learn and innovate• Follow interests and compulsions and see where they lead you
- 3. Be Responsible
- Be Responsible1. Create things that are both useful and beautiful2. Practice continuous improvement3. Stay abreast of trends4. Create trends5. Practice the “Sankofa” of design
- Looking towards the future
- The First Missive“Design to where the Web will be, and not where it is.” - Faruk Ates
- The Second Missive
- The Final Missive“Be the web designer and create the interfaces that you want to see in the world.” - Denise Jacobs
- Non-exclusive
- The Age of Emotional and Experience Design
- Thank you!denisejacobs.comtwitter.com/denisejacobsslideshare.net/denisejacobs
Inicia sesión para ver los comentarios