govuk-design-system-backlog
govuk-design-system-backlog copied to clipboard
Submit a photo
What
Help users submit a photo of themselves to a service by uploading it or using the camera on their device. Ask users questions to determine the best option for them.
Note: In the future it will hopefully be possible to use HMPO's passport photos instead of this.
Why
This pattern is being used by DfT in the Apply for a blue badge Alpha.
Users are required to upload a photo of themselves for their bus pass. The easiest way for most users to do this is by taking a photo with their device.
Anything else
I've documented the pattern as used in the concessionary travel service.
The research on this pattern is documented here.
All of relevant HTML is here. (Sorry I haven't organised it better).
Recommendations
This proposal was reviewed by a panel of designers from GDS, DVLA, HMRC, DWP and Home Office on 15 Feb 2018.
The panel agreed that the pattern should be included in the GOV.UK Design System with the following recommendations.
Pattern scope
Make sure that the scope of the pattern reflects the most common user tasks. It might be useful to broaden it and make it more generic, or alternatively break it down into a group of smaller more specific sub-patterns.
Photo requirements
Different services have different requirements for which images they will accept. The pattern should acknowledge this and give appropriate guidance.
For example, DVLA need a ‘recent and true’ likeness’ for their photos, but passport photos aren’t always recent. Similarly, passport photos have requirements that don’t apply to other services.
Technical guidance
The developer of this patterns should consider how much guidance can realistically be provided about transferring photos from all the different types of device.
Thanks for this Sanjay. We've recently updated our template for proposed patterns, so I've amended your original comment to reflect this. Hope you don't mind.
The Design System Working Group will be reviewing this proposal next Friday (16 Feb). They will review the broad approach rather than the specific implementation. Members of the group may ask questions on this issue prior to the review - if you have time it would be great if you could answer them.
@sanjaypoyzer the pattern has been reviewed and the recommendations are written within the issue. Please contact the GOV.UK Design System team for next steps on [email protected]
Kevin McHale on Virtual hearings has interesting research and design on asking for camera permission, we should investigate.
Just to say I've checked through this and I think we have all the components it requires already in the Design System
The implementation referenced in the issue uses newer browser features, we'd need to do work to make sure this is actually a pattern we can recommend given the browsers we support.
Agent sniffing is something to avoid generally - it's hard to maintain a good list of user agents. We could use javascript instead to look for the presence of a webcam - this would be future friendly. A new browser would probably be missing from the user agent list, but would probably support the standard JavaScript webcam API.
https://caniuse.com/#feat=stream
Hi @sanjaypoyzer. What do you think about renaming this pattern to 'Submit a photo'? We need something that works with our 'Help users to...' naming convention. eg.

The Blue Badge service has iterated on this pattern, including adding a countdown before the photo is taken. Would be great to have them contribute their findings here!

In the future it will hopefully be possible to use HMPO's passport photos instead of this.
@sanjaypoyzer, is that effort tracked anywhere?
Sorry, I'm not aware – I don't work in government anymore. I imagine you could find out on the cross-gov Slack though!
On Thu, 4 Jul 2024 at 15:11, RokeJulianLockhart @.***> wrote:
In the future it will hopefully be possible to use HMPO's passport photos instead of this.
@sanjaypoyzer https://github.com/sanjaypoyzer, is that effort tracked anywhere?
— Reply to this email directly, view it on GitHub https://github.com/alphagov/govuk-design-system-backlog/issues/120#issuecomment-2209096931, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA7KVS3EXXRPO5SZNEV6CBDZKVJYVAVCNFSM6AAAAABKLUKLQKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEMBZGA4TMOJTGE . You are receiving this because you were mentioned.Message ID: @.***>
-- *Dh. Sūryanāga *(su-ree-ah-nah-ga) +44 7895 123 673 http://sangharakshita.org | http://futuredharma.org