WordPress.org

Make WordPress Core

Opened 13 months ago

Last modified 8 months ago

#51540 new enhancement

Iterations to updates screen

Reported by: karmatosed Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Upgrade/Install Keywords: needs-design-feedback
Focuses: Cc:

Description

Currently the updates screen has a lot of information from various sources and depending on if you are running development versions or a combination of different factors, can get quite intense. (Embeds might not be working so I will also add in order as attachments)

http://cldup.com/sA989pqXFv.png

Auto-updates is great, but it exposed the problem with adding more to this section. Whilst, redoing the entire section wasn't something that could be done as part of the immediate work there, that's where this ticket comes in to propose a few first steps on that road.

Props to @joen for helping me work through this work as I began to explore where auto-updates could go in that ticket. It lead me to the an exploration which whilst has a variety of copy situations, shows just a few potential combinations that can happen on this page and what could possibly be done design wise to ease those.

http://cldup.com/wQfzsSfb_0.png

It's worth noting the ideas I am proposing are iterations. I do believe that deeper exploring of updates and the experience is very worthwhile.

What I am suggesting in summary (image included to show the specific changes):

http://cldup.com/QWiiGMsVlW.png

  • Change the name to Updates. Settings is a good example of where it's not WordPress Settings, perhaps using that format here works?
  • Change the first header to say the version.
  • Where we have 2 buttons such as 'update to nightly' and 're-install' consider positioning them beside each other.
  • Increase spacing between sections to provide sectioning without borders on the page.

I am aware that in suggesting these things I am likely missing some history and plugin nuance. I probably have also moved something that causes an issue, let's work through what that is and how it can be iterated. This page has a lot going on and I understand everything is there for a reason and intent. I think opening up discussion though around what can be iterated and what needs to be in a particular spot or unchanged, is a great starting point.

I think this could be a minor update, focusing on styling changes perhaps to start and some copy iterations. That said, I am always keen to encourage deeper exploration and thinking if anyone is excited by this and see this as the start of maybe looking more at these increasingly important interfaces that need to scale as we add things like auto-updates.

Attachments (8)

currentstate.png (79.6 KB) - added by karmatosed 13 months ago.
1.png (145.9 KB) - added by karmatosed 13 months ago.
2.png (109.7 KB) - added by karmatosed 13 months ago.
2020-11-24 at 18.06.png (175.4 KB) - added by karmatosed 11 months ago.
core-major-auto-updates-default.png (223.1 KB) - added by audrasjb 11 months ago.
Default auto-updates screen for existing install
core-major-auto-updates-enabled-manually.png (197.4 KB) - added by audrasjb 11 months ago.
After I manually opted-in for major versions auto-updates
core-auto-updates-enabled-programatically.png (160.9 KB) - added by audrasjb 11 months ago.
Core auto-updates programmatically enabled
core-auto-updates-disabled-programatically.png (160.2 KB) - added by audrasjb 11 months ago.
Core auto-updates programmatically disabled

Download all attachments as: .zip

Change History (15)

@karmatosed
13 months ago

@karmatosed
13 months ago

This ticket was mentioned in Slack in #core-auto-updates by karmatosed. View the logs.


13 months ago

This ticket was mentioned in Slack in #core-auto-updates by pbiron. View the logs.


12 months ago

This ticket was mentioned in Slack in #design by paaljoachim. View the logs.


12 months ago

This ticket was mentioned in Slack in #core by karmatosed. View the logs.


12 months ago

#5 @karmatosed
11 months ago

I wanted to loop back to this ticket and note the next step. Along with the recent auto-update changes, some of the iterations here have been added, I am attaching a screenshot to show the current situation for 5.6.

What is needed next, is to screenshot all the variations of this screen. @audrasjb, you had agreed to do that so adding a little reminder here. As there are numerous hidden combinations of this page, it's from there a holistic solution can be worked on for 5.7.

#6 @audrasjb
11 months ago

I have a few screenshots to share indeed :)

@audrasjb
11 months ago

Default auto-updates screen for existing install

@audrasjb
11 months ago

After I manually opted-in for major versions auto-updates

@audrasjb
11 months ago

Core auto-updates programmatically enabled

@audrasjb
11 months ago

Core auto-updates programmatically disabled

#7 @sabernhardt
8 months ago

#52538 was marked as a duplicate.

Note: See TracTickets for help on using tickets.