govuk-design-system-backlog icon indicating copy to clipboard operation
govuk-design-system-backlog copied to clipboard

Submit a photo

Open suryanaga opened this issue 7 years ago • 10 comments
trafficstars

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.

suryanaga avatar Jan 22 '18 12:01 suryanaga

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.

timpaul avatar Feb 09 '18 15:02 timpaul

@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]

govuk-design-system avatar Feb 20 '18 14:02 govuk-design-system

Kevin McHale on Virtual hearings has interesting research and design on asking for camera permission, we should investigate.

joelanman avatar Feb 24 '18 21:02 joelanman

Just to say I've checked through this and I think we have all the components it requires already in the Design System

joelanman avatar Apr 04 '18 13:04 joelanman

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.

NickColley avatar Apr 04 '18 13:04 NickColley

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

joelanman avatar Apr 04 '18 13:04 joelanman

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.

image

timpaul avatar May 21 '18 14:05 timpaul

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! image

suryanaga avatar Jan 29 '19 10:01 suryanaga

In the future it will hopefully be possible to use HMPO's passport photos instead of this.

@sanjaypoyzer, is that effort tracked anywhere?

RokeJulianLockhart avatar Jul 04 '24 14:07 RokeJulianLockhart

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

suryanaga avatar Jul 04 '24 14:07 suryanaga