Submit a photo

[sanjaypoyzer]

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).

js file 1 js file 2

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.