Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Edit a list #21
A list of items that can be edited and added to. Actions can be performed on one or more items in the list (eg. delete, archive).
Some things to consider:
We have documented a version of this in HMRC: http://hmrc.github.io/assets-frontend/patterns/add-to-a-list/index.html (the current markup is based on elements, we're working on a version based on govuk-frontend)
This implementation has been synthesised by combining some existing designs and will undergo some user research in the service which is piloting it.
@jdworks commented on 26 Oct
We tested this pattern (with a couple of slight changes) with agents last week:
Context: agents use the service to build an authorisation request for their client, and they add tax services to the request one at a time before sending it to their client.
We needed to include the name of the client and the service they were requesting authorisation for in the table for it to make sense to the user. Regarding CTA's, 'change' is not an option since it's not technically possible to change the request once it's been created, though it can be deleted before the agent sends to the client. Contrary to the screengrab above, the version we tested used the word 'delete' instead of 'remove', though after the testing we changed the wording to the softer sounding 'remove' as we felt it fitted the use case better: "remove a pending request" rather than "delete a pending request". We'll see how this tests in the next few weeks.
Overall the pattern worked well. Users understood the page straight away and were happy with what the table was showing, and understood the calls to action.