[PP-1] Review the local task and page order/titles/labels under Appearance

Created on 24 February 2023, almost 2 years ago
Updated 12 August 2024, 5 months ago

Creating this as postponed on ๐Ÿ“Œ [PP1] Move "Block layout" from Structure to Appearance Postponed , and this issue will be reviewed at a future usability group meeting.

Problem/Motivation

Once ๐Ÿ“Œ [PP1] Move "Block layout" from Structure to Appearance Postponed is done, there will be up to four primary local tasks under Appearance (/admin/appearance)

  • List
  • Block layout
  • Update (if you have Update Manager installed)
  • Settings

With both Block layout and Settings having additional local tasks under both of them.

Other modules may add additional local tasks.

This issue exists to take a more holistic view and consider whether:

  1. Does "List" make sense, would "Themes" be a better title? After all it's more than just a list, it's a landing page of sorts for installing, uninstalling and accessing configuration of themes.
  2. Does "Block layout" make sense? Yes technically you are laying out blocks in regions, but the term "block layout" feels a bit ambiguous, would simply "Layout" be a better tab name? Users who are familiar with Layout Builder know to navigate to the Layout tab to adjust the layout of content or the layout of an entire bundle (content type, etc). If โœจ Discuss using Layout Builder to control full site layout and replace Block UI Needs work is done then that would further strengthen the case for this change. If you're a site builder and you want to move a menu from one region to another, does it matter that the menu is technically a block, probably not, you just want to move your menu to a different position on your site. "Block placement" was suggested in comment #2.
  3. Is the order of the local tasks appropriate? Why should Updates be before Settings.
  4. As noted in comment #2, it's worth being aware that the update local task could be removed in favour of a higher level "Update" tab in the toolbar, as a result of #3227564: Automatic Updates UX Designs โ†’ .
  5. Other questions?...

This issue should be used to holistically implement any recommendations.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet

๐Ÿ“Œ Task
Status

Postponed

Version

11.0 ๐Ÿ”ฅ

Component
Themeย  โ†’

Last updated about 1 hour ago

Created by

๐Ÿ‡ฌ๐Ÿ‡งUnited Kingdom AaronMcHale Edinburgh, Scotland

