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

Responsive Web Design: A Future Friendly Web Strategy

Jan 15, 2015

Download

Technology

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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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