govuk-one-login / service-header

A header for services using GOV.UK One Login
https://govuk-one-login.github.io/service-header/
6 stars 4 forks source link

Consider using a horizontal navigation for service links on mobile #3

Closed frankieroberto closed 1 year ago

frankieroberto commented 1 year ago

Current the design collapses the service navigation links behind a toggleable menu button on mobile:

Closed Open
Screenshot 2023-05-17 at 12 46 17 Screenshot 2023-05-17 at 12 47 06

I think it’s worth considering at least the option for service teams to use a horizontal navigation layout on mobile.

These have a few advantages:

The disadvantages are that they can take up more space, particularly if the number of links or the length of the link text causes them to wrap over 2 lines.

Here’s how it looks on a Department for Education service, where we chose to use a horizontal navigation with wrapping on mobile:

Screenshot 2023-05-17 at 12 51 30
benjamin-mortimer commented 1 year ago

Hi Frankie,

Thanks for raising this issue. We'll take a look at this and get back to you after our next planning session (23 May 2023).

All best,

Ben

benjamin-mortimer commented 1 year ago

Hi Frankie,

Apologies for taking longer to get back to you than I originally promised.

We've decided not to work on this issue for the time being.

We'd like to establish that the set of changes that make the One Login header different to the existing GOV.UK service header are successful before we iterate the design further.

However, we think this is an interesting potential iteration and will keep it in mind when we come to develop the design.

Many thanks for raising this issue.

Ben

frankieroberto commented 1 year ago

@benjamin-mortimer no worries - this can be something considered later!