secrets to creating a "wow-worthy" library website
TRANSCRIPT
Secrets to Creating a “Wow-Worthy” Library Website
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
[email protected] & @kevinhorek
Hello!
Evolving the digital library The evolution of the smart phone/tablet makes it possible to access the internet from anywhere.
!
Where does the Digital Library come in?
◉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.
Example: 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.
Design ConceptsBring the attention of your most relevant
content to the front and center.
You want search front & center.
You want search front & center.
How to design for the F-Shape on all screen sizes, thinking mobile first.
Here is the F-Shape
Your Content Needs to Work Across all Screens (Mobile First)
Phone Desktop /LaptopTablet
F-Shape on a small screen
ConsiderationsThe internet is everywhere, you should
consider...
Learn to Balance
Load TimeDesign / Content Mobile First
Design Considerations
Not everywhere has high speed internet or might
be on a cell tower connection.
Where users are online?
ManyScreen Sizes / device
s
Game Consol
es
TV
Appliances
Constantly
Changing
Echo / Home
Apps
Voice Comman
d
Mobile First
Think of what your site will look like on a phone & then how your content will look as screen size gets bigger.
Tablet
Think how your content will look on a tablet.
Desktop / Laptop
How your content will look on a desktop/laptop.
Take aways, let’s review
Your main action front & centerIn a libraries case, search needs to be front & center.
Think mobile first How your content will look on a phone, tablet and desktop/laptop.
BalanceDesign/content, load times & mobile first.
Internet speedsNot everywhere has high speed internet, or what if you are on a cellphone tower connection.
Where are your users?Many screen sizes, TV’s, game consoles, voice command devices, apps, etc.
DesignDesign your content to be mobile first & consider how your site will be viewed on small to large screens.
