revolutionising gov.uk

91
UK Government nicepaul @ Revolutionising GOV.UK Paul Annett Creative Lead UK Government Digital Service (“GDS”)

Upload: nicepaul

Post on 28-Jan-2015

120 views

Category:

Design


0 download

DESCRIPTION

How did a handful of web nerds kick-start a chain of events that will save the UK government billions of dollars each year? And how do 10 simple design principles underpin how the UK’s Government Digital Service is revolutionizing government online? Paul Annett, Creative Lead at the Cabinet Office, will discuss the cultural and technological shifts now underway, and how you can bring them to your workplace.

TRANSCRIPT

Page 1: Revolutionising GOV.UK

UK Governmentnicepaul@

Revolutionising GOV.UK

Paul Annett Creative LeadUK Government Digital Service (“GDS”)

Page 2: Revolutionising GOV.UK

https://twitter.com/revdancatt/status/164475286111518720nicepaul@

How’s that for a quote! Not entirely accurate, but there is something incredible happening here.

Page 3: Revolutionising GOV.UK

UK Governmentnicepaul@

That’s me. The Government Digital Service is right at the heart of the UK government.

Page 4: Revolutionising GOV.UK

http://flic.kr/p/55dAUSnicepaul@

Routemaster busLet’s take a look at some classic British designs…

Page 5: Revolutionising GOV.UK

UK Governmentnicepaul@

London tube mapLet’s take a look at some classic British designs…

Page 6: Revolutionising GOV.UK

http://flic.kr/p/MteqMnicepaul@

Red telephone boxLet’s take a look at some classic British designs…

Page 7: Revolutionising GOV.UK

http://flic.kr/p/9wFCAgnicepaul@

British Rail trainLet’s take a look at some classic British designs…

Page 8: Revolutionising GOV.UK

http://flic.kr/p/9wFCAgnicepaul@

London taxiLet’s take a look at some classic British designs…

Page 9: Revolutionising GOV.UK

http://flic.kr/p/e6YpZxnicepaul@

Road sign systemLet’s take a look at some classic British designs…

Page 10: Revolutionising GOV.UK

http://flic.kr/p/ajdgnynicepaul@

Even our sewers...Let’s take a look at some classic British designs…

Page 11: Revolutionising GOV.UK

UK Governmentnicepaul@

Public sector web design is a different story.This is the old government site for businesses.

Page 12: Revolutionising GOV.UK

UK Governmentnicepaul@

And the old government site for everyone else.

Page 13: Revolutionising GOV.UK

UK Governmentnicepaul@

Hundreds of old department sites. It was expensive, hard to find stuff & hard to use.

Page 14: Revolutionising GOV.UK

In 2011, 1 in 5 phone calls to government helplines were as a result of failed online transactions.

UK Governmentnicepaul@

Page 15: Revolutionising GOV.UK

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

UK Governmentnicepaul@

Page 16: Revolutionising GOV.UK

Improving digital services [and developing in-house] will save £1.7 to £1.8 billion per year.

UK Governmentnicepaul@

Source: Digital Efficiency Report, 2012http://publications.cabinetoffice.gov.uk/digital/efficiency/

Page 17: Revolutionising GOV.UK

It’s unacceptable that [with large IT suppliers]changing one line of code in one application could cost up to £50,000.

Chris Chant, former G-Cloud Programme Director

UK Governmentnicepaul@

Source: audio at 8m00shttp://digital.cabinetoffice.gov.uk/listen-to-chris-chant

Page 18: Revolutionising GOV.UK

1,700 central government websitesclosed in 2011/2012.

UK Governmentnicepaul@

Page 19: Revolutionising GOV.UK

In a 2010 report, the UK government’s “Digital Champion” Martha Lane Fox called for revolution,not evolution in online public services.

UK Governmentnicepaul@

Page 20: Revolutionising GOV.UK

UK Governmentnicepaul@

1. Create GDS2. Fix publishing3. Fix transactions4. Go wholesale

Recommending:

Page 21: Revolutionising GOV.UK

UK Governmentnicepaul@

Single place online for all government services and information

The Cabinet Office should have absolute control of the user experience across all digital channels

Source: Martha Lane Fox’s reporthttp://bit.ly/marthas-report

Page 22: Revolutionising GOV.UK

UK Governmentnicepaul@

Some obvious ones

driver’s licencespassportspensionsbenefits

taxes

There are 660 different government services

Page 23: Revolutionising GOV.UK

http://flic.kr/p/dtxfW3nicepaul@

Register to voteNot yet online, but would be useful for a huge audience so we’re working on it.

Page 24: Revolutionising GOV.UK

http://flic.kr/p/7KwatNnicepaul@

Burial at seaOnline service pre-dates GDS, and used only 10 times last year! Important to prioritise...

