SlideShare a Scribd company logo
Essential User Experience Skills forTechnical CommunicatorsSummit 2010 • May 5, 20101Yina LiTechnical WriterHorizon SoftwareWill SansburyInteraction DesignerPracticeWorks SystemsRachel PetersSr. Analyst, UXThe Home Depot
Card SortingHeuristic EvaluationUsability Testing
What isuser-centereddesign?
User-centered design is an approach to design that grounds the process in information about the people who will use the product.What is User-Centered Design? Usability Professionals Associationhttp://www.upassoc.org/usability_resources/about_usability/what_is_ucd.html
User-centered design looks like this.
User-centered designis common sense.Phase 1: AnalysisHow would you like your hair cut?Phase 2: DesignSnip, snip.Phase 3: EvaluationHere’s a mirror. What do you think?Phase 4: Deployment Have a great day!Image by malias (flickr)
Essential Skill #1Card Sorting
What aisle is hot dog chili on?
With the hot dog buns?
Chili’s kind of like a soup…
Chili has beans…
Nah, that’s too easy!
Is hot dog chili a condiment?
Card Sorting 101: It’s easy and fun.
eventsscholarshipabout the local chapterconference informationjob listingscompetitions
Typical card sort instructionsHow would you organize the STC Atlanta site?Group the cards into categories.Is something missing? Use a blank card to add it.Something doesn’t belong? Put the card aside.Card belongs in more than one group? Be creative.Label the categoriesUse a blank card to name each category.Category names are up to you.
Card sorts reveal patterns (usually).
What’s your goal?Card sorts aren’t just for designing menus or tables of content.
What are these?My wordsflowersdaisiespetalsspringpurplepinkgreenyellowhappyprettyphotoPhotographer’s wordsfarmers marketflowerssan franciscocaliforniacannonoutstanding shotsYour words?Image by Flickr userSwami Stream
Classification is ultimately an imperfect and messy undertaking; don’t let yourself get caught up in the false goal of getting it “right.”Donna Spencer, Card Sorting: Designing Usable Categories
Classification ≠ Findability
Everything you want to know…Card Sorting: Designing Usable CategoriesDonna SpencerAvailable from Rosenfeld Media: http://www.rosenfeldmedia.com/books/cardsorting/
Essential Skill #2Heuristic Evaluation
24
How do you counter bubble bursters?25
Heuristic evaluation involves having a small set of evaluators examine the interface and judge its compliance with recognized usability principles.—Jakob NielsenNielsen’s heuristics for user interface designhttp://www.useit.com/papers/heuristic/heuristic_list.htmlNielsen’s heuristics for user interface designhttp://www.useit.com/papers/heuristic/heuristic_list.html26
Recognized by whom?27
Louis Rosenfeld’s Heuristics for IAAccommodate behaviors of repeat users who know what they’re looking for.Labels and headings should be clear and meaningful.Provide clear calls-to-action for what a user might want to do next.Complete list available on Lou’s blog at http://louisrosenfeld.com/home/bloug_archive/000286.html28
29
Heuristics…ground your feedback in industry best practices.lend the voices of experts to your cause.give you a means of structuring your feedback in a consistent, digestible format.30
Narrative report31
Visual report32
A common misperception of the evaluation of content quality is that its scope is limited to the correction of typos and grammatical errors.—Colleen JonesFounder, Content ScienceJones’ heuristics for content http://uxmatters.com/mt/archives/2009/04/toward-content-quality.php33
Colleen Jones’ Heuristics for ContentUsefulness & RelevanceDoes the content meet user needs, goals, and interests?Does the content meet business goals?For how long will the content be useful? When should it expire?Has its usefulness already expired?Is the content timely and relevant?Clarity & AccuracyIs the content understandable to customers?Is the content organized logically and coherently?Is the content correct?Does the content contain factual errors, typos, or grammatical errors?Do images, video, and audio meet technical standards, so they are clear?34Jones’ heuristics for content http://uxmatters.com/mt/archives/2009/04/toward-content-quality.php
http://www.youtube.com/watch?v=47LCLoidJh4
Essential Skill #3Usability Testing
What is usability testing?
Image by Seattle Miles - http://www.flickr.com/photos/denemiles/3970279665/Time to explore!38
Is this your first Summit?
Your local chapter won the Award of Distinction this year. You would like to go to the Award Banquet. Find out what you need to do to attend.
What did we learn?
How to run a usability test?Define your goalsCreate the testFind peopleRun the testAnalyze the resultsReport the findings
You do not have to be perfect.
Still interested? 44STC Usability SIG:  http://www.stcsig.org/usabilityUsability Professionals’ Associationhttp://www.usabilityprofessionals.org/SIG CHI of ACMhttp://www.sigchi.org/IxDAhttp://www.ixda.org/Jakob Nielsen’s Alert Boxhttp://www.useit.com/UX Mattershttp://www.uxmatters.com/
Any questions?Rachel PetersSr. Analyst, User ExperienceThe Home DepotWill SansburyInteraction DesignerPracticeWorks Systems, LLCYina LiTechnical WriterHorizon Software International

