This is why responsive design is the new standard for all web technology. More and more people are likely to spend money on a mobile device (eg. a smart phone), than a desktop/laptop computer. These devices maybe the only way families access the internet because they are way more intuitive and affordable. For example children and the elderly can learn how to use a phone/tablet a lot faster that a desktop operating system. In my own family my mom did not start texting until she got an iPhone, and my daughter who just turned 2 can already use a tablet to watch videos and play simple games.
Bring all content into one interface and not have it across many domain names and website
Like in Deirdre mentioned, you want search front & center, as you can see you can’t really miss the search bar in the top header. Also, allow the user to do a simple search, or modify their search.
What is mobile first?
Logo, header, nav, cta’s and then allowing the user to get right into programming or reading latest materials. Change font size, and langauge.
Think about what goes on phone and then build up from there. More and more users are coming online with only a phone or tablet and they might not have access to a laptop or desktop.
You can see gradients, text shadows, sliders and the content change as the site scales down. Also, sending different size images to different screen resolutions. No need to load a full res image for a phone. Removing these embellishments can speed up the load. For example I worked on an app a few years ago that we saved over 1 meg of load time on mobile by removing all these things over a number of pages in the app.
Older browser like IE do not support some of the latest stuff so we need to make sure our sites work but gracefully downgrade, this allows you to support the latest stuff and older browsers. More and more people are upgrading to modern browsers as they are getting new smart phones, tablets and laptops are coming down in price with chromebooks and others becoming cheaper. Did you know you can get a $10 smart phone off contract?
A lot of users around the globe will only ever access the internet on mobile.
Watches, fridges, lights, voice commands.
Secrets to Creating A "Wow-Worthy" Library Website
Secrets to Creating
I am Kevin Horek
◉ Author - Learning Zurb Foundation -
responsive web framework (Packt Publishing)
◉ Columnist - TechZulu (UX/Design/Startups)
◉ Partner & Creative Director - Stacks Inc.
◉ Host - Building the Future Radio/TV series
firstname.lastname@example.org & @kevinhorek
Evolving the digital
The evolution of the smart phone/tablet makes it possible to
access the internet from anywhere.
Where does the Digital Library
◉Do discovery from your devices & start
accessing content instantly.
◉Read content right on you devices.
◉Reserve materials to be picked up at your
local branch at a later date.
You are at the airport & you see a book, you can scan the barcode of that book from your library app & click
read now, it loads locally to your iPad & you enjoy it on your flight. No in flight wifi needed.
Bring the attention of your most relevant
content to the front and center.
Not everywhere has high
speed internet or might be on
a cell tower connection.
Where users are online?
Think of what your
site will look like on a
phone & then how
your content will look
as screen size gets
Think how your
content will look on a
Desktop / Laptop
How your content will
look on a
Take aways, let’s review
Your main action front &
In a libraries case, search
needs to be front & center.
Think mobile first
How your content will look on
a phone, tablet and
Design/content, load times &
Not everywhere has high
speed internet, or what if you
are on a cellphone tower
Where are your users?
Many screen sizes, TV’s,
game consoles, voice
command devices, apps, etc.
Design your content to be
mobile first & consider how
your site will be viewed on
small to large screens.
Any questions ?
You can find me at