The world’s libraries. Connected. Put Content First Responsive Web Design Is Not Enough #acplcampRWD Bob Robertson-Boyd Product Analyst, End User Services.

Slides:

Advertisements

Similar presentations

INFO 330 Forward Engineering Project Physical Design.

Advertisements

Your connection to ideas, information, and inspiration.

© 2012 Microsoft Corporation. All rights reserved. Introducing user accounts. With Windows 8, you can set up a Microsoft Account. When you do, your personal.

ORGANIZING THE CONTENT Physical Structure

LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,

Using Destiny Quest and Online Resources Lehighton Area Middle School Library.

Welcome to the land of Quad-LINC

Start your Web Browsers!! It’s time to access the Internet Now click the little.

Geeks Bearing Gifts: Unwrapping New Technology Trends Alison Aldrich Technology Outreach Coordinator NN/LM PNR.

Design of a Web Page for Librarians’ Daily Use Jiabin Wang Engineering and Computer Science Library University of Toronto

Open an internet browser such as internet explorer.

Introduction to EBSCOhost E-Books Access to thousands of e-books! Available 24/7!

SOCIAL NETWORKING APP FACEBOOK. WHAT IS FACEBOOK Facebook was created in 2004 by Mark Zuckerburg and was first used on computers. It was one of the first.

Label production Solution with Label Gallery programs Label Gallery is used for general label design and print GalleryForm is used to create data entry.

INNOVATIVE WAYS PATRONS CAN ASK A LIBRARIAN USING IM, TEXTING, TWITTER, AND VOIP Danielle Theiss-White gisellert1987.wordpress.com.

1 Introduction to mPortfolios Porter and Chester Institute Professional Development Dr. Christopher Molnar Porter and Chester Institute Professional Development.

Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials The internet: Getting online Suitable for: Beginner.

1 Welcome. 2 Evernote turns the iPhone, iPod Touch and iPad into an extension of your brain, helping you remember anything and everything that happens.

OPAC stands for: Online Public Access Catalog Look for this icon on the computer desktop. Double-click on it to open. OPAC Library Catalog.

By Chris Versaci CLOUD SECURITY. WHAT IS CLOUD COMPUTING? Cloud computing is a concept that involves a large number of computers connected through a real-time.

1 Introduction to Library Databases Basic Searching.

In addition to Word, Excel, PowerPoint, and Access, Microsoft Office® 2013 includes additional applications, including Outlook, OneNote, and Office Web.

 Machine translation is 70 years old. (first presentation at Georgetown University in 1954)  Trados is 30 years old.  World Wide Web is 25 years old.

MUNINDRA KHAUND OFFICE OF WEB SERVICES Social Media and Your Website: Best Practices.

WIRELESS IN YOUR LIBRARY The Anatomy of a Library Communications Network.

Top Ten Presentation Presented by : Chris Strickland In no particular order.

Getting Twitter—Much More Than Meets the Eye. Why Care About twitter? Growing at 1,448 percent per year 20+ million globally 17 minutes/day average time.

Meet Shelby the Shelf Marker!. Welcome “Hi! I’m Shelby the Shelf Marker. Welcome to the library media center!”

Mrs. Knopp Library Media Specialist.  The term wiki comes from the phrase Wiki- Wiki which is the Hawaiian word for quick.  A wiki is a website that.

Steven Bell, Director of the Paul J. Gutman Library Philadelphia University Googlization and Google Migration : What Does It Mean and.

Simon Wakeman Medway Council Local government and the mobile web.

Web Site Design & Management Class 7 March 12, 2003.

Creating a Canvas Account! Follow these simple directions to access the course materials for this year.

R. FRANK NIMS MIDDLE SCHOOL A BRIEF INTRO TO THE MOBILE INTERNET.

The Thunder Down Under: Below the Fold #w2e #thunder.

Internet Privacy: What’s Yours and What Never Was 14 April 2011 Ms. Foster and Ms. McCabe Street Law.

Tim Schneider Manager, Web Services Creative Services, External Relations University of Alberta Crisis Communications on the Web.

Microsoft PowerPoint XP

Activity 4 Protecting Ourselves. Keeping Safe There are lots of different ways we can be at risk on the Internet. How can we protect ourselves and keep.

Computer Programming Application Friday 10/29/2010.

Your Page Name – Internet Web Browser Your Tab Name Search Web Browser Template Your Name.