More Related Content

PPTX
Essential User Experience Skills
PPTX
What is UX v2
PDF
Heuristics — The Holy Grail of UX
PDF
Intro to User eXperience
PDF
UXPA DC UX 101 - User Research
PDF
Guided Selling - An Introduction and User Study Results
PDF
UX Research - Overview
PPTX
ResearchOps Berlin Meetup #2 - UX Maturity - How to Grow User Research in you...
Essential User Experience Skills
What is UX v2
Heuristics — The Holy Grail of UX
Intro to User eXperience
UXPA DC UX 101 - User Research
Guided Selling - An Introduction and User Study Results
UX Research - Overview
ResearchOps Berlin Meetup #2 - UX Maturity - How to Grow User Research in you...

What's hot (20)

PDF
Understanding Your Audiences | UX Research
PPT
World Usability day: Bridging Research-Practice Gap
PPTX
Mixed Methods Research in the Age of Big Data: A Primer for UX Researchers
PPT
UXPA International 2013 The Note-Taker's Perspective
PDF
Information Architecture Heuristics
PPTX
Preference and Desirability Testing: Measuring Emotional Response to Guide De...
PPT
Conducting Usability Research with a Team of One [Revised: October 2009]
PPT
Website Usability
PDF
Measuring Visual Attentiveness: Eye Tracking on Wearable Devices
PDF
Designing the Next Generation of Search User Experience - Duane Degler and Li...
PDF
User Interface and User Experience - A Process and Strategy for Small Teams
PDF
UX Designer's Toolkit - to design a better world
PDF
The perfect ux designer toolkit
PPTX
#flashtest: User Research Live
PPTX
Remote Fieldwork: How observational studies elevated usability at AutoTrader.com
PPTX
Importance of the Usability of a website
PPTX
Choosing the Right Research Methods for Your Project (webinar)
PPTX
UXPA DC Redux 2013 Notetaker Perspective 10-25-2013.ppt
PPT
Usability Testing Basics: Remote and In-Person Studies
PPTX
Ux Overview
Understanding Your Audiences | UX Research
World Usability day: Bridging Research-Practice Gap
Mixed Methods Research in the Age of Big Data: A Primer for UX Researchers
UXPA International 2013 The Note-Taker's Perspective
Information Architecture Heuristics
Preference and Desirability Testing: Measuring Emotional Response to Guide De...
Conducting Usability Research with a Team of One [Revised: October 2009]
Website Usability
Measuring Visual Attentiveness: Eye Tracking on Wearable Devices
Designing the Next Generation of Search User Experience - Duane Degler and Li...
User Interface and User Experience - A Process and Strategy for Small Teams
UX Designer's Toolkit - to design a better world
The perfect ux designer toolkit
#flashtest: User Research Live
Remote Fieldwork: How observational studies elevated usability at AutoTrader.com
Importance of the Usability of a website
Choosing the Right Research Methods for Your Project (webinar)
UXPA DC Redux 2013 Notetaker Perspective 10-25-2013.ppt
Usability Testing Basics: Remote and In-Person Studies
Ux Overview
Ad

Similar to Essential UX Skills for Technical Communicators (STC Summit 2010) (20)

