Hackpads are smart collaborative documents. Join Hackpad Now.

Tim Paul

188 days ago
Unfiled. Edited by Tim Paul 188 days ago
Accordions
 
 
Tim P
  • Guidance
 
Tim P
  • Use this section to draft guidance for the pattern. This will become the first draft of the pattern page when it's added to the Service manual, at which point it will be removed from this page. It's quite common for a single pattern page to describe a number of different approaches. We're using the following structure to document each approach:
  •  
  • Example: 1 line intro plus screenshot or HTML
  • Pros: What this pattern is good at and when to use it
  • Cons: What this pattern is less good at and when not to use it
  • Guidance: General guidance on implementing this pattern
 
  • Discussion
 
  •  A place to have a more general conversation about the pattern.
 
  • Examples on GOV.UK
 
  • Post images and links to examples on GOV.UK or prototypes.
  •  
  • Research
 
  • Describe or link to any research relating to this pattern.
  • If the pattern requires further research, record this here.
  •  
  • Further reading
 
  •  Links out to related articles, blog posts etc.
  •  
 
650 days ago
Unfiled. Edited by Tim Paul 650 days ago
Tim P
  • Michael - you could tackle the above another way: Firstly, just let users enter URLs in the main body of the text. I'm guessing some users will do this anyway. That way there's only one kind of  additional action - 'Upload a file', which will make it significantly easier to design. Given that there's a maximum of 4 attachments you could even just offer 4 file attachment controls on the page, and do away with the whole 'Add another' headache altogether.
 
 
195 days ago
Unfiled. Edited by Tim Paul 195 days ago
Warnings, notifications and alerts
 
Ed H Questions:
  • Should notifications be dismissable?
  • When is it appropriate to use them?
  • What styling should be used?
  • Should there be different types? (eg confirmation / warning)
  • Specific use cases
  • Sign-out
  • After confirming an email address
  • After changing something?
 
Tim P
  • Examples on GOV.UK
 
Ed H Ministry of Justice - Digital cashbook
 
 
Steven B Home Office
 
 
GOV.UK Notify
 
GOV.UK publishing tools use the Bootstrap pattern for alerts
 
1048 days ago
Unfiled. Edited by Tim Paul 1048 days ago
Tim P Save and return
 
Guidance
 
If the average time to complete a transaction is more than you can reasonably expect your users to spend in a single session, then you'll need to provide a way for them to save their progress.
 
The same goes if the session is likely to be interrupted for some reason. For example, if the user is suddenly asked for information which they might not have immediately to hand (a way to mitigate this is to warn users if they're going to be asked for that kind of information).
 
Saving progress does not necessarily mean you require user accounts, logins, email validation etc. For simpler transactions that don't store personal information you might be able to store the data in the URL itself. The user then simply has to bookmark that URL.
 
For more complex transactions that don't store personal data, you might be able to offer users a unique and hard-to-guess URL that they can use to get back to their session.
 
195 days ago
Unfiled. Edited by Tim Paul 195 days ago
405 days ago
Unfiled. Edited by Tim Paul 405 days ago
Gavin M
  • Does anyone have experience with more complex forms where sections can be filled out independently of one another? With what I'm designing I feel the user needs to see a high level view of each section and whether the section is complete as they can level the form and return to it at a later date. (I have just seen there are some case studies further down, thank you).
Tim P
  • Hi Gavin. We're still researching this one - but our current position is that it's better to meet those needs with a separate page, rather than trying to integrate it across every page of the transaction. That way, you have much more space to play with, but also somewhere to send people when they return to the transaction.
 

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 / Sign up