What web developers need to know when building Metro style apps Scott Dickens Principal Program Manager Lead Microsoft Corporation DEV352.

The Mobile Paradigm. Vocabulary Use Case – High level thing that a user wants to do. (register for classes) Task – Low level thing that a user wants to.

Chapter 10 Technology and Information Competency.

Quickr Efficiency & Data Integrity Tips. 1 REMEMBER! Lotus Quickr can ONLY work efficiently and the way it is supposed to work if everyone knows how to.

A lesson from Web 2.0 for academic libraries Cody Hanson Coordinated Educational Services University of Minnesota Libraries.

Airport Ride Service LCO Project Proposal. AGENDA Operational Concepts System Requirements System and Software Architecture Lifecycle Plan Feasibility.

2 Take Windows Live and Make it Yours Dr. Neil Roodyn.

Tim Schneider Manager, Web Services Creative Services, External Relations University of Alberta Crisis Communications on the Web.

Client Side Web Applications Melania Danciu | Haufe-Lexware RO by using the the best the web has to offer.

Lauri McIntosh OCLC Library Services Product & Services Consultant QuestionPoint Goes Mobile.

Your Page Name – Jurassic File Edit View History Bookmark Window Help Search Jurassic Browser Template Your Name Insert.

BI06 THE TIME IS NOW TO GET STARTED WITH MICROSOFT POWER BI James Crowter MVP, Managing Director, Technology Management Sorry downloaders but you’ll have.

Manual For Apple Devices(IPAD, IPhone and MAC) Wireless connectivity at Libraries Table of Contents Apple Product Connectivity a) Connecting to getinstructionsWifi.

Mobilizing Your SAS® Business Analytic Reports Falko Schulz Sr. Systems Engineer SAS Australia & New Zealand.

Introduction to SharePoint 2007 Brendon Schwartz

Business Meeting Venues in Wollongong, Australia - Theconferenceshop.com.au

Understanding Programming Mobile Web

Accessing the Internet

Car Window Cleaning and Hand Car Wax

Top 5 UX Rules That Every Designer Should Be Aware Of SpencerKinney | Menomonie Web DevelopmentMenomonie Web Development.

Mobile App ux/ ui design In High Quality.

Can put up on Landing Page

Interface Personalization

MVC Framework, in general.

Accessing the Internet

Accessing the Internet

Meet Shelby the Shelf Marker!

User Interface Often overlooked.

Accessing the Internet

Presentation transcript:

The world’s libraries. Connected. Put Content First Responsive Web Design Is Not Enough #acplcampRWD Bob Robertson-Boyd Product Analyst, End User Services

The world’s libraries. Connected. 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? What will you learn?

The world’s libraries. Connected. A way to design a Web page so that it fits in any screen. What is responsive Web design?

The world’s libraries. Connected. What is responsive Web design? The page flows to the browser window size

The world’s libraries. Connected. You want your content to be available to everyone all the time. Why do you care?

The world’s libraries. Connected. Why do you care? These devices are everywhere

The world’s libraries. Connected. Why do you care? And your patrons are …

The world’s libraries. Connected. Content should always come before design or technology. Why is responsive Web design not enough?

The world’s libraries. Connected. 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

The world’s libraries. Connected. Why is responsive Web design not enough? We value content over technology

The world’s libraries. Connected. Define the information every patron needs and be certain every patron can get it. How do you put content first?

The world’s libraries. Connected. How do you put content first? Start with your Web page

The world’s libraries. Connected. How do you put content first? Involve lots of people UI Developer UI Developer UI Developer UX Researcher UX Designer Librarian (Product Analyst) Librarian (Product Analyst)

The world’s libraries. Connected. How do you put content first? Keep it simple, make it fun

The world’s libraries. Connected. How do you put content first? Label the content pieces Use Microdata Standards Open Graph Schema.org SKOS Use Microdata Standards Open Graph Schema.org SKOS Geek Alert!

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

The world’s libraries. Connected. What does it look like in the end? Build the page using responsive design methods

The world’s libraries. Connected. What does it look like in the end? Facebook & GoodReads and Twitter & Jellybooks use Open Graph Karen Coyle’s mock up on

The world’s libraries. Connected. What does it look like in the end? Facebook and Twitter use Open Graph so if you do to …

The world’s libraries. Connected. Questions? Bob Robertson-Boyd