Presentation given at Sharjah International Book Fair / American Library Association Conference, 11-11-15, Sharjah UAE.

1. From
ANYWHERE
Library to
EVERYWHERE
Library
Creating a user
experience strategy
for mobile
Courtney Greene McDonald
(@xocg)
Indiana University Libraries
SIBF-ALA 2015 | 11 Nov 2015
#SIBFALA15 Flickr:
mango_sparrow

2. growth of mobile usage
Flickr:
bzk2011

3. case study: IU Libraries & mobile
flickr: Scott Dierdorf

4. 2009
2011
Problem:
Initial mobile site launched as test. Minimal staffing. Full
participation in campus sponsored app impossible. User
experience nil.
Solution:
Modify existing site - minimal work
for maximum impact.
Focus:
Improve existing information
architecture, aesthetic
Cross platform solution
Increase traffic to mobile site
Leverage new technologies:
HTML5, jQuery Mobile, etc

5. needs assessment
Surveyed 52 students about use of
libraries, library site, smartphones.
Most frequently used sites?
Facebook, Google, & IU e-mail; also
OnCourse (campus LMS) & OneStart
(campus portal).
Most heavily used services on the
Library site were also the most
requested additions to mobile site:
IUCat (library catalog) & databases.

6. prototyping
Touch screens – new tools, new ways.
Used paper prototypes + new system for
logging user paths.
Tools used: Omnigraffle,
iPhone stencils

7. framework
jquerymobile.com
extends jQuery
uniform UX
theme roller

8. geolocation
http://leafletjs.com
lightweight
cross browser
well documented
extensible

9. testing Development: conducted five tests
with paper prototype, focused on
labels, site structure, icons. Resulted in
a total shift in approach.
Informal feedback: candy bars &
surveys at Welcome Week event.
Live site: six tests, focused on mapping
function, information architecture, and
labeling.
Take
our
survey!
A candy
bar for
your time!

10. 2011
2012
Problem:
New site looks awesome, but nobody goes to it. L
Solution:
Integrate with IU Mobile. Lots of
free advertising. Whee!
Priority #1:
Be where the people are

11. Visitors to mobile site via IU Mobile in 2013:
20% increase over 2012, 300% over 2011
! 3% of overall site traffic

12. 2012
2014
Problem:
We’re in IU Mobile, but what about all those people going
direct to our site? Sad times! L
Solution:
Responsive! Whee!
Priority #1:
Just one site

13. 2012
2014
Problem:
We’re in IU Mobile, but what about all those people going
direct to our site? Sad times! L
Solution:
Responsive! Whee!
Priority #1:
Just one site

14. 2015: ~9%/11% of overall site traffic

15. 2015: ~9%/11% of overall site traffic

16. cc:
davidsilver
-­‐
h.ps://www.flickr.com/photos/66267550@N00
MEANINGFUL MOBILE EXPERIENCES
CONCEPTS

17. jon
mcgovern
ALWAYS ON

18. OPTIMIZATIONgenbug

19. woot
STANDARDS

20. USER EXPERIENCEcc:
silverfuture
-­‐
h.ps://www.flickr.com/photos/58412763@N00

21. NEVER FORGET THIS
BUT YOU ARE NOT YOUR USER
cc: jmawork - https://www.flickr.com/photos/86937504@N00

22. “the user”
cc: ptrlx - https://www.flickr.com/photos/58615912@N05

23. cc: lydia_shiningbrightly - https://www.flickr.com/photos/31917220@N07
ILLOGICAL/
INCONVENIENT

24. LACK OF CLARITYcc: ldjaffe - https://www.flickr.com/photos/9480126@N02

25. Photo by Chocolate Geek - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/75632859@N00 Created with Haiku Deck

26. Flickr: zottestef
user centered design

27. all aspects of the end-user’s
interaction with the company,
its services, and its products
cc: tonyboytran - https://www.flickr.com/photos/35554391@N03

28. aim for delight
cc: chefranden - https://www.flickr.com/photos/48394718@N00

29. someone
else's shoescc: ShellyS - https://www.flickr.com/photos/26767541@N00

30. our supporting
rolecc: designrecherche - https://www.flickr.com/photos/56224262@N03

31. cc: mag3737 - https://www.flickr.com/photos/50318388@N00
mind the gap(s)

32. cc:
davidsilver
-­‐
h.ps://www.flickr.com/photos/66267550@N00
MEANINGFUL MOBILE EXPERIENCES
STRATEGIES

33. Photo by juliejordanscott - Creative Commons Attribution License https://www.flickr.com/photos/98609821@N00 Created with Haiku Deck

34. Photo by ChadCooperPhotos - Creative Commons Attribution License https://www.flickr.com/photos/86775868@N03 Created with Haiku Deck

35. Photo by kevin dooley - Creative Commons Attribution License https://www.flickr.com/photos/12836528@N00 Created with Haiku Deck

36. INTEGRATE
setting the context to the user
cc:
REM
(rembcc)
-­‐
h.ps://www.flickr.com/photos/38108564@N00

37. Photo by dave.dave.dave - Creative Commons Attribution License https://www.flickr.com/photos/9639178@N08 Created with Haiku Deck

38. it’s the little things

39. You’ve
come
a
long
way,
Flickr:
d.billy
questions?

40. thank you so much
@xocg | crgreene@indiana.edu
cc:
Gwenaël
Piaser
-­‐
h.ps://www.flickr.com/photos/22841923@N02
slides: http://box.iu.edu/SIBFALA15
resources: http://bit.ly/sibf15-uxmobile