Shiny Updates Visual Records

Weekly Meetings (Calendar)

Bi-Weekly Test Team Chat: Tuesdays 11:00 UTC

Bi-Weekly Test Team Triage: Tuesdays 11:00 UTC

You can join these meetings from the #core-test Slack channel.

Please drop by any time in SlackSlack Slack 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.

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)

: Click Install…

: …installing…

: …installed.

Theme update on multisite

: New version available. Click update now…

: …updating…

: …updated.

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.

: Click Delete…

: …AYS message.

Plugin delete in multisite

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

: Click Delete…

: …AYS message

Plugin install error

: Click Install Now button…

: …receive error message.

Theme install error

: Click Install button…

: …receive error message.

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

: Click update now…

: …receive FTP prompt…

: …error message in FTP credential form.

#shiny-updates, #upgrade-install

Rami Yushuvaev 10:08 pm on May 2, 2016

beautiful!
Pedro Carvalho 10:28 pm on May 2, 2016

is it possible to have a tiny bar across the top of the theme, indicating the progress? at least
33% – done downloading
66% – done unpacking
100% – done installing

?
- Konstantin Obenland 4:26 pm on May 3, 2016
  
  Actually installing 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 or theme is only a small part of the server request for it. You can observe that in the video above too, where it takes a while to navigate to The Bleak Screen of Sadness, but the status updates of the installation are being printed out very quickly. I agree, having to watch the spinner for a while, especially when installing/updating large plugins, is not very satisfactory. Unfortunately it can not be accurately predicted how long the entire request ill take, which makes a progress indicator less useful.
dtbaker 11:20 pm on May 2, 2016

Great! How are errors displayed (error activating 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)? What about if 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 are required for installing a theme/plugin (no php write permissions on theme/plugin folders)?

Please test how it works when installing something like WooCommerce. Woo (and other themes/plugins) like to redirect the next browser request to a welcome screen, which can make ajax operations a little unreliable. (e.g. test installing/updating 3 plugins with woocommerce as the second plugin to process).
- Konstantin Obenland 8:31 pm on May 3, 2016
  
  I added records for errors in 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 theme install errors, as well as 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 does not change the way how activations work for exactly the reason you outlined above: Plugins redirect on subsequent page loads and that can lead to jarring experiences when navigating away from the plugins screen after activating a plugin.
Giorgos Sarigiannidis 9:39 am on May 3, 2016

Installing plugins without page reload is a very welcome addition.

Regarding Batch updating of installed plugins, though, I believe that the select menu could be friendlier. For example, I think it that the buttons “update”, “activate”, “deactivate” and “delete” could just be a simple horizontal list. Buttons would be inactive if no 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 is selected and active when one or more plugins were checked. Here’s a small screenshot of what I suggest:

https://dl.dropboxusercontent.com/u/38634/Various/wp-plugin-batch-suggestion.png

That way we could minimize the number of clicks to perform an action from 4 (check, select, option, apply) to just 2 (check, apply). We could also make it even smarter by keeping, for example, the “activate” button disabled if all checked plugins are already active.
- Konstantin Obenland 4:14 pm on May 3, 2016
  
  Thanks for your suggestion! While this type of change is probably a little outside of the scope of Shiny Updates v2, #31634-core might be a good spot to propose that, it deals with the UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. around bulk actions.
Marcus 2:05 pm on May 3, 2016

awesome!
chatmandesign 3:27 pm on May 3, 2016

👍
elliotcondon 11:08 pm on May 5, 2016

Awesome!
leofx4 9:05 pm on May 17, 2016

Really nice changes, getting to simplicity takes a long time.