Page 25: Revolutionising GOV.UK

UK Governmentnicepaul@

We’re prioritising services to fix, using datahttp://transactionsexplorer.cabinetoffice.gov.uk

Page 26: Revolutionising GOV.UK

exemplarservices

25

UK Governmentnicepaul@

We’re helping teams from departments around the country raise the bar for digital services.

Page 27: Revolutionising GOV.UK

http://flic.kr/p/tRSgxnicepaul@

EcommercePrivate sector digital transactions =

Page 28: Revolutionising GOV.UK

UK Governmentnicepaul@

“Grudge transactions”Public sector digital transactions =

Page 29: Revolutionising GOV.UK

UK Governmentnicepaul@

What is the government committing to?http://publications.cabinetoffice.gov.uk/digital

Page 30: Revolutionising GOV.UK

UK Governmentnicepaul@

What came after Martha’s report?Alpha (public) – proof of concept to gain support.

Page 31: Revolutionising GOV.UK

UK Governmentnicepaul@

Beta (public) – first steps towards a live site.

Page 32: Revolutionising GOV.UK

UK Governmentnicepaul@

Released site, autumn 2012.

Page 33: Revolutionising GOV.UK

UK Governmentnicepaul@

Government Digital Service

Design Principles

By publishing design principles we’ve changed how stakeholders think and talk about design.

Page 34: Revolutionising GOV.UK

UK Governmentnicepaul@

Design Principle 1

Start with needs* user needs, not government needs

Page 35: Revolutionising GOV.UK

UK Governmentnicepaul@

The Government Digital Service is committed to ensuring that, as we reform the delivery of public services, they are designed around the needs of the user rather than, as has been far too often the case in the past, being designed to suit the convenience of the government.Minister for Cabinet Office, speaking in the House of Commons

Page 36: Revolutionising GOV.UK

UK Governmentnicepaul@

Analyse search terms to find what users need.

Page 37: Revolutionising GOV.UK

UK Governmentnicepaul@

The old site wasn’t designed around user needs, all information was presented equally.

Page 38: Revolutionising GOV.UK

UK Governmentnicepaul@

Page 39: Revolutionising GOV.UK

UK Governmentnicepaul@

The new site is designed to highlight the most commonly needed information.

Page 40: Revolutionising GOV.UK

UK Governmentnicepaul@

Page 41: Revolutionising GOV.UK

UK Governmentnicepaul@

Design Principle 2

Do less

Page 42: Revolutionising GOV.UK

UK Governmentnicepaul@

We shouldn’t give broad advice on specialist subjects, like this old page about keeping bees.

Page 43: Revolutionising GOV.UK

UK Governmentnicepaul@

Niche topics like how to identify a wave are covered in more depth by experts elsewhere.

Page 44: Revolutionising GOV.UK

UK Governmentnicepaul@

We needn’t give common sense advice like“wrap up warm or go indoors if you get chilly”

Page 45: Revolutionising GOV.UK

http://flic.kr/p/8u6JwEnicepaul@

US gov also closing unnecessary websites to save taxpayers’ money. Search for fiddlinforesters.gov

Page 46: Revolutionising GOV.UK

UK Governmentnicepaul@

Design Principle 3

Design with data

Page 47: Revolutionising GOV.UK

UK Governmentnicepaul@

Don’t assume you know your users. Informal usability testing is better than nothing.

Page 48: Revolutionising GOV.UK

http://flic.kr/p/5QfsNznicepaul@

Your call centres will know exactly which parts of your website provoke most calls.

Page 49: Revolutionising GOV.UK

UK Governmentnicepaul@

Design Principle 4

Do the hard work to make it simple

Page 50: Revolutionising GOV.UK

UK Governmentnicepaul@

The old site presented complicated policies, left people to work things out for themselves.

Page 51: Revolutionising GOV.UK

UK Governmentnicepaul@

Page 52: Revolutionising GOV.UK

UK Governmentnicepaul@

The new site asks a few questions and only gives the information that a user needs.

Page 53: Revolutionising GOV.UK

UK Governmentnicepaul@

Page 54: Revolutionising GOV.UK

Example from twitter.com/signupnicepaul@

Being helpful can unwittingly expose information about users. Avoid this on high risk services.

Page 55: Revolutionising GOV.UK

UK Governmentnicepaul@

Design Principle 5

Iterate, then iterate again

Page 56: Revolutionising GOV.UK

http://flic.kr/p/bw8oGmnicepaul@

Websites aren’t space rockets, taking years to build and launch with no hope of changing them later.

Page 57: Revolutionising GOV.UK

UK Governmentnicepaul@

Betaiteration 1

Page 58: Revolutionising GOV.UK

UK Governmentnicepaul@

Betaiteration 2

