Building a Responsive Government (website)
-
Upload
kelsey-schwenk -
Category
Design
-
view
2.898 -
download
3
description
Transcript of Building a Responsive Government (website)
![Page 1: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/1.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/2.jpg)
450%
![Page 3: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/3.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/4.jpg)
![Page 5: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/5.jpg)
![Page 6: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/6.jpg)
![Page 7: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/7.jpg)
![Page 8: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/8.jpg)
![Page 9: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/9.jpg)
✓ Increase access, usage and accessibility
✓Simplification of information
✓Streamlining business process
![Page 10: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/10.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/11.jpg)
![Page 12: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/12.jpg)
![Page 13: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/13.jpg)
![Page 14: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/14.jpg)
![Page 15: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/15.jpg)
![Page 16: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/16.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/17.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/18.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/19.jpg)
Hit me with the highlights
Design to the demand (design with data)
![Page 20: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/20.jpg)
![Page 21: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/21.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/22.jpg)
Behave like a helpful person
Get to the popular stuff quickly
![Page 23: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/23.jpg)
Doing too much
They’re not here to hang out
![Page 24: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/24.jpg)
Not so great
Disconnection
![Page 25: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/25.jpg)
Not so great
Broken flow
![Page 26: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/26.jpg)
Not so great
Buried search
![Page 27: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/27.jpg)
Not so great
Bad affordance
![Page 28: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/28.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/29.jpg)
![Page 30: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/30.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/31.jpg)
Ok, so what did we do?
![Page 32: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/32.jpg)
We talked to real business people.
![Page 33: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/33.jpg)
![Page 34: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/34.jpg)
We listened to the data.
![Page 35: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/35.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/36.jpg)
We made it easy.
![Page 37: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/37.jpg)
✓Simple
✓Relevant
✓Clear
✓Human
✓Efficient
✓ Inevitable
✓Fast
✓Easy
![Page 38: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/38.jpg)
Far fewer decisions to make
![Page 39: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/39.jpg)
We co-designed with the government.
![Page 40: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/40.jpg)
![Page 41: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/41.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/42.jpg)
No more confusion.
![Page 43: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/43.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/44.jpg)
We made it actionable.
![Page 45: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/45.jpg)
All content is actionable
![Page 46: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/46.jpg)
We talk your language.
![Page 47: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/47.jpg)
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)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/48.jpg)
![Page 49: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/49.jpg)
![Page 50: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/50.jpg)
We made it accessible for all.
![Page 51: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/51.jpg)
We made it fast.We’re now 72% faster
![Page 52: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/52.jpg)
We made it work, everywhere.
![Page 53: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/53.jpg)
Anywhere, anytime, any device
![Page 54: Building a Responsive Government (website)](https://reader036.fdocuments.in/reader036/viewer/2022081716/53efffb08d7f72a64f8b45c3/html5/thumbnails/54.jpg)