Make WordPress Core

Opened 5 years ago

Last modified 2 months ago

#51540 assigned enhancement

Iterations to updates screen

Reported by: karmatosed's profile karmatosed Owned by: karmatosed's profile karmatosed
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Upgrade/Install Keywords: needs-design
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 (9)

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

Download all attachments as: .zip

Change History (21)

@karmatosed
5 years ago

@karmatosed
5 years ago

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


5 years ago

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


5 years ago

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


5 years ago

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


4 years ago

#5 @karmatosed
4 years 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
4 years ago

I have a few screenshots to share indeed :)

@audrasjb
4 years ago

Default auto-updates screen for existing install

@audrasjb
4 years ago

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

@audrasjb
4 years ago

Core auto-updates programmatically enabled

@audrasjb
4 years ago

Core auto-updates programmatically disabled

#7 @sabernhardt
4 years ago

#52538 was marked as a duplicate.

#8 @karmatosed
2 months ago

@audrasjb I still think this might be a nice to have, what are your thoughts today?

#9 @audrasjb
2 months ago

Yes it would definitely be nice to clarify this screen!

We should also take into account the WP Beta Tester adjustments, but I guess that as long as we keep the hooks it uses to modify the screen, everything should be fine.

#10 @johnbillion
2 months ago

This screen has always felt messy to me, I'd like to see an improvement like this made. I like the narrower layout a lot.

I'm not a designer but this screen would probably also benefit from adding boxes or separators around sections for information separation. Maybe add the W logo in there too. The updates screen in Chromium browsers does this quite well.

#11 @karmatosed
2 months ago

  • Keywords needs-design added; needs-design-feedback removed

@johnbillion I am absolutely not against adding some boxes around this. The original design was done to be as close as possible but a refresh, we know a bit more visually now so perhaps that could lead to reimagining. I am cautious to not stray too far from the design language we have. Let me assign it to myself to work on.

#12 @karmatosed
2 months ago

  • Owner set to karmatosed
  • Status changed from new to assigned
Note: See TracTickets for help on using tickets.