1 / 20

Put Content First

# acplcamp RWD. Bob Robertson-Boyd. Product Analyst, End User Services OCLC @ bobrobboy. Responsive Web Design Is Not Enough. Put Content First. What will you learn?. What is responsive Web design? Why do you care? Why is responsive Web design not enough?

sydnee
Download Presentation

Put Content First

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. #acplcampRWD Bob Robertson-Boyd Product Analyst, End User ServicesOCLC @bobrobboy Responsive Web Design Is Not Enough Put Content First

  2. What will you learn? • What is responsive Web design? • Why do you care? • Why is responsive Web design not enough? • How do you put content first? • What does it look like in the end?

  3. What is responsive Web design? A way to design a Web page so that it fits in any screen.

  4. What is responsive Web design? 1 1 1 2 2 4 4 2 3 5 5 4 6 6 5 The page flows to the browser window size 6

  5. Why do you care? You want your content to be available to everyone all the time.

  6. Why do you care? These devices are everywhere http://www.flickr.com/photos/hcplebranch/6795686692/

  7. Why do you care? And your patrons are … http://www.flickr.com/photos/hcplebranch/6795686692/

  8. Why is responsive Web design not enough? Content should always come before design or technology.

  9. Why is responsive Web design not enough? Not to say that these excellent people are wrong They are approaching it more from the technology side not from the content side

  10. Why is responsive Web design not enough? We value content over technology http://www.flickr.com/photos/paultraf/2664020734/

  11. How do you put content first? Define the information every patron needs and be certain every patron can get it.

  12. How do you put content first? 1 Start with your Web page 2 10 3 4 5 8 9 6 7

  13. How do you put content first? Involve lots of people UI Developer UX Designer UX Researcher UI Developer Librarian (Product Analyst)

  14. How do you put content first? Keep it simple, make it fun

  15. How do you put content first? Label the content pieces Geek Alert! Use Microdata Standards Open Graph Schema.org SKOS

  16. What does it look like in the end? When you’re done you get an accessible page that can be viewed on anything and anywhere!

  17. What does it look like in the end? Build the page using responsive design methods

  18. What does it look like in the end? Facebook & GoodReads and Twitter & Jellybooks use Open Graph Karen Coyle’s mock up on http://kcoyle.blogspot.com

  19. What does it look like in the end? Facebook and Twitter use Open Graph so if you do to …

  20. Bob Robertson-Boydrobertsb@oclc.org Questions?

More Related