WordPress / wp-autoupdates

Feature plugin building a UI for opting-in to plugin, theme, and core auto-updates.
https://wordpress.org/plugins/wp-autoupdates/
GNU General Public License v2.0
57 stars 18 forks source link

Visual que on Themes screen visually showing which themes are auto updated. #48

Open paaljoachim opened 4 years ago

paaljoachim commented 4 years ago

The themes screen.

Screen Shot 2020-04-01 at 21 31 50

One can not at a quick glance know which themes are being autoupdated.

Clicking a theme: Screen Shot 2020-04-01 at 21 32 53

One sees the icon and message "Disable automatic updates"

Adding the icon to the themes page could look something like this:

Themes-Auto-Updates-visual-que-icon

At a quick glance one can see which themes are being Auto updated.

hedgefield commented 4 years ago

Yes, something like that would be quite nice. If overlaid on the image, it will need a good contrasting background to stand out. I can also see it in the bottom bar behind the theme name, might be easier to spot. Just gotta make sure it stays visible if the theme name is longer than the available space.

It's unfortunate that the Themes page has so little affordance for doing quick actions like the plugins page does, but that's a general WP gripe I have ;)

paaljoachim commented 4 years ago

Hei Tim

Here is another variation.

Themes-screen-Auto-update-icon

I also made another issue where I am doing even more experimentation https://github.com/WordPress/wp-autoupdates/issues/58. We should bring it up during next weeks design meeting.

paaljoachim commented 4 years ago

Here is a wireframe that removes the icons for themes that are not auto updated.

Themes-screen-Auto-Updates-2

As it just shows a cycle icon for the themes where Auto update is activated.

paaljoachim commented 4 years ago

Here are three wireframes of the themes screen. (Made in Affinity Photo.)

Example 1. Auto-updates-themes-screen


Example 2. Auto-updates-themes-screen-2


Example 3. Auto-updates-themes-screen-3

@audrasjb @pbiron

afragen commented 4 years ago

@paaljoachim currently the update notification is at the top of the theme card not the bottom. It's probably best to continue with that placement.

wittwitsan commented 4 years ago

I did a mockup for Themes page, adding more container for auto-updates before theme-id-container.

Auto-updates_Themes_2020-04-22

abuyoyo commented 4 years ago

+1 for the slimmer blocks by @ibdz I'd prefer the auto-update blocks to be under the theme title/Active/Customize block. And I think the upgrade icons (blue, orange, strike-through, etc.) should be incorporated into these blocks.

Personally I don't see any importance for the update notification to appear at the top of the card (as is the current design).