To change things up I tested a different…

To change things up, I tested a different set of scenarios this morning. I asked the user to add:

  • A regular post
  • A post with a gallery
  • An audio MP3
  • A video from Vimeo

You can download the video here.

My observations:

Step 1: Login

No problems.

Step 2: Preview your blog

No problems.

Step 3: Add text post

1:25 – I said “enter the description of “welcome to my blog” – and she didn’t make the connection that I wanted her to add it to the editor (that’s my bad).

Step 4: Where would you click

No problems. She correctly chose “Media Library”.

Step 5: Add gallery post

4:25 – User was confused – thought she’d see the images she just added in the editor (instead the generic gallery camera blockBlock Block 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. was there). So, she tried to go through the process again.
5:18 – “Okay, so I don’t feel like it inserted it, cause it doesn’t show the media”.
5:50 – She click away to the media library, and tries to add the images in the media library to a gallery (we’ve seen this before with one of the other users).
6:45 – She decides to publish it anyway, and view what it looks like.

Step 6: Add Audio post

7:10 – When asked to add a MP3 file to a post (from a URL I gave her), she clicked the “Add Media” button, then clicked “Embed From URL”, and pasted in the URL. When she pasted in the URL, it said http://http://URL.mp3 (with 2 http://’s).

Step 7: Add Video post

8:04 – When asked to embed a video from a URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org, she clicked the “Add Media” button and used “Embed From URL” to paste the link.

Step 8: Preview your blog

No problems.

Summary

  • This user was confused that she didn’t visually see the gallery images that she had added to the post. If we can’t show a preview of the actual images, could we add a one line description like, “Your gallery images will be shown here”, either just above or just below the camera icon?
  • Are we confusing users by having a top level link called “Media Library” in addition to the new media modal “Media Library” link? This is the second time I’ve seen a user resort to clicking on the main left nav “Media Library” link when trying to figure out an issue within a specific post.
  • If the user pastes a full URL into the “Embed From URL” box, and “http://http://” results, can we just auto-remove the extra http:// with JS?
  • When I asked her to embed a video from a URL, she clicked the “Add Media” button, and tried to embed the Vimeo video URL through “Embed From URL”. I think that’s pretty logical seeing as a video is “media”. How difficult would it be to parse “Embed From URL” for the video embed URL’s, and then treat them different (so that instead of a link being added, the video embed magically happens for them)?