YOU ARE DOWNLOADING DOCUMENT

Please tick the box to continue:

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


Related Documents