PDF
UXPABOS2013_FABRIZI
PDF
User Experience Design: an Overview
PPTX
User eXperience insights
PDF
Website Usability | Day 1
PPTX
Try It! Learn to Improve Guides and Websites Using Design Research Methods
PDF
Content Strategy and User Experience: Combination in Practice
PDF
Ux gsg
PPTX
User Testing your Drupal Administration Process
PDF
NYU Web Intensive - Week 3 Class 1
PDF
Why Can't We All Just Get Along?
PDF
UX Principles and Process
PPTX
Newbie UX: Something I learned about UX (Business vs Design)
PDF
User-Centered Design in IT: the Low-Hanging Fruit
PPTX
Users are Losers! They’ll Like Whatever we Make! and Other Fallacies.
PPTX
Getting Started with User Research - Stir Trek 2011
PPTX
Heuristic Evaluation in Reverse for UX Improvement
PPTX
Creating the Best Experience: Accessibility & Usability
PDF
Heuristics Evaluation - How to Guide.pdf
PDF
Heuristics Evaluation - How to Guide.pdf
PPTX
User Experience from a Business Perspective
UXPABOS2013_FABRIZI
User Experience Design: an Overview
User eXperience insights
Website Usability | Day 1
Try It! Learn to Improve Guides and Websites Using Design Research Methods
Content Strategy and User Experience: Combination in Practice
Ux gsg
User Testing your Drupal Administration Process
NYU Web Intensive - Week 3 Class 1
Why Can't We All Just Get Along?
UX Principles and Process
Newbie UX: Something I learned about UX (Business vs Design)
User-Centered Design in IT: the Low-Hanging Fruit
Users are Losers! They’ll Like Whatever we Make! and Other Fallacies.
Getting Started with User Research - Stir Trek 2011
Heuristic Evaluation in Reverse for UX Improvement
Creating the Best Experience: Accessibility & Usability
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
User Experience from a Business Perspective
Ad

Recently uploaded (20)

PDF
Heart disease approach using modified random forest and particle swarm optimi...
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
Encapsulation theory and applications.pdf
PPTX
Tartificialntelligence_presentation.pptx
PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
PDF
Approach and Philosophy of On baking technology
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
project resource management chapter-09.pdf
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
1 - Historical Antecedents, Social Consideration.pdf
PPTX
1. Introduction to Computer Programming.pptx
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
Getting Started with Data Integration: FME Form 101
PPTX
Programs and apps: productivity, graphics, security and other tools
PPTX
OMC Textile Division Presentation 2021.pptx
Heart disease approach using modified random forest and particle swarm optimi...
Group 1 Presentation -Planning and Decision Making .pptx
Encapsulation theory and applications.pdf
Tartificialntelligence_presentation.pptx
Enhancing emotion recognition model for a student engagement use case through...
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
NewMind AI Weekly Chronicles - August'25-Week II
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
Approach and Philosophy of On baking technology
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Building Integrated photovoltaic BIPV_UPV.pdf
project resource management chapter-09.pdf
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
1 - Historical Antecedents, Social Consideration.pdf
1. Introduction to Computer Programming.pptx
Zenith AI: Advanced Artificial Intelligence
Getting Started with Data Integration: FME Form 101
Programs and apps: productivity, graphics, security and other tools
OMC Textile Division Presentation 2021.pptx

