We are getting ready to roll out a new round of usability tests for Gutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ mid-November. In this next round, we will focus on testing writing flow Flow is the path of screens and interactions taken to accomplish a task. It’s an experience vector. Flow is also a feeling. It’s being unselfconscious and in the zone. Flow is what happens when difficulties are removed and you are freed to pursue an activity without forming intentions. You just do it.Flow is the actual user experience, in many ways. If you like, you can think of flow as a really comprehensive set of user stories. When you think about user flow, you’re thinking about exactly how a user will perform the tasks allowed by your product.Flow and Context
. We are also very keen to widen the net for participant feedback, including testing with participants who are not current WordPress users.
In order to make this happen we have drafted a usability testing plan – and we need your feedback and suggestions (in the comments below) before the next meeting in #core-flow on Thursday 9 Nov at 18:00 UTC. The next steps will be to test the user test on a small sample set (week of Nov 10th), refine at the #core-meeting on Tuesday 14 Nov 17:00 UTC, and roll out to a wider audience starting from 15th Nov.
We will also have a usability testing section at WCUS, so if you are attending please drop by the and join in!
Proposed Usability Tests
To test the flow of writing, we propose to construct a three part usability test:
- General demographics: including prior WordPress experience, age and device used. This information will help us to segment findings
- The main task: participants will be asked to re-create the post shown in an image. There will be three images to select from, mapping roughly to a beginner, intermediate and advanced level
- Follow up questions: a few questions about the experience of re-creating the post
Participants will be optionally invited to upload their screen recording, and answer a few questions about their video footage.
Testing Script
Question 1: Do you currently use WordPress?
Question 2: Would you describe yourself mostly as a…
- Developer
- Designer
- Blogger
- Business Owner
- Other: ________
Question 3 (optional): How old are you?
- Under 18
- 18 – 30
- 31 – 40
- 41 – 50
- 50 – 60
- Over 60
Question 4: What device are you using?
- Mobile phone
- Tablet
- Laptop
- Desktop
Question 5: Let’s get set up!
Check that you have the following items ready as you will need them to complete the task
- Open Gutenberg editor in a new browser window
- Ensure that you have the Twenty Seventeen theme selected
- Open the task image in a new window [ beginner | intermediate | advanced ]
- Start a screen recording
- Remember to talk out loud as you complete the task
Your task is to re-create the page that you see in the image using the Gutenberg editor. Remember to start your screen recorder, and talk out loud as you complete the task! When you are finished, continue on to answer a few questions about your editing experience.
Question 6: Did the task take long or shorter than you expected?
- It took longer than I expected
- It took about the amount of time that I expected
- It took less time than I expected
Question 7: Can you tell us why?
Question 8: Was the task easier or harder than you expected?
- It was harder than I expected
- It was about what I expected
- It was easier than I expected
Question 9: Can you tell us why?
Question 10: Are you more or less likely to use the Gutenberg editor in the future?
- I am not likely to use Gutenberg in the future
- I am unsure
- I am likely to use Gutenberg in the future
Optional section: screen recording analysis
It would help us out a lot if you could upload your screen recording and answer a few questions about your recording
Question 11: Save your screen recording, and upload your file here…
Question 12: How long did it take to complete the task?
Question 13: Was the title added correctly?
Question 14: Was the quote added correctly?
Question 15: Was the image added correctly?
Question 16: Where were the main sources of friction?
Thank you so much for your help!
If you would like to be kept in the loop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. with the progress of Gutenberg testing, please leave us your email below and we will add you to the Make.WordPress user testing mailing list
Test Setup
The test can be completed by a participant, or used as a run sheet for an observational research session.
In order to complete the test, participants will need to:
- Get their hands on a device (laptop, tablet, desktop or mobile device)
- Ensure that they know how to do a screen recording on the device
- Load up the user test
- Follow the instructions in the test
- Upload the screen recording to the cloud
- Optionally, code the results from the screen recording
- Optionally, write up a blog post and tell us what you found
Reporting usability test results
There are three ways in which you can report back your user test results:
- You can simply answer all the questions in the test instructions. Remember to upload your screen recording at the end
- You can optionally analyse your screen recording footage by answering the optional questions in the final section of the test instructions
- In addition, you are welcome to write up your test results in a blog post
Get Involved
Have an idea on how to improve the usability testing plan? Have your say in the comments below before the next meeting in #core-flow on Thursday 9 Nov at 18:00 UTC. Once we have collected all feedback we will post a link to the test script and open the call for user testing!
#gutenberg, #usability-testing