20
RESPONSIVE WEB DESIGN CASE STUDY

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

  • View
    1.738

  • Download
    2

Embed Size (px)

DESCRIPTION

Victoria Online launched 2003. The site is currently undertaking a rebranding exercise with a new name and redesign to vic.gov.au. This has been done to maximise discoverability and recognition, improve usability and loyalty, incorporate the latest web technologies and present Victorian Government information and services in a way that visitors to the site prefer. The site is schedule to launch in January 2013.

Citation preview

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

RESPONSIVE WEB DESIGNCASE STUDY

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

• 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

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

UNDERSTANDINGOUR AUDIENCE

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

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)

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

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)

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

DEVICE POPULARITY

7%8%

8%

27%

50%

iPhone iPad iPod Touch Galaxy HTC Desire

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

INTERIM MOBILE SITE

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

—ETHAN MARCOTTE“I think of responsive design as

an alternative to mobile sites.

Page 9: vic.gov.au : case study in responsive web design
Page 10: vic.gov.au : case study in responsive web design

CHALLENGES

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

Title Text

CONTENT

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

-—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.

Page 13: vic.gov.au : case study in responsive web design
Page 14: vic.gov.au : case study in responsive web design
Page 15: vic.gov.au : case study in responsive web design
Page 16: vic.gov.au : case study in responsive web design

ACCESSIBILITY

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

CONCLUSIONS

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

• Realistic project scheduling

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

• Regular communication between stakeholders

LESSONS LEARNT

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

—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.

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