Essential UX Skills for Technical Communicators (STC Summit 2010)

  • 1. Essential User Experience Skills forTechnical CommunicatorsSummit 2010 • May 5, 20101Yina LiTechnical WriterHorizon SoftwareWill SansburyInteraction DesignerPracticeWorks SystemsRachel PetersSr. Analyst, UXThe Home Depot
  • 4. User-centered design is an approach to design that grounds the process in information about the people who will use the product.What is User-Centered Design? Usability Professionals Associationhttp://www.upassoc.org/usability_resources/about_usability/what_is_ucd.html
  • 6. User-centered designis common sense.Phase 1: AnalysisHow would you like your hair cut?Phase 2: DesignSnip, snip.Phase 3: EvaluationHere’s a mirror. What do you think?Phase 4: Deployment Have a great day!Image by malias (flickr)
  • 8. What aisle is hot dog chili on?
  • 9. With the hot dog buns?
  • 10. Chili’s kind of like a soup…
  • 13. Is hot dog chili a condiment?
  • 14. Card Sorting 101: It’s easy and fun.
  • 15. eventsscholarshipabout the local chapterconference informationjob listingscompetitions
  • 16. Typical card sort instructionsHow would you organize the STC Atlanta site?Group the cards into categories.Is something missing? Use a blank card to add it.Something doesn’t belong? Put the card aside.Card belongs in more than one group? Be creative.Label the categoriesUse a blank card to name each category.Category names are up to you.
  • 17. Card sorts reveal patterns (usually).
  • 18. What’s your goal?Card sorts aren’t just for designing menus or tables of content.
  • 19. What are these?My wordsflowersdaisiespetalsspringpurplepinkgreenyellowhappyprettyphotoPhotographer’s wordsfarmers marketflowerssan franciscocaliforniacannonoutstanding shotsYour words?Image by Flickr userSwami Stream
  • 20. Classification is ultimately an imperfect and messy undertaking; don’t let yourself get caught up in the false goal of getting it “right.”Donna Spencer, Card Sorting: Designing Usable Categories
  • 22. Everything you want to know…Card Sorting: Designing Usable CategoriesDonna SpencerAvailable from Rosenfeld Media: http://www.rosenfeldmedia.com/books/cardsorting/
  • 24. 24
  • 25. How do you counter bubble bursters?25
  • 26. Heuristic evaluation involves having a small set of evaluators examine the interface and judge its compliance with recognized usability principles.—Jakob NielsenNielsen’s heuristics for user interface designhttp://www.useit.com/papers/heuristic/heuristic_list.htmlNielsen’s heuristics for user interface designhttp://www.useit.com/papers/heuristic/heuristic_list.html26
  • 28. Louis Rosenfeld’s Heuristics for IAAccommodate behaviors of repeat users who know what they’re looking for.Labels and headings should be clear and meaningful.Provide clear calls-to-action for what a user might want to do next.Complete list available on Lou’s blog at http://louisrosenfeld.com/home/bloug_archive/000286.html28
  • 29. 29
  • 30. Heuristics…ground your feedback in industry best practices.lend the voices of experts to your cause.give you a means of structuring your feedback in a consistent, digestible format.30
  • 33. A common misperception of the evaluation of content quality is that its scope is limited to the correction of typos and grammatical errors.—Colleen JonesFounder, Content ScienceJones’ heuristics for content http://uxmatters.com/mt/archives/2009/04/toward-content-quality.php33
  • 34. Colleen Jones’ Heuristics for ContentUsefulness & RelevanceDoes the content meet user needs, goals, and interests?Does the content meet business goals?For how long will the content be useful? When should it expire?Has its usefulness already expired?Is the content timely and relevant?Clarity & AccuracyIs the content understandable to customers?Is the content organized logically and coherently?Is the content correct?Does the content contain factual errors, typos, or grammatical errors?Do images, video, and audio meet technical standards, so they are clear?34Jones’ heuristics for content http://uxmatters.com/mt/archives/2009/04/toward-content-quality.php
  • 37. What is usability testing?
  • 38. Image by Seattle Miles - http://www.flickr.com/photos/denemiles/3970279665/Time to explore!38
  • 39. Is this your first Summit?
  • 40. Your local chapter won the Award of Distinction this year. You would like to go to the Award Banquet. Find out what you need to do to attend.
  • 41. What did we learn?
  • 42. How to run a usability test?Define your goalsCreate the testFind peopleRun the testAnalyze the resultsReport the findings
  • 43. You do not have to be perfect.
  • 44. Still interested? 44STC Usability SIG: http://www.stcsig.org/usabilityUsability Professionals’ Associationhttp://www.usabilityprofessionals.org/SIG CHI of ACMhttp://www.sigchi.org/IxDAhttp://www.ixda.org/Jakob Nielsen’s Alert Boxhttp://www.useit.com/UX Mattershttp://www.uxmatters.com/
  • 45. Any questions?Rachel PetersSr. Analyst, User ExperienceThe Home DepotWill SansburyInteraction DesignerPracticeWorks Systems, LLCYina LiTechnical WriterHorizon Software International

