vic.gov.au : case study in responsive web design

RESPONSIVE WEB DESIGNCASE STUDY

• Victoria Online launched 2003

• Name, rebrand and redesign vic.gov.au to maximise discoverability and recognition

• Improve usability, loyalty

• Incorporate latest web technologies

• Present vic gov information and services in a way that end users prefer

• Launching January 2013

PROJECT BACKGROUND

UNDERSTANDINGOUR AUDIENCE

MOBILE TRAFFIC

0

0.375

0.75

1.125

1.5

2010 2nd Qtr 2010 4th Qtr 2011 2nd Qtr 2011 4th Qtr

Access to vic.gov.au from mobile devices(VIEWS PER MILLION)

MOBILE TRAFFIC

0

100

200

300

400

2012 1st Qtr 2012 2nd Qtr 2012 3rd Qtr 2012 4th Qtr

Access to mobile site m.vic.gov.au from mobile devices(VIEWS PER HUNDRED THOUSAND)

DEVICE POPULARITY

7%8%

8%

27%

50%

iPhone iPad iPod Touch Galaxy HTC Desire

INTERIM MOBILE SITE

—ETHAN MARCOTTE“I think of responsive design as

an alternative to mobile sites.

CHALLENGES

Title Text

CONTENT

-—JEFFREY ZELDMAN

“Responsive design should be [an] approach that delivers elegant visual experiences regardless of display size and the limitations or capabilities of the device.

ACCESSIBILITY

CONCLUSIONS

• Realistic project scheduling

• Allow plenty of time for testing (different browsers and platforms)

• Regular communication between stakeholders

LESSONS LEARNT

—ETHAN MARCOTTE

“The web’s moved beyond the desktop, and it’s not looking back. The number of devices we’re designing for is growing just as quickly as mobile traffic.