Page 59: Revolutionising GOV.UK

UK Governmentnicepaul@

Betaiteration 3

Page 60: Revolutionising GOV.UK

UK Governmentnicepaul@

Betaiteration 4

Page 61: Revolutionising GOV.UK

UK Governmentnicepaul@

Site design at launch. More changes to come. Details at: http://digital.cabinet-office.gov.uk

Page 62: Revolutionising GOV.UK

UK Governmentnicepaul@

Design Principle 6

Build for inclusion

Inclusive design is good design for everyone.

Page 63: Revolutionising GOV.UK

http://flic.kr/p/8Bt1HGnicepaul@

Those who need government services most are the most vulnerable & hardest to reach.

Page 64: Revolutionising GOV.UK

http://flic.kr/p/p4y94nicepaul@

Consider content to meet access needs, not just technically accessible websites.

Page 65: Revolutionising GOV.UK

UK Governmentnicepaul@

In 1997 I retracted the guideline to avoid scrolling pages because users had acclimated to scrolling on the Web.Today, users will scroll.

Jakob Neilsen, 2010

But novices haven’t learnt how the web works.Do your own research based on your audience.

Page 66: Revolutionising GOV.UK

UK Governmentnicepaul@

Design Principle 7

Understand context

Page 67: Revolutionising GOV.UK

http://flic.kr/p/DvVuXnicepaul@

Context isn’t just about responsive design. Think about environments and emotions.

Page 68: Revolutionising GOV.UK

http://flic.kr/p/daTjSDnicepaul@

We design for users who are suffering or under stress. Death, disability, taxes, etc.

Page 69: Revolutionising GOV.UK

UK Governmentnicepaul@

Design Principle 8

Build digital services, not websites

Page 70: Revolutionising GOV.UK

http://flic.kr/p/dP8uhAnicepaul@

What can we do digitally to make user’s lives easier? It’s not just about making websites.

Page 71: Revolutionising GOV.UK

UK Governmentnicepaul@

Design Principle 9

Be consistent, not uniform

Page 72: Revolutionising GOV.UK

http://flic.kr/p/a8QSttnicepaul@

Create designs consistent with underlying principles, not rigidly constrained by a styleguide.

Page 73: Revolutionising GOV.UK

UK Governmentnicepaul@

Guides and resources on how to build good government services: http://gov.uk/servicemanual

Page 74: Revolutionising GOV.UK

UK Governmentnicepaul@

Design Principle 10

Make things open (it makes things better)

Page 75: Revolutionising GOV.UK

UK Governmentnicepaul@

If we give away our code, we’ll be repaid in better code. We open source all we build.

Page 76: Revolutionising GOV.UK

UK Governmentnicepaul@

British public sector design projects have always inspired governments around the world

Page 77: Revolutionising GOV.UK

UK Governmentnicepaul@

London, 1933

Page 78: Revolutionising GOV.UK

UK Governmentnicepaul@

Paris

Page 79: Revolutionising GOV.UK

UK Governmentnicepaul@

Moscow

Page 80: Revolutionising GOV.UK

UK Governmentnicepaul@

Madrid

Page 81: Revolutionising GOV.UK

Tokyo

UK Governmentnicepaul@

Page 82: Revolutionising GOV.UK

Sydney

UK Governmentnicepaul@

Page 83: Revolutionising GOV.UK

Washington DC

UK Governmentnicepaul@

Page 84: Revolutionising GOV.UK

http://flic.kr/p/9ZSaAnnicepaul@

UK had a mish mash of road signs until government made them consistent, inspiring…

Page 85: Revolutionising GOV.UK

…Greece

https://en.wikipedia.org/wiki/File:Kournas_road_sign.jpgnicepaul@

Page 86: Revolutionising GOV.UK

…Australia

http://flic.kr/p/aFiw26nicepaul@

Page 88: Revolutionising GOV.UK

http://flic.kr/p/dGF4onicepaul@

I’m not saying we always get it right! I’m not saying GOV.UK is as iconic as these projects.

Page 89: Revolutionising GOV.UK

www.gov.uk@ nicepaul UK Governmentnicepaul@

But with governments visiting us from around the world, maybe we can start a design revolution.

Page 90: Revolutionising GOV.UK

WEBSITE

www.gov.ukDESIGN PRINCIPLES

www.gov.uk/designprinciplesSERVICE MANUAL

www.gov.uk/servicemanualDIGITAL STRATEGY

publications.cabinetoffice.gov.uk/digitalBLOG

digital.cabinetoffice.gov.ukCODE

github.com/alphagovTWITTER

@GDSTeam

UK Governmentnicepaul@

Useful links

Page 91: Revolutionising GOV.UK

UK Governmentnicepaul@

Paul Annett Creative LeadUK Government Digital Service