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 headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes.?) 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 releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. 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 “pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party” 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 PatrolFlow patrol Flow patrol is the regular exercise and monitoring of important flows. Issues found while on flow patrol are kibbled and ticketed. Continuous flow patrol encourages use of our own software and increases awareness of what our users are experiencing day to day. Flow patrol duties are outlined in the flow handbook.,

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 coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress., 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 pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party flowFlow 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
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 pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party 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 multisiteMultisite Multisite is a WordPress feature which allows users to create a network of sites on a single WordPress installation. Available since WordPress version 3.0, Multisite is a continuation of WPMU or WordPress Multiuser project. WordPress MultiUser project was discontinued and its features were included into WordPress core.https://codex.wordpress.org/Create_A_Network. 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

FTPFTP FTP is an acronym for File Transfer Protocol which is a way of moving computer files from one computer to another via the Internet. You can use software, known as a FTP client, to upload files to a server for a WordPress website. https://codex.wordpress.org/FTP_Clients. credentials

#shiny-updates, #upgrade-install

Shiny Updates User Testing

We wanted to get some user research around the Shiny Updates pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party (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.comWordPress.com An online implementation of WordPress code that lets you immediately access a new WordPress environment to publish your content. WordPress.com is a private company owned by Automattic that hosts the largest multisite in the world. This is arguably the best place to start blogging if you have never touched WordPress before. https://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 flowFlow 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
.

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