Organizing Your First Website Usability Test - WP Campus 2016
Organizing Your First Website Usability Test - WordCamp Boston 2016
-
Upload
anthony-d-paul -
Category
Design
-
view
301 -
download
2
Transcript of Organizing Your First Website Usability Test - WordCamp Boston 2016
![Page 1: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/1.jpg)
Organizing Your First Website Usability Test
WordCamp Boston 2016 • #WCBos • @anthonydpaul
![Page 2: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/2.jpg)
Why do we conduct usability tests?
![Page 3: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/3.jpg)
usability test
user test
![Page 4: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/4.jpg)
![Page 5: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/5.jpg)
Our instinct is to imagine someone like ourselves.
Most of our users are nothing like us in any way.
via Eric Meyer’s WC Northeast Ohio 2016 Keynote
http://wordpress.tv/2016/06/24/eric-a-meyer-design-for-real-life/
user focus = best practice
![Page 6: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/6.jpg)
Who we test with defines who we care about.
i.e., Accessibility, “Stress Cases”
via Eric Meyer’s WC Northeast Ohio 2016 Keynote
http://wordpress.tv/2016/06/24/eric-a-meyer-design-for-real-life/
user focus = best practice
![Page 7: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/7.jpg)
why test
1. Validate our assumptions (debunk stereotypes)
2. Inform our design decisions (to debate the team)
3. Show success over time
4. Grow as a practitioner (e.g., hamburger icon)
![Page 8: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/8.jpg)
But I’m not a researcherWhere do I start?
![Page 9: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/9.jpg)
Anthony D PaulDirector of User Experience
@anthonydpaul
![Page 10: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/10.jpg)
what you need
Project Goal A reason to test, to be translated into research goals
Test Strategy When to test and what type of test(s)
Prototype Or, other artifact
Test Facility Hardware, software, or physical space
Participants Demographics, if relevant
![Page 11: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/11.jpg)
Project Goal(s)Why are we even working on this project?
![Page 12: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/12.jpg)
goals come in all shapes and sizes
University Prospects to easily find degree info
e-Store Reduce shopping cart abandonment
Non-Profit Drive donations
![Page 13: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/13.jpg)
goals shouldn’t be prescriptive
Good Allow visitors to quickly find specific degree program(s) of interest.
Bad List all degree options on the homepage.
![Page 14: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/14.jpg)
ok to have multiple goals (but prioritize)
1. Communicate the school brand and a positive student experience.
2. Allow prospects to quickly determine if the school has their program(s) of interest.
3. Drive prospects toward contacting the school to inquire about a program and its cost.
![Page 15: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/15.jpg)
Test StrategyWhat tests should we run and when?
![Page 16: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/16.jpg)
Project Constraints
+
Hairiest Problems (priorities)
=
Maximum Benefit .
![Page 17: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/17.jpg)
project constraints (type)
What’s our test budget?
How many sets of tests can we run? (usually 8–12 ppl per)
Who’s in charge of recruitment?
Do we have demographic requirements?
Are participants local?
![Page 18: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/18.jpg)
focus on hairiest problems (when)
Too much content. (early)Test info architecture or interactive menu concepts.
vs.
Brand perception is important. (late)Test design concepts, photography, and copywriting.
![Page 19: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/19.jpg)
testing options
Moderated vs. Unmoderated
In-person vs. Remote
Desktop vs. Mobile
![Page 20: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/20.jpg)
Example TimeUniversity
![Page 21: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/21.jpg)
constraints hairiest problems
1 test (8–12 participants)
Participants not local
Automated recruitment
Use online system, unmoderated
![Page 22: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/22.jpg)
constraints hairiest problems
1 test (8–12 participants)
Participants not local
Automated recruitment
Too much content; hard to find things
Use online system, unmoderated
Test early prototype, perhaps wireframes
![Page 23: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/23.jpg)
decision
Use online system, unmoderated
Test early prototype, perhaps wireframes
Use TryMyUI for recruitment, facilitation, and recording
Use InVision to assemble prototype with designs or wireframes
![Page 24: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/24.jpg)
InVisionApp.com
![Page 25: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/25.jpg)
InVisionApp.com
![Page 26: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/26.jpg)
InVisionApp.com
![Page 27: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/27.jpg)
Test ScriptProject goals to user tasks
![Page 28: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/28.jpg)
goals
1. Communicate the school brand and a positive student experience.
2. Allow prospects to quickly determine if the school has their program(s) of interest.
3. Drive prospects toward contacting the school to inquire about a program and its cost.
![Page 29: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/29.jpg)
goals ~> research questions
1. Can users find the main menu?
2. Do users understand how the menu works?
3. Does the program finder behave as expected?
4. Can users find specific details about a program?
![Page 30: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/30.jpg)
goals ~> research questions ~> tasks
1. Without clicking on anything, where would you expect to find information about a degree in nursing?
2. Find information about a nursing degree.
3. Return to the homepage. Use the program finder to find information about a degree in physics.
![Page 31: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/31.jpg)
assemble script
Weave in multiple goals
+
Find preferences first, then test tools
![Page 32: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/32.jpg)
pilot test
Pilot test with a friend to get a sense of timing
![Page 33: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/33.jpg)
SetupWeb applications
![Page 34: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/34.jpg)
![Page 35: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/35.jpg)
![Page 36: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/36.jpg)
![Page 37: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/37.jpg)
![Page 38: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/38.jpg)
![Page 39: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/39.jpg)
![Page 40: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/40.jpg)
ClosingWhy do we conduct usability tests?
![Page 41: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/41.jpg)
The price of light is less than the cost of darkness.
Arthur C. Nielsen, Market Researcher
![Page 42: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/42.jpg)
![Page 43: Organizing Your First Website Usability Test - WordCamp Boston 2016](https://reader031.fdocuments.us/reader031/viewer/2022022203/587876be1a28ab497b8b75eb/html5/thumbnails/43.jpg)
InVisionhttp://invisionapp.com
TryMyUI http://trymyui.com
(my talks and blog) http://adp.rocks or http:// .ws or http:// .ws
Thank you
@anthonydpaul