Your SlideShare is downloading. ×
Creating the Best Experience: Accessibility & Usability
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Creating the Best Experience: Accessibility & Usability

922
views

Published on

Presented to the Cleveland WPF User Group on September 20, 2011. …

Presented to the Cleveland WPF User Group on September 20, 2011.

This presentation introduces the concepts of usability and accessibility and provides methods and tools to help create great experiences for users.

Published in: Technology, Design

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
922
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
26
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • A measure of the degree to which a product can be used by specified users or groups to achieve specific goals of effectiveness, efficiency, and satisfaction in a specified context of use- U BoK
  • frequency, importance, complexityPrioritiesCurrent process
  • Un-Moderated, Simple SoftwareUserlyticsLoop 11UserZoomChalkMarkModerated, Simple SoftwareGoToMeetingSkypeMoraeSilverbackModerated, Complex SoftwareKeynote*Incomplete list with subjective ratings
  • Transcript

    • 1. WPF
      September 20, 2011
      Creating the Best Experience: Accessibility & UsabilityPresented by Carol Smith
    • 2. Designing for Everyone is Impossible
    • 3. Who will use your product?What do they need to do?
    • 4. Understand User’s Experience
    • 5. User’s Experience
      Interaction with a product, service, or company
      Functional
      Emotional
      Sensorial
      Social
    • 6. Functional
      Able to complete task
      Find information
      Submit form
      Contact someone
      Purchase item
    • 7. Sensorial
      Visual
      Layout
      Colors
      Images
      Auditory
      Video
      Music
      Ads
    • 8. Emotional
      Bring their life with them
      Interface
      Conveys ideas and emotions
      Sets the tone
    • 9. Social
      Interactions with other people
      Social networking
      Help features
      Chat
    • 10. Where They Overlap...

      Experience
      X
      Functional
      Emotional
      Sensorial
      Social
    • 11. Usabilityis an important characteristicof what makes a good User Experience
    • 12. Minimize Human Cost
      Tiredness
      Discomfort
      Embarrassment
      Frustration
      Effort
    • 13. Benefits of Good User Experience
      Increased Usefulness
      Increased Efficiency ($$$)
      Improved Productivity
    • 14. Benefits (continued)
      Fewer Errors
      Reduced Training Time
      Improved Acceptance
      Happy Users!
    • 15. Where do I start?
    • 16. Who are your users?
    • 17. Same Job Title, May Differ in…
    • 18. Which Student?
      Rick
      Connie
      http://www.flickr.com/photos/mrjkbh/via http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en
      http://www.flickr.com/photos/caharley72/ (Christopher Alison Photography) via http://creativecommons.org/licenses/by-nc-nd/2.0/
    • 19. Small,Iterative Steps
    • 20. Interview the Experts
      Customer Service
      Marketing (Web statistics)
      Training
      Sales/Business development
    • 21. Who Are the Users?
      How many are there?
      Common complaints?
      Most important/frequent tasks?
      Show stoppers?
      Understand:
      Assumptions and stereotypes
      Differences between users
    • 22. About Them
      Environment
      Experience Level, Knowledge
      Technology
      Define Primary & Secondary Users
    • 23. Make User Groups
      Loosely defined at first
      Determine what differentiates them
    • 24. Share What You Learn
    • 25. Personas
      Help guide decisions about:
      Navigation
      Features
      Design
      Archetype, based on research
    • 26. Anthony Johnson
      “I need help keeping track of all of the assets for each of my projects.”
      • Anthony (Tony) is 29and lives in Centreville, VA in a large apartment complex. He drives a Prius which allows him to use special lanes on the highway and speeds up his commute (still takes about 40 minutes). His girlfriend works for the federal government in Washington, DC.
      • 27. He was never interested in teaching, but wants to improve the educational system. When he saw a job opening at an educational company he felt it would be a great opportunity to do just that.
      • 28. Despite the frustrations, Tony feels his company is great to work for and the benefits can’t be beat. He isn’t sure what is next for his career.
    • Task Analysis
      Example of a Task Analysis by Todd Zaki Warfel from his Agile2010 presentation "Opening the Kimono a look behind the design process."
    • 29. Gap Analysis
    • 30. Are We Confident?
    • 31.
    • 32. Confirm Assumptions
      Representative users who DO the tasks.
      Visionaries, leaders, perhaps.
    • 33. Observations
    • 34. Interviews
    • 35. 34
      Card Sorting
      http://www.flickr.com/photos/rosenfeldmedia/ via http://creativecommons.org/licenses/by-nc-sa/2.0/
    • 36. Observations
    • 37. Go to the user
      36
    • 38. Why Observe?
      Great way to understand your user’s situation
      “Cheat sheets” and other artifacts
      Real processes
      Number and type of interruptions
      Who are they?
    • 39. http://www.flickr.com/photos/heygabe/ via http://creativecommons.org/licenses/by-nc-sa/2.0/
      Actual Photo: http://www.flickr.com/photos/heygabe/47206241/
    • 40. Interviews
    • 41. Interview to Discover/Confirm…
      Build on what you’ve learned:
      Tasks
      Attitudes and Opinions
      Problems
      Goals
      Experience level and knowledge
      Technology
      40
    • 42. Use Scripts
      Memory tool for facilitator
      Don’t have to follow
      Promote consistency
      Questions
      Order of questions
    • 43. Questions
      Quality of questions correlates to quality of answers:
      Open-ended
      Unbiased
      Don’t lead or make assumptions
      Use participant’s words
    • 44. Silence is GoldenUser’s Time to Think!
      43
    • 45. Card Sorting
    • 46. Card Sorting
      Maximize probability of users finding content
      Explore how people are likely to group items
      Identify content likely to be:
      Difficult to categorize
      Difficult to find
      Misunderstood
      Gaffney, Gerry. (2000) What is Card Sorting? Usability Techniques Series, Information & Design. http://www.infodesign.com.au/usabilityresources/design/cardsorting.asp
      Image: http://www.flickr.com/photos/richtpt via http://creativecommons.org/licenses/by-nc-sa/2.0/
    • 47. Benefits of Card Sorting
      Easy and inexpensive
      Use to determine:
      Order of information
      Relationships between info
      Labels for navigation
      Verify correct audience
      Gaffney, Gerry. (2000) What is Card Sorting? Usability Techniques Series, Information & Design.
      Image: http://www.infodesign.com.au/usabilityresources/design/cardsorting.asp
    • 48. Online Tools
      Moderated
      Un-moderated
      Optimal Sort, Optimal Workshop - http://www.optimalworkshop.com/
      Demo: https://livedemo.optimalworkshop.com/optimalsort/supermarketdemo
    • 49. Usability Testing
    • 50. Do I need a lab?
      Computer / Concept
      Participant
      Facilitator
      Observer
      Timer
      Logger
      Rubin, Jeffrey. Handbook of Usability Testing. John Wiley & Sons, Inc.; 1994.
    • 51. Software*
      Simple
      Un-Moderated
      Moderated
      Complex
      *Incomplete list with subjective ratings
    • 52. "The biggest waste of all is building something no one wants"
      - @ericries #LeanStartupMI via @MelBugai
    • 53. Break Time!
    • 54. Accessibility
    • 55. Overview of Terminology
      Disability
      any condition that impedes the completion of daily tasks using traditional methods (Wikipedia)
      “People with Disabilities”
      Not “disabled” or “handicapped”
    • 56. What is Accessibility?
      Accessibility is designing products so that people can use them regardless of disability or environment.
    • 57. Everyone can…
      Perceive
      Understand
      Navigate
      Interact
      Create & Contribute effectively
    • 58. Disabilities vary by…
      Time of Onset
      Course of the disability
      Degree of Severity
      Single or Multiple Disabilities
    • 59. Disabilities Vary
      Visual
      Blindness
      forgot glasses
      Auditory
      Physical
      Speech
      Cognitive
      Neurological
      Language
      Literacy
    • 60. Environmental Factors
      Imposed limiting conditions include:
      Manufacturing system – loud warehouse
      Wireless device – on public transportation
      Slow internet connection
    • 61. Accessible and Usable by Everyone
      Universally Accessible Packaging
      Curb Cuts
      Curb Cut Image http://4sbccfaculty.org/lecture/2000s/lectures/Jan_Shapiro.html
    • 62. Usability & Accessibility
      Increase
      people who can effectively use a product
      situations in which the product can be used
      usability of a product
      user satisfaction
      Estimated 650 million disabled people worldwide (Wikipedia)
      http://en.wikipedia.org/wiki/Disability - September 2011
    • 63. Benefits to Organizations
      Demonstrate corporate responsibility
      Cost savings and return on investment
      Reduced possibility of legal issues
      Target
      Jet Blue
    • 64. Getting Started
      Institutionalize Accessibility with Usability
      Plan for inclusion in all levels
      Support developers and discuss accessibility with your team
      Standards, guidelines and laws
      Inspection technology
    • 65. Research
      Include people
      with disabilities
      People working under limiting conditions
    • 66. Standards
      Web Content Accessibility Guidelines (WCAG)
      Authoring Tool Accessibility Guidelines (ATAG)
      Section 508 in USA
    • 67. Evaluating for Accessibility
      Make code good and valid
      Clear, understandable, content
      Organized information
    • 68. Become Familiar with
      Functional and situational limitations
      Standards, guidelines and laws
      Inspection technology
      Assistive Technologies
    • 69. Accessible, Usable and Beautiful
      Accessible and visually stimulating
    • 70. Wrap Up
    • 71. Do UX Early & Often
      Put it on the Wall as information radiators
      Test findings
      Artifacts
      Competitor info
      Update information
    • 72. Recommended Readings
    • 73. References
      Cato, John. User-Centered Web Design. Addison Wesley Longman; 2001.
      Hackos, JoAnn T., PhD and Redish, Janice C. User and Task Analysis for Interface Design. Wiley; 1998.
      Henry, Shawn Lawton. Just Ask: Integrating Accessibility Throughout Design.
      Henry, S.L. and Grossnickle, M. Accessibility in the User-Centered Design Process. Georgia Tech Research Corporation, Inc; Atlanta, Georgia, USA; 2004. http://uiaccess.com/accessucd/personas.html
      Kuniavsky, Mike. Observing the User Experience: a Practitioner's Guide to User Research. Morgan Kaufmann, 2003.
      Mandel, Theo. The Elements of User Interface Design. Wiley; 1997.
      Nielsen, Jakob and Robert L. Mack. Usability Inspection Methods. John Wiley & Sons, Inc. 1994.
      Powell, Thomas A. The Complete Reference: Web Design. Osborne/McGraw-Hill; 2000.
      Rubin, Jeffrey & Dana Chisnell. Handbook of Usability Testing.
      Schaffer, Eric. Institutionalization of Usability: A Step by Step Guide. Human Factors International, 2004.
      Slatin, John M. and Sharron Rush Maximum Accessibility: Making Your Web Site More Usable for Everyone. Addison-Wesley Pub Co., 2002.
      W3C, Web Accessibility Initiative - http://www.w3.org/WAI/intro/accessibility
    • 74. References (cont)
    • 75. Contact
      Carol J. Smith
      @carologic
      carol@mw-research.com
      http://www.mw-research.com