building a responsive government (website)

54
www.studiothick.com [email protected] twitter.com/studiothick facebook.com/studiothick www.studiothick.com [email protected] twitter.com/studiothick facebook.com/studiothick Building a responsive government (website) Be Responsive 8 April 2014

Upload: kelsey-schwenk

Post on 17-Aug-2014

2.897 views

Category:

Design


3 download

DESCRIPTION

What do you really need from a government's website? And how do you navigate the politics and red tape to make a truly user-focused solution? To find out, we'll be using the newly launched Business Victoria website as a case study of how to do things right. We'll also take a look at a few other websites from governments around the world to see what's working... and what's not. Originally presented for the Melbourne Be Responsive meetup 8 April 2014. Audio (and video) here: http://vimeo.com/91573472 More tech-related info about the build available here: https://gist.github.com/sawks/10087371

TRANSCRIPT

Page 1: Building a Responsive Government (website)

www.studiothick.com [email protected] twitter.com/studiothick facebook.com/studiothickwww.studiothick.com [email protected] twitter.com/studiothick facebook.com/studiothick

Building a responsive government (website)

Be Responsive 8 April 2014

Page 2: Building a Responsive Government (website)

450%

Page 3: Building a Responsive Government (website)

Customer quotes, verbatim (2012)

Overwhelming.

The website is jumbled - there’s too much

information.

Went straight to helpline, wasn’t sure where to look

Too much information, wasn't sure where to look

and what to look for.

Too much info - was easier to call.

Too much information, couldn’t see obvious link to

public holidays.

Too much info - a bit complex.

Very busy, too cluttered and the links send you

around in circles.

Confusing.

Page 4: Building a Responsive Government (website)
Page 5: Building a Responsive Government (website)
Page 6: Building a Responsive Government (website)
Page 7: Building a Responsive Government (website)
Page 8: Building a Responsive Government (website)
Page 9: Building a Responsive Government (website)

✓ Increase access, usage and accessibility

✓Simplification of information

✓Streamlining business process

Page 10: Building a Responsive Government (website)

What are other notable governments doing around the world? None of them are perfect, but there’s things we can learn from them

Page 11: Building a Responsive Government (website)
Page 12: Building a Responsive Government (website)
Page 13: Building a Responsive Government (website)
Page 14: Building a Responsive Government (website)
Page 15: Building a Responsive Government (website)
Page 16: Building a Responsive Government (website)

Acknowledges this may not be exactly the right place, considering people can land from lots of different places (not just following a taxonomy)

Modality

Let me navigate the page on my own if I want to...

...but take me through what I need to know, from the start

Page 17: Building a Responsive Government (website)

Steps things out in a clear language, with meaningful links, supporting explanations and ‘discs’ that break the flow of scanning

Subtle, suggestive design cues

Page 18: Building a Responsive Government (website)

Guide me onwards

Indicate recency

Useful things in the same category

Behave like a helpful person

Suggest an helpful alternative

Tie off with a tip

Ask for feedback

Page 19: Building a Responsive Government (website)

Hit me with the highlights

Design to the demand (design with data)

Page 20: Building a Responsive Government (website)
Page 21: Building a Responsive Government (website)

Nice visual design (clear language, good typographic hierarchy etc), but less helpful than it should be.

An example of getting the visual design right, and missing the mark on the UX design.

nyc.gov

Page 22: Building a Responsive Government (website)

Behave like a helpful person

Get to the popular stuff quickly

Page 23: Building a Responsive Government (website)

Doing too much

They’re not here to hang out

Page 24: Building a Responsive Government (website)

Not so great

Disconnection

Page 25: Building a Responsive Government (website)

Not so great

Broken flow

Page 26: Building a Responsive Government (website)

Not so great

Buried search

Page 27: Building a Responsive Government (website)

Not so great

Bad affordance

Page 28: Building a Responsive Government (website)

Good design is as little design as possible Less, but better – because it concentrates on the essential aspects, and the products are not burdened with non-essentials.

Back to purity, back to simplicity.

Page 29: Building a Responsive Government (website)
Page 30: Building a Responsive Government (website)

What we design shouldn’t draw attention to itself, it should allow people to accomplish their tasks with a minimum of fuss and in the most efficient manner possible. At its best, it will be invisible.

Page 31: Building a Responsive Government (website)

Ok, so what did we do?

Page 32: Building a Responsive Government (website)

We talked to real business people.

Page 33: Building a Responsive Government (website)
Page 34: Building a Responsive Government (website)

We listened to the data.

Page 35: Building a Responsive Government (website)

450% increase in mobile traffic !Google Analytics

04:26 min time on site !Google Analytics

61% of traffic from search !Google Analytics

Page 36: Building a Responsive Government (website)

We made it easy.

Page 37: Building a Responsive Government (website)

✓Simple

✓Relevant

✓Clear

✓Human

✓Efficient

✓ Inevitable

✓Fast

✓Easy

Page 38: Building a Responsive Government (website)

Far fewer decisions to make

Page 39: Building a Responsive Government (website)

We co-designed with the government.

Page 40: Building a Responsive Government (website)
Page 41: Building a Responsive Government (website)

Choosing a business name

Starting a business infographic

Protecting your name

Search

Registering a business name

BusinessVictoria

Research and apply for a new business name in Australia.Australian businesses are required to register their business name.

is available

isn’t already registered as a company

isn’t already a registered trade mark

Make sure your business name... Not what you’re looking for?

Page 42: Building a Responsive Government (website)

No more confusion.

Page 43: Building a Responsive Government (website)

Choosing a business name

Starting a business infographic

Protecting your name

Cancelling a business name

How I began my business – Gardenworld Nursery

What I wish I knew: Three entrepeneurs tell all

Taking time to be an overnight success

Search

Registering a business name

BusinessVictoria

Research and apply for a new business name in Australia.Australian businesses are required to register their business name.

Before you start

an individual and the business name is your name (first name and surname)a registered company and the business name is the company’s name

a partnership and the business name consists of all of the partners’ names.

You do not need to register your business name if you are:

Related Case StudiesTip

When using your personal name for your business, you must use your exact name .

For example, if your name is Jane Smith and you want to call your business 'Jane Smith & Co', this would need to be registered.

Read some helpful tips on choosing a business name.

!

is available

isn’t already registered as a company

isn’t already a registered trade mark

is available as a website

Make sure your business name... Not what you’re looking for? Err, I think I’m in the wrong spot...

Whatever, government Internet machine. What about real people?

What can I do on this page?

Why is it important?

Page title

What do I need to do

A tip

Before you start

Page 44: Building a Responsive Government (website)

We made it actionable.

Page 45: Building a Responsive Government (website)

All content is actionable

Page 46: Building a Responsive Government (website)

We talk your language.

Page 47: Building a Responsive Government (website)

Content principlesAll content must be:

a) simple b) clear c) relevant

!

We want users to understand what to do and why, quickly.

Page 48: Building a Responsive Government (website)
Page 49: Building a Responsive Government (website)
Page 50: Building a Responsive Government (website)

We made it accessible for all.

Page 51: Building a Responsive Government (website)

We made it fast.We’re now 72% faster

Page 52: Building a Responsive Government (website)

We made it work, everywhere.

Page 53: Building a Responsive Government (website)

Anywhere, anytime, any device

Page 54: Building a Responsive Government (website)