The Test Team helps manage testing and triage across the WordPress ecosystem. They focus on user testing of the editing experience and WordPress dashboard, replicating and documenting bug reports, and supporting a culture of review and triage across the project.
Please drop by any time in SlackSlackSlack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. with questions or to help out.
I had three usability tests for October. One tested the same “Flower shop” script from the month of September while the other two tested a “Side-by-side” script for October. The goal was to test how people placed various items side-by-side in the blockBlockBlock is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. editor.
Testing script
Try out the new Block Editor in WordPress! There are a few tasks below. Please talk through them out loud so we might better understand how people think through these actions. Don’t worry, there are no right answers. Thank you.
Log in.
Create a new post.
In the post, add two images side-by-side. How was this experience?
If you haven’t already clicked the “+” icon in the top toolbar to add a block, try that now and add a Gallery block. Now add two images to the Gallery block. How was this experience?
With these various blocks in mind, try adding an image and text side-by-side in your post.
Did you find the Media+Text block or did you solve step 5 by some other way?
If you didn’t use the Media+Text block, try adding it now. Once you’ve added an image and text to this block, flip it so that the image is on the right of the text. How did you like this block?
Next, create some text that is side-by-side. How was this experience?
If you didn’t use the Columns block, please try adding that block to show text side-by-side. How did that go?
Now that you’ve become more experienced with blocks, how intuitive does this interface feel?
Videos
Video 1 – October 2 (Used Sept’s Flower script)
Is there an option for ‘fit to screen’? Looking for a ‘fit’ option that just automatically detects the size you got and fits the text to full-screen.
“Is there a way to do this more simply?” Uses the arrows movers because drag and drop didn’t work when moving the blocks.
Maybe it would be better to make the column lines locked in place at first?
Video 2 – October 16
No audio.
Video 3 – October 23
I’m not finding anything with just text itself.
I just went to inline image and found that way was easier than the Media+Text block.
Feedback
As with all the prior videos being shared, please leave some feedback! What are some patterns that pop out to you? What successes do these users have in navigating and creating a post? What challenges become evident in their flowFlowFlow 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
?
As a reminder, if you’re interested in helping with usability testing, there’s a number of things you can try:
You can write a test script that can be usability tested for GutenbergGutenbergThe 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/.
Or simply watch the videos and leave some feedback below.
Thanks for watching and contributing anywhere you can.