IS09- Intro to UX

3,103 views

Published on

Some describe it as making things enjoyable and easy to use. Others describe it as all of the elements that impact one’s perception of a product or system. From information architecture, to user research, to user testing, this presentation is about what UX is and why it should be an integral part of every website or application project.

Published in: Design, Technology, Education
0 Comments
28 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,103
On SlideShare
0
From Embeds
0
Number of Embeds
66
Actions
Shares
0
Downloads
0
Comments
0
Likes
28
Embeds 0
No embeds

No notes for slide

IS09- Intro to UX

  1. 1. how i stopped worrying and learned to love my audience AN INTRO TO UX * *user experience
  2. 2. a bit about me: • User Experience Strategist @ IDEA • Based in Houston, TX • Over 10 years working on the web • Worked with such brands as HP, WM, Reliant Energy, HBO, Mattel, Sony Pictures, Conoco Phillips, American Greetings, etc. • I’ve been an animator, designer, developer
  3. 3. What is UX (User Experience)?
  4. 4. What is UX (User Experience)? UX Defined “User Experience (abbreviated: UX) is the quality of experience a person has when interacting with a specific design.This can range from a specific artifact, such as a cup, toy or website, up to larger, integrated experiences such as a museum or an airport.” -User Experience Network (www.uxnet.org)
  5. 5. What is UX (User Experience)? Target ClearRX
  6. 6. What is UX (User Experience)? UX encompasses: • Accessibility • Information Architecture • Information Design • Interaction Design • User Research • Usability • User Interface Design • ...to name a few.
  7. 7. What is UX (User Experience)? Heuristics
  8. 8. What is UX (User Experience)? UX is not something that is implemented, but rather a philosophy that is adopted through every step of a project’s lifecycle.
  9. 9. It’s All About Users
  10. 10. It’s All About Users Tec ls oa Strategy Function h G nic ss al G ne si Sweet oa Bu ls Spot Customer Goals Conversation
  11. 11. Identify Problems Before Defining Solutions
  12. 12. Identify Problems Before Defining Solutions “Design, by very definition, is the act of solving problems. In order for anything to be designed well, we must first identify the problems we are trying to solve and the goals we are trying to reach.” -Jeff Croft Web Designer, Blue Flavor
  13. 13. Identify Problems Before Defining Solutions
  14. 14. Identify Problems Before Defining Solutions
  15. 15. UX First Steps: Information Architecture
  16. 16. UX First Steps: Information Architecture
  17. 17. UX First Steps: Information Architecture Site Map
  18. 18. UX First Steps: Information Architecture
  19. 19. UX First Steps: Information Architecture User Flow A B
  20. 20. UX First Steps: Information Architecture User Flow A B B B B B
  21. 21. UX First Steps: Information Architecture
  22. 22. UX First Steps: Information Architecture Benefits of Site Maps and User Flows: • Helps determine project scope • Helps point out trouble areas or components that need to be better thought out • Establishes the user or process as a prominent aspect of the planning stage • Enables the modeling of high-level relationships between major user interface elements bringing to light fundamental usability questions.
  23. 23. UX First Steps: Information Architecture Wireframes = Blueprints
  24. 24. UX First Steps: Information Architecture WM Resi-Perm Site: Recurring Services Select Page Wireframe Chat Branding Shopp ng Cart Recurring services 1.0 starts with the baseline Curbside service. As Recurring Services the order progresses, 1.0 the appropriate service Yard & type is highlighted. Curbside Recycling Food Waste Yearly price is 1.1 1.2 presented for 1.1 comparison to upsell the Monthly Yearly Your Order Select / Service / Price / Price yearly 'subscription' model. Service Selected $0.00 Service Title $0.00 $0.00 Service Description Service Selected $0.00 Order tally area keeps a 1.2 running total of current Service Selected $0.00 order and, where Service Title $0.00 $0.00 applicable, a yearly Service Description Total $0.00 service total is 15% Discount for presented with a cta to Service Title $0.00 $0.00 switch to yearly service Yearly Service Service Description User can opt to $0.00 1.3 Service Title $0.00 $0.00 checkout immediately or Service Description continue through the Switch to Yearly Service recurring services process 1.3 User can, at any time Checkout Continue 1.4 during the process, switch over to one-time go to one-time services > 1.4 services. FAQ | Sitemap | Privacy Statement | Legal Notice
  25. 25. UX First Steps: Information Architecture Benefits of Wireframes: • Helps determine project scope • Helps point out trouble areas or components that need to be better thought out • The first visualization of the User Interface and major interactive components • Serves as a blueprint for both designers and developers • Gives the client something they can relate to early in the project lifecycle
  26. 26. UX In Action: Usability Testing
  27. 27. UX In Action: Usability Testing
  28. 28. UX In Action: Usability Testing Many kinds of Usability Testing Face-to-Face Remote Paper Card Sort Prototype
  29. 29. UX In Action: Usability Testing Metrics of success (or failure)
  30. 30. UX In Action: Usability Testing Benefits of Usability Testing: • Provides user feedback early in the development process • Promotes rapid iterative development • Multiple versions of layout and functionality can be tested against each other with little impact on the project cycle • Provides actionable data that can inform decision making • Facilitates communication between the development team and customers • Encourages creativity in the development process
  31. 31. The ROI of UX
  32. 32. The ROI of UX A positive user experience equals brand enhancement. A negative one leads to brand diminishment
  33. 33. The ROI of UX Identifying the links Business User Behavior Value Financial Problem Behavior Metric Metric Metric
  34. 34. The ROI of UX Identifying the links Web Metrics- the foundation for Business Problem understanding user behavior User Behavior Behavior Metric Value Metric Financial Metric
  35. 35. The ROI of UX Identifying the links Web Metrics- the foundation for Business Problem understanding user behavior User Behavior Indicators of user behavior- User Testing Behavior Metric Value Metric Financial Metric
  36. 36. The ROI of UX Identifying the links Web Metrics- the foundation for Business Problem understanding user behavior User Behavior Indicators of user behavior- User Testing Behavior Metric Quantify the value of a Value specific user behavior Metric Financial Metric
  37. 37. The ROI of UX Identifying the links Web Metrics- the foundation for Business Problem understanding user behavior User $ Behavior Indicators of user behavior- User Testing Behavior Metric Quantify the value of a specific user behavior $$ Value Metric Financial Metric
  38. 38. Should I even bother with UX?
  39. 39. Should I even bother with UX? As firms grow more savvy at executing online strategies, it is a question worth answering — the future of your Web site, and of your company, may depend on it.
  40. 40. thank you.
  41. 41. How I stopped worrying and learned to love my audience: An intro to UX Michael Dunn, September 9th, 2009 http://www.slideshare.net/thFOOL http://www.ideaii.com michael.dunn@idea.com

×