Introduction to User Experience

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

1 comments

Comments 1 - 1 of 1 previous next Post a comment

Post a comment
Embed Video
Edit your comment Cancel

8 Favorites

Introduction to User Experience - Presentation Transcript

  1. User Experience
  2. About Me
    • Started Permission magazine in 1992
    • Designed for print until 1995
    • Built PG&E’s first web site in 1995
    • Information architect since 1997
  3. About Me
  4. JAYSON ELLIOT DIRECTOR OF USER EXPERIENCE WUNDERMAN NEW YORK Jayson leads the agency’s user experience practice for Wunderman’s New York office, a central role that touches literally every account in the agency. Growing up in the budding digital age, Jayson set his own career path after studying graphic design at the University of Iowa. In the early ’90s, he started the music magazine Permission, while also doing print design for a variety of clients. In 1994, a staff writer at Permission left to start one of the first web design firms in the country. Jayson soon joined his ex-staffer, and their company, Plastic, which later became known as Razorfish, San Francisco. Under the tutelage of human factors experts such as David Small (MIT Media Lab), Jayson became the first information architect in the San Francisco office, and one of the first professionals in the industry to hold that title. His career has included IA and User Experience positions with IBM, Walt Disney Parks & Resorts and LifeCare. Jayson has worked on some of the world’s most recognized brands, including Sega, Charles Schwab, Fireman’s Fund, Medtronic, eBay, Freightliner and Sony Pictures.
  5. Representative output: User scenario Site map Wireframe Navigational Flow Usability Test Report 508 (ADA) Audit Digital Scorecard
  6. Process Strategy / Planning User Experience Creative Content Strategy Development Account
  7. UX / Creative Process
  8. UX / Creative Process
  9. UX / Creative Process
  10. UX / Creative Process
  11. Example Deliverables
  12. User Scenarios
  13.  
  14.  
  15. User Scenario - Nokia
  16. Value Exchange
  17. THE VALUE EXCHANGE OVER TIME Content Ads
  18. THE VALUE EXCHANGE OVER TIME Content Ads
  19. THE VALUE EXCHANGE OVER TIME Save Profile [email_address] .com .com .com .com .com .com
  20. THE VALUE EXCHANGE OVER TIME
  21. VALUE EXHANGE OVER TIME iDiscovery
  22. Site maps
  23.  
  24. Block diagram wireframe
  25.  
  26. Detailed wireframes
  27.  
  28.  
  29. Navigation Flows
  30.  
  31.  
  32. Others
  33. Card Sort
  34. Prototype - ExciteXtreme
  35. 508 Compliance Audit
  36. Digital Scorecard
  37. User Experience
    • Case Study: Xerox PARC
    • John Seely Brown was asked to assemble a CD-ROM for copier repairmen
    • Chose not to start with the solution
    • Talked with managers
    • Shadowed workers
    • Learned about recent changes
    Useful
    • Findings
    • Complexity of copiers meant documentation was never complete
    • Taylorist changes had discouraged excessive coffee breaks with coworkers
    • Field workers lacked timely information
    • Documentation unwieldy and out of date
    • CD-ROM would be more portable, but still out of date
    • Solution
    • Increased communication
    • Coffee rendezvous reinstated
    • Two-way group radios
    • Eventually led to Xerox Eureka
  38. Usable Much more on that later...
  39. Delight
  40. Delight
  41. Findable
  42. Accessible
  43. Building crediblity
    • Make it easy to verify the accuracy of information
    • Show the real organization behind the site
    • Highlight the expertise in the organization
    • Show that honest and trustworthy people stand behind your site
    • Make it easy to contact you
    • Use professional design
    • Make your site easy to use and useful
    • Update your site’s content often
    • Use restraint with promotional content (ads, offers, etc.)
    • Avoid errors of all types, no matter how small they seem
    Fogg, B.J. (May 2002). "Stanford Guidelines for Web Credibility.". http://credibility.stanford.edu/guidelines/
  44. Usability Heuristics
    • Visibility of system status
    • Match between system and the real world
    • User control and freedom
    • Consistency and standards
    • Error prevention
    • Recognition rather than recall
    • Flexibility and efficiency of use
    • Aesthetic and minimalist design
    • Help users recognize, diagnose, and recover from errors
    • Help and documentation
    GUIs 1994 - Jakob Nielsen Websites 1997 - Keith Instone Rich Internet Applications 2003 - Jess McMullin & Grant Skinner
  45. “Intuitive” interfaces
  46. “Intuitive” interfaces
  47.  
  48. INTUITIVE
  49. FAMILIAR
  50. Testing
  51. Usability Testing
  52. Designing for People
    • Bell Labs
    • Henry Dreyfuss
  53. Designing for People
    • Bell Labs
    • Henry Dreyfuss
  54. The Constitution
    • Dreyfuss prototyped 8 complete staterooms
          • Brought in “travelers” to
            • Unpack
            • Stay in rooms
            • Pack for home
  55. 1955
    • “Research in itself can be treacherous and misleading. Often people give answers they think the questioners want to hear or that they believe make them appear connoisseurs or scholarly thinkers.”
  56. ( ) 212 555 1212 Ladislav Sutnar
  57. Logical navigation aids
  58. Napoleon’s march on Moscow
  59. Napoleon’s march on Moscow
  60. Metaphorical, but obscuring
  61. Metaphorical, but obscuring
  62. The same data, by Tufte
  63. Paul M. Fitts
  64. Fitts’s Law MT = a + b log2(2A/W) MT = movement time a,b = regression coefficients A = distance from start to target center W = width of the target
  65. Fitts’s Law The time to acquire a target is a function of the distance to and size of the target
  66. Hick’s Law
  67. Hick’s Law The time to acquire a target from a group of choices is a function of the number of choices presented
  68. Applying Fitts Longer links are easier to click than short ones Large text fields are easier to enter than small ones Large buttons are easier to hit than small
  69. Applying Hick Larger lists are more time-consuming Tightly-packed choices are harder to select BUT Groupings that make sense to the user can offset Hick’s law
  70. Scent of Information
    • The scent of information keeps users on the trail
    • Users look for trigger words - phrases associated with what they are seeking
    • Users resort to search only when their trigger words aren’t present - then they use those trigger words in their search
    • Each click should lead to a screen containing the trigger words from the link they clicked
    • Scent is about confidence. When users lose confidence, it is because the scent is weak
  71. Fitts, Hick, and the Scent of Information
    • Smaller targets are harder to hit
    • Multiple targets take longer to hit
    • Avoid hierarchical menus
      • “ Neck” of menu = separate Fitt’s target
    • Don’t make user scroll to find buttons
      • Use multiple copies of Next buttons, etc
    • Reduce each task’s steps only when appropriate
    • “It depends,” There are no absolutes, always consider the user
    • Jackie – 55 years old
    • Jackie is exposed to the Medco name in multiple locations
    Age 55 Medco Booth Direct Mail (postal) medco health. com Trigger-ed Email Doctor Visit medco health. com Mail Order Email Work poster Print ads
    • She receives an offer in the mail for a personalized Rx report.
    • The offer directs her to medcohealth.com.
    Age 55 Medco Booth Direct Mail (postal) medco health. com Trigger-ed Email Doctor Visit medco health. com Mail Order Email Work poster Print ads
    • The offer is featured on medcohealth.com.
    • She registers in order to receive her personalized report.
    • She opts in to allow Medco to email her.
    Personal Rx Report (online) Personal report shows how she can save money on her diabetes medication. Age 55 Medco Booth Direct Mail (postal) medco health. com Trigger-ed Email Doctor Visit medco health. com Mail Order Email Work poster Print ads
    • Based on her Rx report, an email is sent about a generic alternative to the medication she is taking for her diabetes.
    Medco Booth Direct Mail (postal) medco health. com Trigger-ed Email Doctor Visit medco health. com Mail Order Email Work poster Print ads Age 55
    • Jackie speaks to her doctor about the new medication.
    • He determines that it is right for her, and prescribes it.
    Age 55 Medco Booth Direct Mail (postal) medco health. com Trigger-ed Email Doctor Visit medco health. com Mail Order Email Work poster Print ads
    • Switching to a new medication makes Jackie think about how she has been getting her prescriptions so far.
    • She visits medcohealth.com to check prices, and uses the Click to Call feature to have a specialist pharmacist contact her.
    • She chooses to have the new prescription sent by mail order.
    Medco Booth Direct Mail (postal) medco health. com Trigger-ed Email Doctor Visit medco health. com Mail Order Email Work poster Print ads Click to Call (out-bound) Age 55
    • Her first order arrives by mail, with a welcoming insert.
    • A thank you email also arrives, with highlighted benefits of her new mail order service.
    Medco Booth Direct Mail (postal) medco health. com Trigger-ed Email Doctor Visit medco health. com Mail Order Email Work poster Print ads Age 55
  72. Jackie – 58 years old
    • Jackie has been using Medco for three years and has received regular reports and communications over that time.
    Email Direct Mail (postal) medco health. com Doctor Visit medco health. com Age 58
    • Her diabetes is now complicated by the need for medication to control her cholesterol.
    • She visits medcohealth.com to learn about her choices before speaking with her doctor.
    Email Direct Mail (postal) medco health. com Doctor Visit medco health. com Age 58
    • Jackie speaks to her doctor about the medications available, and chooses based on his advice and the knowledge she has gained from Medco.
    Email Direct Mail (postal) medco health. com Doctor Visit medco health. com Age 58
    • With two medications coming regularly from Medco, she begins to pay more attention to the tools available to her.
    Email Direct Mail (postal) medco health. com Doctor Visit medco health. com Age 58
    • As she becomes more familiar with medcohealth.com, she sees how some of the information could help her friend Sally, who is recovering from breast cancer.
    • Jackie uses tools on medcohealth.com to share the information she finds about breast cancer.
    Age 58 Email Direct Mail (postal) medco health. com Doctor Visit medco health. com
    • Once Sally begins exploring the medical and wellness information on medcohealth.com, she finds things that she thinks Jackie should know about.
    Email Direct Mail (postal) medco health. com Doctor Visit medco health. com medco health. com Age 58
    • Jackie and Sally continue sharing news and articles from Medco with each other, as well as some of their other friends.
    Age 58 Email Direct Mail (postal) medco health. com Doctor Visit medco health. com medco health. com
  73. Jackie – 63 years old
    • Medco has become a valuable partner to Jackie.
    • She maintains her drug history on medcohealth.com, uses it to help her at tax time, and trusts it as a source of timely information about her Rx needs.
    • The site has personalized itself to her over the years so that she feels it has become “hers.”
    Age 63 medco health. com Direct Mail Out-bound Telemar-keting
    • This year, her annual Rx checkup report is delivered inside a brochure that helps her prepare for her Medicare options.
    Age 63 medco health. com Direct Mail Out-bound Telemar-keting
    • She receives a service phone call from Medco to tell her about Medco Part D, now that she has reached that age.
    Age 63 medco health. com Direct Mail Out-bound Telemar-keting
    • Because she has built a relationship with Medco, it is an easy decision to use Medco for her Part D.
    Age 63 medco health. com Direct Mail Out-bound Telemar-keting
  74. Bill – 63 years old
    • Bill already has Medco as part of his plan but is unaware of the fact.
    Direct Mail (postal) Print Adver-tising Online Adver-tising medco health. com medco health. com Insur-ance Card
    • He receives a brochure in the mail about Medco Part D.
    • It is relevant to him because he will be retiring soon, but he doesn’t act immediately on the brochure.
    Direct Mail (postal) Print Adver-tising Online Adver-tising medco health. com medco health. com Insur-ance Card
    • Bill is active about his health and wellness, and subscribes to Prevention magazine.
    • He sees an ad in the magazine touting the benefits of taking control of his health with Medco as a partner.
    Direct Mail (postal) Print Adver-tising Online Adver-tising medco health. com medco health. com Insur-ance Card
    • Some days later, Bill notices the Medco name on his insurance card.
    • He recognizes it as one he has seen before.
    Direct Mail (postal) Print Adver-tising Online Adver-tising medco health. com medco health. com Insur-ance Card
    • On the weekend, Bill is searching Google for information about Medicare.
    • A paid search ad for Medco appears. He feels familiar with the name and clicks the ad to learn more.
    Direct Mail (postal) Print Adver-tising Online Adver-tising medco health. com medco health. com Insur-ance Card
    • The link takes him to medcohealth.com, where Medco Part D is highlighted, based on the ad he arrived from.
    • Clicking the Medco Part D link takes him into the relevant area of a tour of medcohealth.com.
    Direct Mail (postal) Print Adver-tising Online Adver-tising medco health. com medco health. com Insur-ance Card
    • After learning about Medco Part D, he continues through the tour, where he learns about the Rx expense report tool.
    • He decides it would be useful, and registers in order to get his own report.
    Direct Mail (postal) Print Adver-tising Online Adver-tising medco health. com medco health. com Insur-ance Card

+ jaysonelliotjaysonelliot, 2 years ago

custom

1477 views, 8 favs, 2 embeds more stats

More info about this document

© All Rights Reserved

Go to text version

  • Total Views 1477
    • 1442 on SlideShare
    • 35 from embeds
  • Comments 1
  • Favorites 8
  • Downloads 0
Most viewed embeds
  • 31 views on http://jaysonelliot.com
  • 4 views on http://www.jaysonelliot.com

more

All embeds
  • 31 views on http://jaysonelliot.com
  • 4 views on http://www.jaysonelliot.com

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories