Download - Designing for everyone

Transcript
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