#UtahDotGov!

BREAKING THE MOLD FOR EGOVERNMENT

Hillary Hartley @hillary@h Director of Integrated Marketing

Jonathan Higley @jhuii Lead Designer Utah.gov Dave Fletcher @d!etcher CTO Utah

#UtahDotGov!

#UtahDotGov!2002

#UtahDotGov!2007

#UtahDotGov!2009

#UtahDotGov!2011

#UtahDotGov!

#UtahDotGov!

WEB 2.0

#UtahDotGov!

WEB 1.5

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

SO, WHY? •  Too many clicks. – 2009 to 2011, Same Homepage Actions from 3 mill - 50K

•  Valuable Terms •  Unexpected Results •  Confusing Destination

#UtahDotGov!

t

65%&

25%&

8%&

2%&

#UtahDotGov!

#UtahDotGov!

ANALYSE THE PRESENT

2009 FEEDBACK •  “The movement is giving me motion sickness” •  “Where’s the search?” •  “Where’s the search results?” •  “I don’t care about 90% of what’s on this page, I

just want to !le my F&*K1NG taxes”

#UtahDotGov!

WHY’D YOU COME HERE? TWO TASKS •  Complete a task due to law or Legislative mandate •  Information Quest: Find a topic or current issue

#UtahDotGov!

Simplicity is communicating complexity through precision.

#UtahDotGov!

#UtahDotGov!

TECHNOLOGY

#UtahDotGov!

AESTHETIC

#UtahDotGov!

AESTHETIC BRAND MATURATION

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!LAUNCH

#UtahDotGov!FLAG DAY

#UtahDotGov!PIONEER DAY

#UtahDotGov!ZION NATIONAL PARK

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

2 TYPES OF ACCESSIBILITY •  Viewing •  Engaging

#UtahDotGov!

ACCESSIBILITY THE GAP

•  2009: 2OS, 3 IEs, FF, SAFARI, CHROME, iPhone •  2011: 3OS, 4 IEs, FF, SAFARI, CHROME, OPERA,

iPhone, iPad, Android •  2012: 67 Browsers, 25 OSs, 14 Mobile OSs on 1000+

Carriers

#UtahDotGov!

#UtahDotGov!

Utah.gov Right Now •  508: 23 to 1 Error Violations •  WCAG – LEVEL A: 15 to 3 Error Violations •  Beta Ruleset: 25 Error Violations •  FAE Ruleset: 0 Errors 20 Warnings

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

ACCESSIBILITY SHOULD NOT THWART AMBITION

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!OPEN.UTAH.GOV

#UtahDotGov!

3 METHODS OF ACCOUNTABILITY •  Transparent •  Participatory •  Collaborative

#UtahDotGov!TRANSPARENT.UTAH.GOV

#UtahDotGov!DATA.UTAH.GOV

#UtahDotGov!

#UtahDotGov!

3 METHODS •  Fiscal •  Useful •  Open

#UtahDotGov!

UNIVERSAL APPLICATION FRAMEWORK

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

TIMELINE •  Wireframe, Design, Prototype, Development, Fix Dev

Code for Style •  Prototype - Development

#UtahDotGov!

FRAMEWORK DIY vs OPEN SOURCE

#UtahDotGov!

USEFUL & OPEN THROUGH API

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

METHODS OF ENGAGEMENT •  COLLABORATION •  IDEA SHARING •  LISTENING

#UtahDotGov!

#UtahDotGov!

LISTEN #utahgov @UtahGov

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

#UtahDotGov!

Interesting site, but might put form too far above function? @pjkerley Try tabbing through Utah.gov links. Search is nowhere near the !rst thing that comes up. Big problem for accessibility. @MarcDrummond So I turned off javascript and Utah.gov is not really usable. @kristy"felski

#UtahDotGov!

What browser is the new site optimized for? The new Utah.gov site is not rendering properly in Firefox. @maricheney Oh, wow. Utah.gov completely falls apart if you don't have Javascript enabled. Small percentage, but big potential problem for those few. @MarcDrummond

#UtahDotGov!

#UtahDotGov!

Incredible user experience and great, eye catching design. They set new standard. @bobgourley Gov't is just as much an info resource as a service provider. Smart web design like Utah.gov helps it be both. @abhinemani Government as an intuitive experience? Who knew! @jackmorton

#UtahDotGov!

Utah's website was awesome before but is now even better. The gold standard for govt. @mikesher Utah.gov is a landmark achievement for digital government and constituent engagement. @rachelsterne Utah.gov is rather startlingly novel for a government website. @bedroomation Utah's new web site is beautiful and so very useful. How did government do that? @bobragsdale

#UtahDotGov!REINVENT NYC – JULY 2011

#UtahDotGov!REINVENT NYC – JULY 2011

#UtahDotGov!

SOME NUMBERS ‘N STUFF •  6.5 Million Page Views (+48%) •  +5% New, Unique Visitors •  48% to 15% Bounce Rate •  +13% Transactions •  +15% Mobile Use •  2,489,685 Searches

#UtahDotGov!

#UtahDotGov!

NEXT ENRICHED CONTENT SUPPLY

#UtahDotGov!

CURRENT CONTENT •  256 FACEBOOKS •  1,151 TWITTERS •  OVER 56 BLOGS •  RSS FEEDS •  499 YOUTUBES •  DATA SOURCES

#UtahDotGov!

THINNER FRAMEWORK BETTER RESPONSIVENESS

#UtahDotGov!

How does Utah continue to push for change in the industry?

#UtahDotGov!

BREAKING THE MOLD FOR EGOVERNMENT

Utah.gov/media/sxsw