Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Guidance for Navigation contribution #3859

Closed
wants to merge 3 commits into from

Conversation

CharlotteDowns
Copy link
Contributor

This is the preview of the navigation contribution guidance that will introduce the:

  • Service header navigation component
  • Help users to navigate a service pattern

As well as changing some of the content of the GOV.UK header component

Copy link

netlify bot commented Jun 19, 2024

You can preview this change here:

Name Link
🔨 Latest commit dd5d995
🔍 Latest deploy log https://app.netlify.com/sites/govuk-design-system-preview/deploys/6679e98615b9a800083fac21
😎 Deploy Preview https://deploy-preview-3859--govuk-design-system-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@andymarshall-35
Copy link

andymarshall-35 commented Jun 28, 2024

"Search inputs
If your service has search functionality, place the search input in the service header navigation, between the service name and navigation." Link
This surprised me a little - has there been any recent research on placement of the search input? All research I'm aware of suggests placing it to the right of the header navigation, not in the centre, as this is where people expect to see it... but I appreciate some of that research is a little out dated.

@CharlotteDowns
Copy link
Contributor Author

Closing this pull request to make way for a 'more agile' release of the Navigation contribution

@CharlotteDowns
Copy link
Contributor Author

CharlotteDowns commented Aug 21, 2024

@andymarshall-35 there has been no end user research we can point to on placing service-wide search in the grey bar 'Service navigation' component as yet. This is one of the reasons why 'slots' and other elements of the Navigation contribution are going to be released as 'beta' for teams who are able to test these things with their users and can feed back.

The navigation steering group mentioned that users often are confused about what the search is searching, for example, the whole of gov.uk or the service itself. Therefore our rationale behind the following quote

place the search input in the service header navigation, between the service name and navigation

is that it is clearer for end users that the search relates to the service level. If a 'global' gov.uk search was released that would go into the black bar header component.

Equally, whether the search box is placed on the right is still at the discretion of the teams implementing and using the slots.

I will however, make sure we consider this as part of our updated guidance for our 'agile' release.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Preview branch of Design System website (week 1)
3 participants