LIBRARIES
RESPONSIVE
MATTHEW REIDSMA
WEB DESIGN
FOR
GRAND VALLEY STATE UNIVERSITY
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
http://adactio.com/journal/4443/
For over a decade, we have
pretended that there’s a
mythical perfect size [viewport]
that every person will be using.
Jeremy Keith
“
Slide 4
Slide 4 text
http://www.flickr.com/photos/adactio/6153558098/
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
2013-2014
US ADULTS
OWN A SMARTPHONE
58%
USE WEB MOSTLY ON PHONE
21%
http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/
http://www.pewinternet.org/2013/09/16/main-findings-2/
OWN A CELL PHONE
91%
USE WEB ON PHONE
57%
Slide 7
Slide 7 text
2013-2014
US ADULTS
OF AFRICAN-AMERICAN
43%
http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/
http://www.pewinternet.org/2013/09/16/main-findings-2/
OF WHITE/NON-HISPANIC
27%
OF HISPANIC
60%
Slide 8
Slide 8 text
2013-2014
US ADULTS
COLLEGE DEGREE
21%
http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/
http://www.pewinternet.org/2013/09/16/main-findings-2/
HIGH SCHOOL DIPLOMA
45%
Slide 9
Slide 9 text
2013-2014
US ADULTS
> $75,000 A YEAR
27%
http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/
http://www.pewinternet.org/2013/09/16/main-findings-2/
< $30,000 A YEAR
45%
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
AT HOME
2010
SMARTPHONE USE
84%
RANDOM DOWNTIMES
80%
WAITING IN LINE
76%
AT WORK
64%
IN THE BATHROOM
39%
http://googlemobileads.blogspot.com/2011/04/complimentary-copy-of-mobile-movement.html
http://blog.compete.com/2010/03/12/smartphone-owners-a-ready-and-willing-audience/
Slide 12
Slide 12 text
LIARS
2010
SMARTPHONE USE
61%
http://googlemobileads.blogspot.com/2011/04/complimentary-copy-of-mobile-movement.html
http://blog.compete.com/2010/03/12/smartphone-owners-a-ready-and-willing-audience/
Slide 13
Slide 13 text
http://www.businessweek.com/news/2012-01-11/ebay-s-paypal-mobile-payment-volume-rose-to-4-billion-last-year.html
http://bankinnovation.net/2014/01/paypal-processed-27-billion-in-mobile-payments-in-2013/
PAYPAL PAYMENTS
$4
BILLION
2011
SALES ON MOBILE
PAYPAL PAYMENTS
$27
BILLION
2013 PAYPAL PAYMENTS
Slide 14
Slide 14 text
http://techcrunch.com/2012/01/12/ebay-forecasts-8b-in-mobile-commerce-volume-in-2012-paypal-will-reach-7b/
http://reviews.cnet.com/8301-13746_7-20030552-48.html
http://www.internetretailer.com/2014/01/22/ebay-reports-13-sales-growth-and-rejects-paypal-spinoff
SALES ON MOBILE
3-4 FERRARIS SOLD / MONTH
EBAY SALES
$5
BILLION
2011
PAYPAL PAYMENTS
$22
BILLION
2013 EBAY SALES
Slide 15
Slide 15 text
US ADULTS > 1
6
VISITED ON MOBILE DEVICE
13%
VISITED A LIBRARY WEBSITE
39%
VISITED IN PAST YEAR
25%
http://libraries.pewinternet.org/2012/12/31/mobile-connections-to-libraries/
http://www.pewinternet.org/2014/09/10/younger-americans-and-public-libraries/
2012
VISITED A LIBRARY WEBSITE IN THE PAST YEAR
36%
2014
Slide 16
Slide 16 text
“ There is no mobile web.
There is only The Web,
which we view in different
ways.
Stephen Hay
http://www.the-haystack.com/2011/01/07/there-is-no-mobile-web/
NOT MOBILE-FRIENDLY?
WON’T WAIT MORE THAN 3 SECONDS
60%
WILL LEAVE IF NO MOBILE EXPERIENCE
61%
SAY YOU DON’T CARE ABOUT THEM
48%
http://googlemobileads.blogspot.com/2012/09/mobil-friendly-sites-turn-visitors.html
https://web.archive.org/web/20130310221542/http://www.gomez.com/resources/whitepapers/survey-
report-what-users-want-from-mobile/
2012
WON’T WAIT MORE THAN 5 SECONDS
75%
Slide 22
Slide 22 text
GOOGLE
.9
30 RESULTS
10 RESULTS
PAGE LOAD TIME IN SECONDS
.4
2006
http://glinden.blogspot.com/2006/11/marissa-mayer-at-web-20.html
Slide 23
Slide 23 text
Half a second delay caused a
20% drop in traffic. Half a
second delay killed user
satisfaction.
http://glinden.blogspot.com/2006/11/marissa-mayer-at-web-20.html
“
Marissa Mayer
The control which designers know
in the print medium, and often
desire in the web medium, is
simply a function of the limitation
of the printed page.
http://www.alistapart.com/articles/dao/
“
John Allsopp
Slide 31
Slide 31 text
We should embrace the fact
that the web doesn’t have
the same constraints, and
design for this flexibility.
http://www.alistapart.com/articles/dao/
John Allsopp
“
The absence of support for
@media queries is in fact the
first @media query.
http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
“
Bryan Rieger
Slide 75
Slide 75 text
No content
Slide 76
Slide 76 text
https://github.com/scottjehl/Respond/
Slide 77
Slide 77 text
Slide 78
Slide 78 text
No content
Slide 79
Slide 79 text
http://www.flickr.com/photos/adactio/6153558098/
Slide 80
Slide 80 text
???
Slide 81
Slide 81 text
My website will
meet you wherever
you are...
“
Trent Walton
http://trentwalton.com/2011/05/10/fit-to-scale/