Improve administration navigation

Created on 1 June 2023, over 1 year ago
Updated 4 April 2024, 8 months ago

What problem are we solving?

  • 65% of sites customize the built in toolbar with contributed modules
  • Dissatisfaction in navigating between different sections, i.e. content and structure is painful with the current toolbar
  • Users feel disoriented while using the admin UI, i.e users don't know if they are under the right section of the interface
  • Drupal is perceived as outdated, which the outdated Toolbar designs contribute towards

Who is this for and what will be the outcome?

  • Site builders
  • Content authors
  • Evaluators

Result: what will be the outcome?

  • Increased satisfaction with the out-of-the-box admin interface (e.g. reduced number of clicks or page visits needed to navigate through the UI)
  • Increased confidence while using the admin interface (e.g. users feel oriented while using the admin UI, i.e users know they are under the right section of the interface)
  • Improved initial impression of the administrative interface

How can we know the desired result are achieved?

  • How many users are choosing the new administration navigation over the current solutions? (Quantitative)
  • Ideally we would have a metric that ensures that the new administration navigation is perceived up-to-date/modern, but weโ€™ll still need to decide what is the specific metric.

Idea validation

The hypothesis has been validated thanks the usability testing and research done in ๐ŸŒฑ [PLAN] Usability Testing and Research on the Toolbar Active . It consisted on a series of UX tests, that started with an initial one with a control version (existing Toolbar) comparing it to a new vertical left-aligned toolbar as the preferred option for both new and experienced users. That showed the need to for change management because even though users found the new left-aligned option more usable some commented that wouldnโ€™t want to learn something new unless there is a good reason for it. Thatโ€™s why we introduced a new feature that proved useful based on findings from a survey ๐Ÿ“Œ Admin Menu Survey Fixed : an easy way to customize the menus shown in the admin toolbar.
The tests evolved as new improvements were made it into the module, like testing changes for elements like the Go back link, breadcrumbs and other alternative navigation elements. The tests kept showing that testers found more usable the proposed left-aligned administration toolbar.

Areas of focus

Now:

  • ๐Ÿ› Page title should contextualize the local navigation Needs work
  • ๐ŸŒฑ New โ€œcontent creationโ€ menu proposal Needs review It has been tested during the Navigation user tests ๐ŸŒฑ [PLAN] Usability Testing and Research on the Toolbar Active
  • Next:

    Later:

    Team and resources

    We are working on the #admin-ui channel on Drupal Slack.

    Current team:

    • Cristina (Provisional Frontend Framework Manager, Usability Topic maintainer) โ€“ full time until October
    • Lauri (Frontend Framework Manager) โ€“ available to support on high level direction and reviews
    • Brenna Love ( baluv3 โ†’ ) - Project manager, half-time until October
    • If you are planning on committing some time towards this idea, feel free to add yourself to this list! ๐Ÿค—
    • Mike Herchel - helping out when I can!
    • Sascha (Claro, Gin, Drupal Design System) - helping also where I can regarding Design/Reviewing (also with insights of Gin and GitLab)
    • Ivan Berdinsky - "You're Doing It Wrong" Specialist
    ๐ŸŒฑ Plan
    Status

    Active

    Component

    Approved Plan

    Created by

    ๐Ÿ‡ช๐Ÿ‡ธSpain ckrina Barcelona

    Live updates comments and jobs are added and updated live.
    Sign in to follow issues

    Comments & Activities

    Production build 0.71.5 2024