Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduction to User Experience

16,690 views

Published on

From a Class given at General Assembly. It was closed with a talk by Andrei Herasimchuk.

Published in: Design
  • Login to see the comments

Introduction to User Experience

  1. 1. class 1 Welcome! About the Instructor – Syllabus – Final Project
  2. 2. YOU• Five words on you• Five words on why you are here• Or a haikuNOT YET! Think about it….2
  3. 3. About Christina WodtkeWhy do we know what we know?•Wrote Information Architecture: Blueprints for the Web•Founded IAI•Founded Boxes and Arrows•Ran design teams, product teams in companies such as Yahoo,Linkedin, Myspace, Zynga•Currently advising a number of startups on UX3
  4. 4. About Eric BellWhy do we know what we know?• Information Science at University of Washington• IA for Microsoft, Zaaz, Concent• Concent is located in Japan, where he worked at projects fromair conditioner interfaces to corporate governance website•YOUR TA!4
  5. 5. YOU• Five words on you• Five words on why you are here• Or a haiku5
  6. 6. syllabusweek 1 STRATEGY•Introduction to UX, research, business requirements, Personasweek 3 SCOPE•Requirements, Content and Feature Strategyweek 4 STRUCTURE•Information Architecture, Interaction Design, Communicating Designweek 6 UNIQUE CONTEXTS•Social, Games, Network Design, Offline and on, Mobileweek 10 SKELETON & SKIN•Brand, Visual Design6
  7. 7. GradingHomework 25% Get the most out of class by doing all your homework.Participation 25% Get to know your classmates and share your ideas with them.Final Project 50% Show off what you’ve learned.7
  8. 8. final projectPRESENTATIONS DEC 19 & 20Select from one of several start-ups•Real World! Delivers lunch, matchmaking local restaurants with desk-bound office workers•Social! Collecting materials from a variety of other services, from Flickr to Facebook ,to creatememory sites•Entertainment! Fashion site that lets women post items they want to find, and other women findthem•Gift! parents and grandparents subscribe their kids to monthly cooking delivery box•Kids! online directory of out of school programs for childrenNotes: if user research, brainstorming, etc you discover pivots, changes, or new opportunities youare empowered to do them!8
  9. 9. Software and Books• you can get omnigraffle• or Balsalmiq, or whatever…. Paper perhaps• you’ll probably need Photoshop or something sexy when it comes to the sexy part• Recommended: Elements of User Experience, Don’t Make Me Me Think, Designing Interactions, Designing the Social Web and MY BOOK!9
  10. 10. class 1 UX introduction What is UX? – What makes up User Experience – Requirements – Strategy – Principles
  11. 11. What is user experience?
  12. 12. What experience do youlove?What is it?Why do you love it?What’s your favorite part?
  13. 13. Don Norman"User experience" encompasses all aspects of the end-usersinteraction with the company, its services, and its products. The firstrequirement for an exemplary user experience is to meet the exactneeds of the customer, without fuss or bother. Next comes simplicityand elegance that produce products that are a joy to own, a joy touse. True user experience goes far beyond giving customers whatthey say they want, or providing checklist features. In order toachieve high-quality user experience in a companys offerings theremust be a seamless merging of the services of multiple disciplines,including engineering, marketing, graphical and industrial design, andinterface design.13
  14. 14. jesse james garrett the design of anything independent of medium or across [device] with human experience as an explicit outcome and human engagement as an explicit goal -Jesse James Garrett14
  15. 15. jesse james garrett -Jesse James Garrett15
  16. 16. Historically, online we’ve cared about:
  17. 17. TEAM ofDESIGNERS
  18. 18. GRAPHICDESIGN
  19. 19. INFORMATION ARCHITECT
  20. 20. INTERACTION DESIGNER
  21. 21. dan saffer21
  22. 22. Startups are seeking22
  23. 23. This Course• You’ll do the entire plane• You will suck. That is AWESOME• Not trying=failing• Find your love. Follow it.24
  24. 24. Design PrinciplesA SHORT HISTORY OF ARCHITECTURE
  25. 25. Cave
  26. 26. Hut
  27. 27. Stone Age City
  28. 28. VITRUVIUSfirmitas, utilitas, venustas : : durability, convenience, beauty
  29. 29. Durability“Durability will be assured when foundations are carried down to the solid ground and materials wisely and liberally selected” Vitruvius
  30. 30. Frank Lloyd Wright’s Imperial Hotel, Japan, survived an earthquake The reflecting pool provided a source of water for fire-fighting; Cantilevered floors and balconies provided extra support for the floors;A copper roof, cannot fall on people below the way a tile roof can; Seismic separation joints, located about every 20 m along the building;Tapered walls, thicker on lower floors, increasing their strength; Suspended piping and wiring, instead of beingencased in concrete, smooth curves, making them more resistant to fracture.
  31. 31. I’m searching for “my architect, not “movies, directors, actors” Technical Earthquakes Slow loading javascript fails on low bandwidth, and can cause users to accidently search for the label inside yoursearch box. Is your site designed to be robust when things break (for example, filter out the label from the query. Or don’t place labels in fields; it reduces usage anyhow.)
  32. 32. Social Earthquakes If people post jobs in discussion areas, any user can move them to job board If people useconnection invites to
  33. 33. Prepare forTechnical Tremors Social FaultlinesExecution Innocents/IdiotsMaintenance TrollsScale SpammersBandwidth Criminals
  34. 34. Convenience“When the arrangement of the apartments is faultless and presents no hindranceto use, and when each class of building is assigned to its suitable and appropriateexposure” Vitruvius Sound familiar? We’re talking usability!
  35. 35. Usonian houses were beautiful, human scaled.. And didn’t have closet space. Should we choose beauty over usability sometimes? “Early in life I had to choose between honest arrogance and hypocritical humility. I chose honest arrogance and have seen no occasion to change.” Frank Lloyd Wright
  36. 36. Hum an The FacebookInbox is chock full of annoying non- human mails, despite the factthey know who ishuman and who I Hum am connected to. Not convenient. an
  37. 37. Bilbao did not leak. I was so proud.
  38. 38. I call it the "Then What?" Okay, you solved all the problems, you did all the stuff, you made nice, you loved your clients, you loved the materials, youloved the city, youre a goodguy, youre a good person... and then what? What do you bring to it?
  39. 39. Beauty (delight)“when the appearance of the work is pleasing and in good taste, and when itsmembers are in due proportion according to correct principles of symmetry.” Vitrvius
  40. 40. “Less is more.” ~ Mies
  41. 41. SEAGRAM BUILDING (PhilipJohnson did interiors, 1957) SeagramThis logical and Buildingelegant 38-storyskyscraper (525 H) New York Cityhas alternatinghorizontal bands of 1957bronze plating and Is thisbronze-tinted glass Beautiful?and decorative bronzeI-beams whichemphasize its
  42. 42. “Less is a bore.” ~Venturi
  43. 43. Is thisBeautiful?
  44. 44. Do we dictate what is beautiful by constraining user choice?
  45. 45. Or support passionate use that may not meet ouraesthetic standards?
  46. 46. BeautifulDurable Convenient
  47. 47. WHY SO USERCENTERED?
  48. 48. You can’t control the person, but you can design the environment to change behavior B=f(P+E) Behavior is a function of a Person and his Environment - Lewin’s Equation
  49. 49. measure ux: usability
  50. 50. julian missig
  51. 51. AndreiAndrei Michael Herasimchuk has been designing world classsoftware across web browsers, desktop clients, mobilesmartphones and tablet computers for more than two decades.He was the lead designer behind the Adobe Creative Suite andthe product lead for Adobe Lightroom. He was Chief DesignOfficer for Involution Studios, a digital product design companybased in the United States and led the 2010 redesign of Yahoo!Mail. In 2011, Andrei joined Twitter and is currently the Directorof Design. His writing and thoughts on design can be found atDesign by Fire (http://www.designbyfire.com).56
  52. 52. homework Watch Steve Krug’s Do it yourself Usability Test http://www.sensible.com/rsme.html Read the package Select a particularly satisfying user experience. Describe why, noting at least three touch points. *without using search57

×