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.

Art Center Interactive Design 4 - #1 Intro to UX

Art Center Interactive Design 4 Lecture Slides #1 (week 1)
Intro to User Experience

Art Center Interactive Design 4 - #1 Intro to UX

  1. 1. Intro to UX Art Center Interactive Design 4 | Week 1 | Joy Liu
  2. 2. User Experience at a glance
  3. 3. The Disciplines of User Experience Design by envis-precisely.com, based on Dan Saffer (2008)
  4. 4. The Disciplines of User Experience Design by envis-precisely.com, based on Dan Saffer (2008)
  5. 5. The Spectrum of User Experience Oliver Reichenstein
  6. 6. Design for the end-user what does it mean?
  7. 7. ! Clients ! Stakeholders Marketing Team ! Customers ! Developers Quality Assurance Fellow Designers
  8. 8. ! Clients ! Stakeholders Marketing Team ! Customers ! Developers Quality Assurance Fellow Designers
  9. 9. UX ≠ UI pretty design is not the solution
  10. 10. Roles of UX Information Architect Interaction Designer Visual Designer UX Designer Usability Analyst User Researcher Experience Strategist Persona Writer Content Strategist
  11. 11. UX is not UI by Erik Flowers
  12. 12. Form follows function Physically & digitally
  13. 13. What is useful?
  14. 14. Usability Quality of a user's experience when interacting with products or systems
  15. 15. AutoExec Wheelmate Steering Wheel Attachable Work Surface Tray http://www.amazon.com/AutoExec-Wheelmate-Steering-Attachable-Surface/dp/B00E1D1GY6#
  16. 16. AutoExec Wheelmate Steering Wheel Attachable Work Surface Tray http://www.amazon.com/AutoExec-Wheelmate-Steering-Attachable-Surface/dp/B00E1D1GY6#
  17. 17. AutoExec Wheelmate Steering Wheel Attachable Work Surface Tray http://www.amazon.com/AutoExec-Wheelmate-Steering-Attachable-Surface/dp/B00E1D1GY6#
  18. 18. NOW HOW IT SHOULD BE “Affordances Matters” by Geoff Teehan, 04/16/2014 https://medium.com/@gt/affordances-matter-cab064b40b4b
  19. 19. NOW HOW IT SHOULD BE “Affordances Matters” by Geoff Teehan, 04/16/2014 https://medium.com/@gt/affordances-matter-cab064b40b4b
  20. 20. NOW HOW IT SHOULD BE “Affordances Matters” by Geoff Teehan, 04/16/2014 https://medium.com/@gt/affordances-matter-cab064b40b4b
  21. 21. No such thing as reading the manual. Period.
  22. 22. Utility does it provide the features you need? Usability how easy & pleasant these features are to use? Useful = Utility + Usability ! by Nielsen Norman Group, 2012.
  23. 23. How do you get from LA to NY?
  24. 24. How do you get from LA to NY? By foot?
  25. 25. How do you get from LA to NY? By foot? By skateboard?
  26. 26. How do you get from LA to NY? By foot? By skateboard? By bicycle?
  27. 27. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus?
  28. 28. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus? By a beat-up Corolla?
  29. 29. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus? By a beat-up Corolla? By a Porsche 911?
  30. 30. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus? By a beat-up Corolla? By a Porsche 911? By American Airline economy seat?
  31. 31. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus? By a beat-up Corolla? By a Porsche 911? By American Airline economy seat? By private 6-person jet?
  32. 32. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus? By a beat-up Corolla? By a Porsche 911? By American Airline economy seat? By private 6-person jet? By Virgin Galactic?
  33. 33. How do you get from LA to NY? By foot? By skateboard? By bicycle? By bus? By a beat-up Corolla? By a Porsche 911? By American Airline economy seat? By private 6-person jet? By Virgin Galactic? By transporter via USS Enterprise?
  34. 34. Elements of UX the underlying relationships
  35. 35. ! by Michael Cummings uxdesign.com
  36. 36. ! by Jesse James Garrett, 2000.
  37. 37. ! by Jeffery Callender and Peter Morville
  38. 38. Why documentation? http://theoatmeal.com/comics/design_hell
  39. 39. Mobile UX battle of screens
  40. 40. How is mobile different? where and when? dimensions? bandwidth and connectivity? behavior and emotion? human factors? circumstances of usage?
  41. 41. SAT Study Tool for 10th Grader where and when? dimensions? bandwidth and connectivity? behavior and emotion? human factors? circumstances of usage?
  42. 42. Carma Sutra Tutorial for Golden-Agers where and when? dimensions? bandwidth and connectivity? behavior and emotion? human factors? circumstances of usage?
  43. 43. User Engagement Source: Google/Ipsos/Sterling, 2012
  44. 44. Native vs. Web Native / Web / Hybrid
  45. 45. Final Project Native iOS app redesign
  46. 46. Imagine, this is your start-up. ! This is something you are passionate about, you think about it everyday, you are proud of the idea. ! You’ve borrowed and saved up $20,000 to kickstart your product. For the next 14 weeks, you will design and create a clickable prototype. ! On week 14, you will pitch your idea to a group of venture capitalists and compete for $500,000 in cash to help you launch the idea to market.
  47. 47. 1. Select 3 iOS apps in the App Store (less than 5 stars, no games) ! 2. Take screenshots of all the sections in each app ! 3. Annotate areas in need of improvement ! 4. Write an elevator pitch for each app What is your product? Who is your market? Why do they care? What’s in it for them? Why is your product different from your competitors?

×