Editor's Notes

  • #9: Take a grocery store for example... (next slide) What aisle is hot dog chili on?Every product has a can of hot dog chili. It's that topic that doesn't really fit in any of the user guide's chapters (or maybe it fits in multiple chapters). So where should you put it?Maybe it goes with . . . (next slide)
  • #15: Card sorting is an inexpensive test you can run to figure out how your users talk about and group information in your product. What terms do they use? How do they think about the services or products you’re offering? What’s their motivation for using your product?Card sorting can be particularly helpful for establishing…---navigation on a website---menu structure in an application---table of contents in a user guide or help system--related topics links
  • #17: These are the types of instructions you would give for a card sort. We used these instructions when running the card sort you saw in the previous picture.Keep it simple. Explain what you’re trying to do so your customers have some context about what they’re doing.Listen to what they say while they’re doing the sort.
  • #18: So now you have a bunch of organized cards. What do you do with them? Look for trends and patterns. You can use a spreadsheet to do this.--List cards on the left--Color code the category labels to show trends. You may need to consider similar labels as the same (“Events” and “Meetings”)But what if there are no patterns? You may need to view the results in context of other information:--interviews--surveys--existing info (web stats, search terms, customer emails, call center logs, etc.)And remember – it’s OK to ask follow up questions. Talk to the participants about why they sorted the cards the way they did.
  • #19: Figure out:-What problem are you solving?-What questions are you answering?For example…
  • #20: Ask people to describe what they see. Then show my tags (probably similar to what the crowd suggested). Then show photographer’s tags. Then show “how would you tag it” box.These tags are called metadata. You see them in things like content management systems. For example, a blog may use tags to group topics beyond their category or high-level topic grouping.Explain that structure can impact the type of sort you need to do.In the card sort I led for STC Atlanta, we were trying to design a navigation system for a website. It’s a hierarchical structure, so we asked participants to group cards into stacks and label them.A database, however, uses meta data. The type of sort we did probably wouldn’t work that well for organizing information based on many facets (such as the example in the slide). Sometimes you’re looking for how people classify or organize stuff instead of trying to build a menu system.For example, if I wanted to figure out how people classify the information on a website or in a product, I’d ask them to create piles but not ask them to label the piles. Instead, it would be about which things go with other things. Some cards may end up in multiple piles. This can help you figure out the different ways items can be related to each other.But…
  • #21: There are no right and wrong answers. Your job is to find what data you can. This is where more context can help. Put what you do find in context of the other information you have.People organize things in lots of ways. Classification schemes include:-topic-chronology-geography-alphabetical order-numerical order-task-audienceA card sort can give you insight on what scheme to use when designing your product.
  • #22: Classification does not equal findability. Just because you can group items together, doesn’t mean you will find those items in those groups later. If you want to test findability, give the users a set of cards and tell them to find the item.
  • #23: For all the information you ever wanted to know about card sorting.
  • #37: What do you think usability testing is?
  • #39: YinaThe best way to learn is by doing it, or observing it. Today, we are going to run a mock usability testing here. I am going to be the facilitator. We have a product in mind to test. And we need a user to test with. You are our user pool. At this point, I will not tell you what the product is. As you will not tell your user pool what the product you are going to test. How do I find my participant? Interviews. I am going to do a group interview to find the one that I am looking for today. Please stand up, everyone.
  • #43: Define your goals:--what’s the problem? Are there problems?--does the design work? (validation)--know what you’re testing – you can’t test everything--keep an open mind and watch for findings that come out that you weren’t looking for.Create your test:Who you will test with- write scenarios relating back to your goals- prepare the discussion guide, script Find peopleTarget users- recruit yourself or hire an external agencyRun the testBest to have all the observation team taking notes.Often just by yourself.Analyze the resultsAs early as possible- find trends- Report the findingsHighlighted videos- User quotes- Most important findings only
  • #45: Yina and WillAdd resources.