Creating a responsive (and accessible!) government website

Presented to A11y Bytes Melbourne, 15 May 2014.

Transcript

1. www.studiothick.com info@studiothick.com twitter.com/studiothick facebook.com/studiothick www.studiothick.com info@studiothick.com twitter.com/studiothick facebook.com/studiothick A11Y Bytes Melbourne 15 May 2014 Creating a responsive (and accessible!) government website
2. responsive web design
3. responsive web design
4. responsive web design
5. Accessibility
6. accessibility
7. Pick Two Good Fast Cheap
8. Good Design Responsive Accessible
9. Good Design Responsive Accessible Fast IE7+ Existing CMS
10. Pick Everything!
11. No Compromises.
12. Good Design Responsive Accessible
13. Overwhelming positive feedback: ! “It doesn’t look like a government website!”
14. Occasional negative feedback: ! “It doesn’t look like a government website!”
15. So how did we get there?
16. 2013 2005
17. Mobile Traffic +450%
18. 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.
23. ✓ Increase access, usage and accessibility ✓ Simplification of information ✓ Streamlining business process
24. Good Design Responsive Accessible
25. 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.
27. 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.
28. Here’s what we did…
29. We talked to real business people.
31. We listened to the data.
32. 450% increase in mobile traffic 04:26 min time on site 61% of traffic from search
33. We made it easy.
34. ✓ Simple ✓ Relevant ✓ Clear ✓ Human ✓ Efficient ✓ Inevitable ✓ Fast ✓ Easy
35. Far fewer decisions to make
36. We co-designed with the government.
38. 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?
39. No more confusion.
40. 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 Studies Tip 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
41. We made it actionable.
42. All content is actionable
43. We talk your language.
44. Content principles All content must be: a) simple b) clear c) relevant ! We want users to understand what to do and why, quickly.
46. We made it accessible for all.
48. We made it fast.
49. We’re now 72% faster
50. We made it work, everywhere.
51. Anywhere, anytime, any device
53. www.studiothick.com info@studiothick.com twitter.com/studiothick facebook.com/studiothick www.studiothick.com info@studiothick.com twitter.com/studiothick facebook.com/studiothick ! thick.ly/bvtoolchain ! @sawks Thanks!