Hackpads are smart collaborative documents. .

Stephen Gill

973 days ago
Unfiled. Edited by Adrie van der Luijt , Ed Horsford , Joe Lanman , Stephen Gill 973 days ago
Ed H
  • Or zoom in and out in maps. It's odder to have the zoom in button disappear than having a consistent interface. Worth keeping in mind that these use cases are nearly all very rare on the services we make.
Adrie L
  • Should we use 'Back to Business overview' or 'Back to business overview'? Or simply 'Back'?
Ed H
  • I think it depends on the context. We normally use 'Back' would to take the user to the 'page they were previously on' - ie not a specific page. Though there may be contexts where it could be closer to how 'back' is used on iOS - ie up one level.
Adrie L
  • So if it goes to a specific page, should the name of that page have a capital?
Ed H
Joe L
  • So far we've just used "back", we dont have any research to say people need more
Ed H
  • Joe Lanman if my understanding is correct though, this isn't back. Back *isn't* where this takes you. As with everything though I'd test this with users and see what their expectations are.
Adrie L
  • In this case the user has started on 'Business overview', gone through a process to amend business details and at the end of this clicks to return to 'Business overview'. So in their mind they are very much returning to 'Business overview' rather than continuing to it. 
Joe L
  • Ah I see "back" should normally refer to the previous screen. In this case, wouldn't just "business overview" suffice?
Ed H
  • Possibly a green button "Return to business overview" ?
Adrie L
  • If this green button is on a screen that confirms the amended business details, 'Continue' would be my preference. If it shows amendments that have not yet been confirmed, it would be 'Submit'. 'Back to business overview' doesn't seem a CTA; if the user would logically expect to return to business overview after confirming amendments, 'Continue' makes more sense. However, this is just one example and the query I received was more in general about use of capitals when referring to screen titles.
Joe L
  • hm, good question on capitals, I'm not sure to be honest - We normally use sentence case throughout. So "Continue to business overview" or just "Business overview" - but this might be a question for a content person like Stephen Gill
Stephen G
  • I think it's sentence case. You either understand what we mean by 'Back to business overview' label or you don't - I don't think capping up 'Business' helps. If people don't understand what you mean, the answer is probably to change the label.
764 days ago
815 days ago
Unfiled. Edited by Pietro Desiato , Stephen Gill 815 days ago
"Before you start" tells you about
Pietro D
  • Has the "Before you start" been always tested below the 'Start" button? I can see this approach working well for rushers but isn't it a bit confusing to name it "before you start", if it's then placed after it?
Stephen G
  • Pietro Desiato Yes, it's arguably a little odd. Basically, the GOV.UK start page template places the 'Before you start' heading on the page automatically, in that position. The GOV.UK core product team were looking at improving the start page templates, but I'm not sure where they're up to with that.
785 days ago
1016 days ago
Unfiled. Edited by Stephen Gill 1016 days ago
Stephen G The service manual still recommends a single big input field or multiple, individually labelled fields. Tim Paul - can we update the service manual so it recommends Joe's design?
905 days ago
Unfiled. Edited by Caroline Jarrett , Stephen Gill 905 days ago
Caroline J One view is: 
If you need to focus your user's attention on to a single piece of content, without taking them to a new screen then modal dialog boxes may be an appropriate way to do that.
Another view is:
They offer considerable problems for some types of users, especially low skills/low confidence users who may be struggling to understand the basic layout and use of the ordinary screens and don't need to be confronted with another sort of dialog box. 
  • Guidance
Typically, we reach for modal dialog boxes  because the page has become too complicated. Try simplifying and  splitting up the underlying page first. 
Before you even consider a modal dialog box, make sure that you have strong evidence that:
  1. There is a real user need to have attention focused on a single piece of content AND
  1. That need cannot be met by taking the user to a new page in the same flow that contains the crucial piece of content. 
Stephen G [Reckon on when it might be a good idea to use a modal] -
A form is a conversation between the service and the user. Generally speaking, you don’t want to interrupt it.
But sometimes you may need to interrupt the conversation with a message from the system (as opposed to the service). For example, you might need to tell people that their session is about to time out.
Provided you can do it accessibly, a modal can be a good way of presenting this kind of ‘system’ message. You’re effectively saying “Sorry - before you continue, would you mind dealing with this thing?" 
Make sure the modal dialog box is accessible
Caroline J If you use a modal dialog box then you must make sure it is accessible by doing these things:
  • on open, keyboard focus must be taken to the start of the dialogue
  • whilst open, keyboard focus must be constrained within the dialogue
  • it must be possible to close the dialogue via a close button and/or with the escape key
  • on close, keyboard focus must be returned to the original point on the page
1203 days ago
Unfiled. Edited by Kellie M , Stephen Gill 1203 days ago
Joe L
  • We do this on Register to vote too, probably inspired by Carer's. It saves vertical space, and looks nice on mobile as you can just do 50% width:
Kellie M
  • I've been told by a content designer in MOJ that radio button and check box text should be lower case, eg yes / no, not Yes / No
Stephen G
  • It should be Yes / No, not yes / no. Labels for radio buttons,  check boxes etc are treated as separate screen artifacts - not part of a continuous piece of text. So they use sentence case (much like a page title). Plus it looks weird.

Contact Support

Please check out our How-to Guide and FAQ first to see if your question is already answered! :)

If you have a feature request, please add it to this pad. Thanks!

Log in