Customizer: Browse, Install, Preview Themes on Mobile

I tested the patch proposed on #37661 on Windows Phone 10 with the Edge browser. Here’s a visual record of that experience:

The biggest potential fixes I found were to show a loading indicator in the filters (next to the theme count button in the header?) when a new filter is loading, and to scroll the themes container to the top whenever a new section is opened or a search/filter is changed (which should be happening, but isn’t).

I should also note that since it is impossible to reorder images in galleries with Chrome on laptops that support touch, see #31652, I had to go to the text editor to fix one that jumped out of order when creating this post.

#customize, #customizer, #edge, #phone, #shiny-updates, #visual-record, #windows-phone

Shiny Updates User Testing – update-core.php

Originally by @mapk posted on Slack

The first user test on update-core.php:

 

Notes:

1. Great confirmation to the recent changes we’ve done.
2. She provides some alternate ideas on how to order the updates in the list: by importance, or by update release date.
3. One of my concerns was whether or not it was easy to identify the different types of updates now that they’re all included in the same list. She was able to find a “plugin” to update just fine once she realized they weren’t all plugins.

Also:

“It was a super easy update process”
“if this is the way it is, you should keep it and never gonna think about changing that”

#shiny-updates, #upgrade-install

Shiny Updates Review

Dear Flow Patrol,

We’ve already posted a few user tests and a visual records for Shiny Updates here but in order for Shiny Updates to be in the best shape it can be before getting merged to core, it would help us tremendously if you could look over the latest version and review the various interactions and flows.

If you do encounter issues during your review, it would be great if you could file those on GitHub for us to discuss and fix them.

Our next chat will be on Tuesday, May 17 at 19:00 UTC[/time’] in #feature-shinyupdates, in case you have questions or want to discuss any aspect of Shiny Updates. We’re also around to answer questions outside of that of course, please feel free to let us know.

Thank you!

#feature-plugin, #needs-testings, #review, #shiny-updates

Shiny Updates User Testing – Plugins

This is another Shiny Updates user test focused on the plugin flow of Installing, Activating, Updating, and Deleting. I tried to be more specific with the questions so that we could push the user in the direction we needed them to go without allowing them to ‘discover’ their own way through. While I understand this request, I’m not entirely sure this is the best course of action. Even with specific instructions, the user still had trouble.

 

 

NOTES

2.22 – The user completely missed the ‘Activation’ task. My assumption is she considered ‘activation’ as part of the ‘installation’ process, or the fact that the plugin card doesn’t offer a way to ‘activate’ the plugin after install alludes to it not being a manual task. Or she just completely missed it.

3:05 – Rather than going to her list of installed plugins, she remains in the Plugin Dir and performs the update process from there by searching for the specific plugin I mentioned in the task. This caused a bit of confusion.

4:29 – It bothered her that the Updated icon and the Install Now icon were the same. I wonder if the Install Now icon should be something like a ‘download’ icon to help differentiate?

5:46 – When deleting a plugin with Shiny Updates installed, the deletion process still took her to the Bleak Screen of Sadness.

6:51 – After performing a bulk update on two plugins, an error appeared and no updates happened. She didn’t notice the Error Message at the top, nor did she initially notice the inline messages in the plugin rows themselves.

8:27 – The inline message in the plugin row after Updating the plugin still reads “Updating…” even though it’s done and should just read “Updated”.

9:18 – The green left border on the Updating message looked like the update only got so far. Because the message still reads “Updating…” she thinks that the dark green border is supposed to fill in as the updating process occurs.

 

CONCLUSION

I’m going to refine the tasks a bit more and work with @obenland to make sure the errors are resolved before creating more tests.

#shiny-updates, #upgrade-install

Shiny Updates Visual Records

In preparation for proposing parts of Shiny Updates v2 to be included with WordPress 4.6, I assembled visual records of the various flows and interactions that the plugin touches.

There are six interactions across ten locations throughout the admin where plugins and themes can be installed/updated/deleted. I created two videos to illustrate the changes for the most common use cases on a single site: plugin install/bulk update/delete, theme install/update/delete. For multisite I took screenshots on mobile and for the actions that differ from single sites.

Plugins on a single install

Themes on a single install

Theme install on multisite (same as on single install)

Theme update on multisite

Theme delete in multisite

This one is a little harder to document in images since the theme (or plugin) disappears after the AYS message as soon as it’s deleted. See video above for delete animation.

Plugin delete in multisite

Documented in above video, this is to show how it looks on mobile.

Plugin install error

Theme install error

FTP credentials

#shiny-updates, #upgrade-install

Shiny Updates User Testing

We wanted to get some user research around the Shiny Updates plugin (and the plugin process in general).

The first tests were done with basic tasks like installing, activating, and deleting plugins. These were without the Shiny Update plugin installed. I also had the user answer a few questions after the tasks as well.

User 1

Questions:

  1. How often do you visit the Plugin page on your own WordPress website?Rarely. I used WordPress.com over a year ago, but had extensive experience with the product.
  2. How many plugins do you typically have installed on your WordPress sites?I would estimate 5-10 plugins.
  3. Is it easy to see which plugins you have installed and to see the status of those plugins?Yes.
  4. Is there anything you’d like to change with the Plugins process?I personally thought it was very easy to use. Any wordpress user would have an easy time using it.

 


 

User 2

Questions:

  1. How often do you visit the Plugin page on your own WordPress website?Everytime I am working on my sites.
  2. How many plugins do you typically have installed on your WordPress sites?2 or 3
  3. Is it easy to see which plugins you have installed and to see the status of those plugins?Yes
  4. Is there anything you’d like to change with the Plugins process?No

 

The next test involved installing Shiny Updates. I really bombed here in the wording of my questions and basically confused the user which lead to uncompleted tasks, but this is a good jump off point. I learned a lot about the differences in the processes myself. 🙂 I’ll document these differences soon.  I’m currently refining the test to help improve the task flow.

User 1 (of next test)

Questions:

  1. How often do you visit the Plugin page on your own WordPress website?I have never visited the Plugin page before. I am familiar with Plugins but have never added them to my WordPress site before this exercise.
  2. How many plugins do you typically have installed on your WordPress sites?I only have any plugins that are automatically installed on my WordPress site. I have never installed any additional plugins.
  3. Is it easy to see which plugins you have installed and to see the status of those plugins?Yes, very easy. The list format is easy to see and read; I like that the status of the plugin is stated directly below the name. It makes it quick and easy to visually know what is installed and activated/deactivated on the site.
  4. Is there anything you’d like to change with the Plugins process?My only suggested change would be to include all of the options offered on the drop down “Bulk Actions” menu directly below the names of each added Plugin. This might make the process of making changes a bit quicker and easier for users. Also. the name Bulk Actions makes it sound as though that is only to be used if making changes to multiple plugins so it may be a bit misleading for users who are attempting to make changes to only one plugin at a time.

 

 

Some takeaways:

  • Doing away with the ‘bleak screen of sadness’ is a great start. That screen tended to cause confusion and required a full read to understand what was happening on that page.
  • The bulk update dropdown and button seem to get a lot of attention even though the user may only be targeting one plugin at a time. This could be due to the fact that that is the primary button in the most relevant place which might misguide them. Users also are not necessarily selecting a plugin before clicking the ‘apply’ button which doesn’t return any useful feedback.

I’ll be modifying the next test and sharing the results shortly.

#shiny-updates, #user-research, #user-testing, #ux