User Research for the Web and Applications
-
Upload
dani-nordin -
Category
Technology
-
view
241 -
download
6
description
Transcript of User Research for the Web and Applications
![Page 1: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/1.jpg)
USER RESEARCHFor the Web and Applications
Dani Nordin :: @danigrrl :: tzk-design.com
![Page 2: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/2.jpg)
Dani Nordinfounder, the zen kitchen
• UX Designer, teacher and author
• Work with Drupal teams to envision, prototype and test new functionality and make sense of complex content models.
• Author, Drupal for Designers (O’Reilly, 2011/2012)
Contact@[email protected]
![Page 3: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/3.jpg)
What happens during the UX phase• Get an understanding of the site’s target users• Map out how users will flow through specific key tasks, and
what information needs to be there to support them• Find out what content exists for the current site, what needs
to be created, and how the content will be organized• Come up with a set of assumptions and standards that will
govern the project as you move forward
![Page 4: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/4.jpg)
USER INTERVIEWS AND CONTEXTUAL INQUIRYLearn more about the real people who will be interacting with your project
![Page 5: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/5.jpg)
User interviews: Why?• Helps separate stakeholder whims from what actual users
will find relevant• Includes perspectives from all the various user types
involved in your site: • End users• Content admins and moderators• Marketing team
• Can uncover needs not addressed by current design• Provides important and real data for personas, task flows
and other project deliverables
![Page 6: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/6.jpg)
Contextual Inquiry: Why?• Watching a user do their work gives new insights that can’t
be gained from an interview.• Talking to users in their own environment builds trust and
repoire, makes participants more comfortable• Works particularly well for redesigns of existing
functionality
![Page 7: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/7.jpg)
THE PROCESS
![Page 8: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/8.jpg)
Step 1: Define User Types• Defined by behaviors they are looking to engage in• Enthusiast vs. casual browser• New account vs. existing customer
• What qualities do they share?• Age, gender, education?• Level of interest in, or knowledge of, your service?• Specific goals?
![Page 9: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/9.jpg)
Step 2: Create a research plan• Define a goal for the study: what are you trying to learn?• Questions should focus on behaviors, not desires: • How does the participant solve this problem currently?• What do they like or dislike about their solution?• What tools do they use to solve this problem?• How important is solving this problem to them?
• It’s not about what they want, it’s about how they work.
![Page 10: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/10.jpg)
Step 3: Recruit users• Goal: 2–3 users of each type (minimum)• Enlist client’s help in recruitment• Is there a budget to compensate participants?
![Page 11: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/11.jpg)
Step 4: Conduct Interviews• Have a set of open-ended, non-leading questions ready• Record if possible• Take note of key insights, quotes• Take note of ideas you’ve heard in other interviews• Timing: ½ hour for interview; ½ hour for notes
![Page 12: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/12.jpg)
Step 5: Analyze FindingsPull out key insights, quotes, ideasNote duplicate insights/commentsTools: Post-Its, Sharpies, butcher paper
![Page 13: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/13.jpg)
POST-UPSA quick and visual way to analyze research findings, organize content, and solve sticky IA issues
![Page 14: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/14.jpg)
Post-Ups: Why?• Helps quickly identify and prioritize major research themes • Helps quickly sort out content priorities• Tools are cheap and easy to move around• Butcher paper• Post-its• Sharpies
• Allows the team to work collaboratively, which is more efficient than working alone—particularly for complex navigational structures
![Page 15: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/15.jpg)
The Post-Up IA Workshop• Initial architecture posted up on butcher paper• Include 4–6 people, all of whom have a stake in the site
(include content admins, not just execs)• Post architecture on wall• Each person gets 5 minutes to move things around• Have them think aloud• Videotape or record each person’s turn• Offer help, but avoid criticism or debate during each person’s turn• Take picture of result after each person finishes
• Finish with discussion and finalization of architecture• Document result in content strategy documents
![Page 16: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/16.jpg)
Congregational Library: version 1
![Page 17: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/17.jpg)
Congregational Library: final post-up
![Page 18: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/18.jpg)
Content Collection/Documentation: GatherContent
![Page 19: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/19.jpg)
Results• Ensured that all voices were heard, not just the executives• Enabled discussion of pages’ relevance and usefulness• Identified and prioritized new sections/pages that were
needed, and assigned stakeholders to them• Accomplished in two hours what would have taken
weeks of back and forth over email
![Page 20: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/20.jpg)
VISUALIZING RESEARCH FINDINGSUX Deliverables
![Page 21: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/21.jpg)
Personas
![Page 22: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/22.jpg)
Task/User Flows
![Page 23: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/23.jpg)
Wireframes
![Page 24: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/24.jpg)
Sketches and Prototypes
![Page 25: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/25.jpg)
Functional Requirements
![Page 26: User Research for the Web and Applications](https://reader036.fdocuments.in/reader036/viewer/2022081602/54c732a24a7959e7698b466b/html5/thumbnails/26.jpg)
QUESTIONS?@danigrrl on [email protected]