responsive web design: a future friendly web strategy

17
Responsive Web Design A Future-Friendly Web Strategy stine Tawatao ems Librarian: Web Development/Support

Upload: christine-tawatao

Post on 15-Jan-2015

233 views

Category:

Technology


0 download

DESCRIPTION

Presentation for Online Northwest 2014. Christine Tawatao Systems Librarian: Web Development/Support University of Washington Libraries In just a few short years, the range of web-enabled devices on our campuses has exploded. The University of Washington Libraries has adopted responsive web design (RWD) as a way to provide our content on whatever device comes our way. Learn why this is a good strategy for us, what tradeoffs are involved, why concise content is more important than ever, and strategies for conducting user research/testing to inform every step in the design process.

TRANSCRIPT

Page 1: Responsive Web Design: A Future Friendly Web Strategy

Responsive Web DesignA Future-Friendly Web Strategy

Christine TawataoSystems Librarian: Web Development/Support

Page 2: Responsive Web Design: A Future Friendly Web Strategy

Mobile Web: State of the Union

@lukew

Page 3: Responsive Web Design: A Future Friendly Web Strategy

University of WashingtonMobile/Tablet - Fall 2013

@cronncc

UW – 17.2%

Libraries – 5.2%

iOS – 73%

Android – 21%

Page 4: Responsive Web Design: A Future Friendly Web Strategy

Responsive Web Design

@pinksherbet

Page 5: Responsive Web Design: A Future Friendly Web Strategy

@visualpunch

Page 6: Responsive Web Design: A Future Friendly Web Strategy

Future Friendly | futurefriend.ly

@freddymiguel

Page 7: Responsive Web Design: A Future Friendly Web Strategy

UW Libraries Personas

PAULTHE PROFESSIONAL31 year old online student

I feel like there is information in all these drawers, and I don’t know which drawer to open.

Page 8: Responsive Web Design: A Future Friendly Web Strategy

Rapid Iterative Testing & Evaluation

Page 9: Responsive Web Design: A Future Friendly Web Strategy

Mobile First

Page 10: Responsive Web Design: A Future Friendly Web Strategy

Mobile Usability Testing

@cinteractionlab

Page 11: Responsive Web Design: A Future Friendly Web Strategy

Implementation

@ogimogi

Plone CMS + Bootstrap 2.3.2 + LESS CSS

Page 12: Responsive Web Design: A Future Friendly Web Strategy
Page 13: Responsive Web Design: A Future Friendly Web Strategy

Testing, Testing… 6, 7, 8…

@ieteam

Page 14: Responsive Web Design: A Future Friendly Web Strategy

@alancleaver

Page 15: Responsive Web Design: A Future Friendly Web Strategy

Learning to be Flexible

@a4gpa

Page 16: Responsive Web Design: A Future Friendly Web Strategy

What Will the Future Bring?

@samsungtomorrow

Page 17: Responsive Web Design: A Future Friendly Web Strategy

Questions? Thanks!Christine [email protected] | @tawataoc

Images: Flickr Creative Commons and University of Washington