Live updates comments and jobs are added and updated live.
  • Usability

    Makes Drupal easier to use. Preferred over UX, D7UX, etc.

  • Needs usability review

    Used to alert the usability topic maintainer(s) that an issue significantly affects (or has the potential to affect) the usability of Drupal, and their signoff is needed. When adding this tag, make it easy to review the issue. Make sure the issue summary describes the problem and the proposed solution. Screenshots usually help a lot! To get sign-off on issues with the "Needs usability review" tag, post about them in the #ux channel on Drupal Slack, and/or attend a UX meeting to demo the patch and get direct feedback from designers/UX folks/product management on next steps. If an issue represents a significant new feature, UI change, or change to the general "user experience" of Drupal, use Needs product manager review instead. See the scope of responsibilities for product managers.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • Issue created by @AaronMcHale
  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany rkoller Nรผrnberg, Germany

    in regards of point 1. i agree as long as the top level menu item appearance was just about themes, the term list wasn't perfect but made "sort of" sense. with the move of the block layout page into appearance, themes might be the clearer pick. or are there other alternatives? but definitely a +1 for renaming the term list

    In regards of point 2, i've posted a suggestion in the "rename the block terminology in the administration menu issue": https://www.drupal.org/project/drupal/issues/3318549#comment-14936752 ๐Ÿ“Œ Rename Custom Block terminology in the admin UI Fixed . I would vote on renaming the title from Block layout to Block placement instead. It is slightly longer but from my point of view clearer what the actual task is that is taking place there. as mentioned in the linked comment the term layout i usually associate with the ability to actually decide about the layout of something and its actual design. but on the block layout page you actually decide where you want to place something. and if you take a look at the help text on the appearance page the first two words already provide the queue what the more suitable term might by leading in with "block placement" imho

    in regards point 3. i am not sure. i agree that update shouldnt be placed before settings. but i wonder with the currently called block layout tab, being nitpicky, what does settings actually refers to? what does appearance stands for now and what would its settings be about (an observation just based on the naming - for me personally it wouldnt be clear). i wonder would another order be more logical? 1. themes 2. settings (because those settings are in the context of themes - theme settings would be clearer) 3. block layout (or block placement) 4. update

    and in regards of the update tab. the work of the automatic updates initiative has also to be taken into consideration. they have created ux designs #3227564: Automatic Updates UX Designs โ†’ about potential changes to the admin interface that should also be taken into consideration or at least kept in mind.

  • ๐Ÿ‡ฌ๐Ÿ‡งUnited Kingdom AaronMcHale Edinburgh, Scotland
  • ๐Ÿ‡ฌ๐Ÿ‡งUnited Kingdom AaronMcHale Edinburgh, Scotland

    I would vote on renaming the title from Block layout to Block placement instead.

    Yeah I do like "Block placement" better than "Block layout". Have added that as an option to consider as well.

    i wonder with the currently called block layout tab, being nitpicky, what does settings actually refers to? what does appearance stands for now and what would its settings be about (an observation just based on the naming - for me personally it wouldn't be clear).

    Yeah "Settings" could also be quite vague, maybe "Theme settings"? If the first tab was "Themes", then the second was "Theme settings", that could make the relationship really clear. "Theme settings" is technically shorter than "Theme configuration" and may be more familiar to users, who are used to seeing the term "Settings" on computers and phones these days. Worth keeping in mind actually for ๐Ÿ› Settings vs. Configure for UI text? Active .

    Of course "Settings" is the shortest of them all, and we do follow the philosophy of less is more, but that should never come at the cost of the users ability to understand what the relationship is between items.

    the work of the automatic updates initiative has also to be taken into consideration. they have created ux designs #3227564: Automatic Updates UX Designs โ†’ about potential changes to the admin interface that should also be taken into consideration or at least kept in mind.

    That is a great point, if there is a more unified "update" UI then that could remove the update local task and I would fully support that idea!. I have added that as a point to the summary.

  • ๐Ÿ‡ฌ๐Ÿ‡งUnited Kingdom AaronMcHale Edinburgh, Scotland

    Thinking about it more, what if we were to follow the pattern of Field UI and completely flip the navigation pattern. So isntead of having local tasks for items like "Settings" and "Block layout", with tabs for each theme under them. Like how with bundles, you edit a bundle and within the bundle settings you have the "Manage fields", "Manage display", etc. local tasks.

    If we followed that pattern here, that would mean that the "Settings" link on each theme would take you to a page that had local tasks for "Settings" and "Block layout" for that specific theme.

    So just to quickly mock this up:

    Here is the Appearance page, but with no local tasks:

    You click the "Settings" link for Olivero, you get to the same theme settings page, but the local tasks now appear and are specific to Olivero, with "Theme settings" and "Block layout". Much like with configuring a bundle or field you stay within the context of Olivero when navigating between the local tasks. Also notice I changed the Breadcrumb to reflect that the next item up is back to the Appearance page.

    This could actually be a much better pattern, because let's say when you install a theme, you go into the settings screen, you have access to everything relevant there.

    This could also be a good pattern for some more complex themes which try to cram a lot into the Theme Settings form, this opens up the possibility for those themes in the future to add their own local tasks and simplify their theme settings. That would probably require some changes in how themes set up their settings though, but I think it would be a huge win from a UX perspective.

    The only thing I'm not sure is what happens to the "Global settings" form, but I feel like we could find a suitable home for that, maybe that has a button in Appearance. Maybe it even moves out of Appearance completely and into Configuration, which is where you usually expect to see "global" settings anyway.

  • ๐Ÿ‡ฌ๐Ÿ‡งUnited Kingdom AaronMcHale Edinburgh, Scotland

    I hadn't properly closed the <ul>.

  • ๐Ÿ‡ญ๐Ÿ‡บHungary Gรกbor Hojtsy Hungary

    Moving to 11.x as per https://www.drupal.org/about/core/blog/new-drupal-core-branching-scheme-... โ†’ . If this can only be done in a major version, then a [11.x] title prefix should be added and a "Major version only" tag too.

  • ๐Ÿ‡ฌ๐Ÿ‡งUnited Kingdom AaronMcHale Edinburgh, Scotland

    I actually don't remember why I created this against 11.0.x, it was probably because of the huge potential for BC-breaking URL changes.

    But now that we have ๐Ÿ› Create a redirect for the new Block types path Fixed done which established a pattern for making BC-compatible URL changes in the admin UI, I don't see a clear reason that this can't be done in a minor.

    So moving to 10.1.x.

  • ๐Ÿ‡ณ๐Ÿ‡ฟNew Zealand quietone
Production build 0.71.5 2024