Designing for everyone

59
The Challenges of Designing for Everyone REVOLUTIONISING UK GOVERNMENT ONLINE Government Digital Service

description

Presentation given by GDS transaction design team about the GOV.UK design principles.

Transcript of Designing for everyone

Page 1: Designing for everyone

The Challenges of Designing for EveryoneR E V O L U T I O N I S I N G U K G O V E R N M E N T O N L I N E

Government Digital Service

Page 2: Designing for everyone
Page 3: Designing for everyone
Page 4: Designing for everyone

What does theGovernment Digital Service do?

Page 5: Designing for everyone

Child benefitAccess to medical records

Passport application

Book a driving test Car tax

Student loan Register to vote

Sign an e-petition

Freedom of Information Request

Jobseeker’s Allowance

State pensions

Lasting Power of Attorneyation

arming

Page 6: Designing for everyone

http://flic.kr/p/tRSgx

Page 7: Designing for everyone
Page 8: Designing for everyone

http://flic.kr/p/6ZwuPm

Page 9: Designing for everyone

http://www.vlada.hr/en

Page 10: Designing for everyone
Page 11: Designing for everyone
Page 12: Designing for everyone
Page 13: Designing for everyone
Page 14: Designing for everyone

1 in 5 phone calls to a government helpline were a result of a failed online transaction

Page 15: Designing for everyone

For one digital service, each user had to call the helpline on average SEVEN times

Page 16: Designing for everyone

£1 ,000,000,000saving per year

Page 17: Designing for everyone

It’s unacceptable that to change one line of code in one application can cost up to £50,000C H R I S C H A N T, G - C L O U D P RO G R A M M E D I R E C TO R

Page 18: Designing for everyone

1,500 websitesclosed so far

Page 20: Designing for everyone
Page 21: Designing for everyone

Start with needsDo lessDesign with data

1

2

3

4

5

6

7

8

9

1 0

Do the hard work to make it simpleIterate. Then iterate again.Build for inclusionUnderstand contextBuild digital services, not websitesBe consistent, not uniformMake things open: it makes things better

Page 22: Designing for everyone

Start with needsDo lessDesign with data

1

2

3

4

5

6

7

8

9

1 0

Do the hard work to make it simpleIterate. Then iterate again.Build for inclusionUnderstand contextBuild digital services, not websitesBe consistent, not uniformMake things open: it makes things better

Page 23: Designing for everyone
Page 24: Designing for everyone

The video that goes here is so good it gets a round of applause. Sorry you don’t get to see that on SlideShare.

Page 25: Designing for everyone

Start with needsDo lessDesign with data

1

2

3

4

5

6

7

8

9

1 0

Do the hard work to make it simpleIterate. Then iterate again.Build for inclusionUnderstand contextBuild digital services, not websitesBe consistent, not uniformMake things open: it makes things better

Page 27: Designing for everyone

http://flic.kr/p/8nV6ud

Page 28: Designing for everyone

http://flic.kr/p/8u6JwE

Page 29: Designing for everyone

Start with needsDo lessDesign with data

1

2

3

4

5

6

7

8

9

1 0

Do the hard work to make it simpleIterate. Then iterate again.Build for inclusionUnderstand contextBuild digital services, not websitesBe consistent, not uniformMake things open: it makes things better

Page 30: Designing for everyone
Page 31: Designing for everyone

http://flic.kr/p/5QfsNz

Page 32: Designing for everyone

Start with needsDo lessDesign with data

1

2

3

4

5

6

7

8

9

1 0

Do the hard work to make it simpleIterate. Then iterate again.Build for inclusionUnderstand contextBuild digital services, not websitesBe consistent, not uniformMake things open: it makes things better

Page 33: Designing for everyone

Ideal

Page 34: Designing for everyone

Reality

Page 35: Designing for everyone
Page 37: Designing for everyone

Start with needsDo lessDesign with data

1

2

3

4

5

6

7

8

9

1 0

Do the hard work to make it simpleIterate. Then iterate again.Build for inclusionUnderstand contextBuild digital services, not websitesBe consistent, not uniformMake things open: it makes things better

Page 38: Designing for everyone

http://flic.kr/p/8VgLUe

Page 39: Designing for everyone
Page 40: Designing for everyone

Start with needsDo lessDesign with data

1

2

3

4

5

6

7

8

9

1 0

Do the hard work to make it simpleIterate. Then iterate again.Build for inclusionUnderstand contextBuild digital services, not websitesBe consistent, not uniformMake things open: it makes things better

Page 41: Designing for everyone

http://flic.kr/p/8zitDf

Page 42: Designing for everyone

http://flic.kr/p/p4y94

Page 43: Designing for everyone

ARIA landmark roles:

<div id=“header” role=“banner”>…</div>

Page 45: Designing for everyone
Page 46: Designing for everyone

Start with needsDo lessDesign with data

1

2

3

4

5

6

7

8

9

1 0

Do the hard work to make it simpleIterate. Then iterate again.Build for inclusionUnderstand contextBuild digital services, not websitesBe consistent, not uniformMake things open: it makes things better

Page 47: Designing for everyone

http://flic.kr/p/DvVuX

Page 48: Designing for everyone

http://flic.kr/p/5qvKjU

Page 49: Designing for everyone

Start with needsDo lessDesign with data

1

2

3

4

5

6

7

8

9

1 0

Do the hard work to make it simpleIterate. Then iterate again.Build for inclusionUnderstand contextBuild digital services, not websitesBe consistent, not uniformMake things open: it makes things better

Page 50: Designing for everyone
Page 51: Designing for everyone

Start with needsDo lessDesign with data

1

2

3

4

5

6

7

8

9

1 0

Do the hard work to make it simpleIterate. Then iterate again.Build for inclusionUnderstand contextBuild digital services, not websitesBe consistent, not uniformMake things open: it makes things better

Page 52: Designing for everyone

http://flic.kr/p/a8QStt

Page 53: Designing for everyone
Page 54: Designing for everyone

Start with needsDo lessDesign with data

1

2

3

4

5

6

7

8

9

1 0

Do the hard work to make it simpleIterate. Then iterate again.Build for inclusionUnderstand contextBuild digital services, not websitesBe consistent, not uniformMake things open: it makes things better

Page 55: Designing for everyone

http://flic.kr/p/9rngcG

Page 56: Designing for everyone

www.gov.uk

github.com/alphagov

digital.cabinetoffice.gov.uk

@GovUK

Page 57: Designing for everyone

some images cc licenced from Paul Lloyd

Page 59: Designing for everyone

Thank you.

@GovUK