Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
From
ANYWHERE
Library to
EVERYWHERE
Library
Creating a user
experience strategy
for mobile
Courtney Greene McDonald
(@xocg...
growth of mobile usage
Flickr:	
  bzk2011	
  
case study: IU Libraries & mobile
flickr: Scott Dierdorf
2009
2011
Problem:
Initial mobile site launched as test. Minimal staffing. Full
participation in campus sponsored app impo...
needs assessment
Surveyed 52 students about use of
libraries, library site, smartphones.
Most frequently used sites?
Faceb...
prototyping
Touch screens – new tools, new ways.
Used paper prototypes + new system for
logging user paths.
Tools used: Om...
framework
jquerymobile.com
extends jQuery
uniform UX
theme roller
geolocation
http://leafletjs.com
lightweight
cross browser
well documented
extensible
testing Development: conducted five tests
with paper prototype, focused on
labels, site structure, icons. Resulted in
a to...
2011
2012
Problem:
New site looks awesome, but nobody goes to it. L
Solution:
Integrate with IU Mobile. Lots of
free adve...
Visitors to mobile site via IU Mobile in 2013:
20% increase over 2012, 300% over 2011
! 3% of overall site traffic
2012
2014
Problem:
We’re in IU Mobile, but what about all those people going
direct to our site? Sad times! L
Solution:
R...
2012
2014
Problem:
We’re in IU Mobile, but what about all those people going
direct to our site? Sad times! L
Solution:
R...
2015: ~9%/11% of overall site traffic
2015: ~9%/11% of overall site traffic
cc:	
  davidsilver	
  -­‐	
  h.ps://www.flickr.com/photos/66267550@N00	
  
MEANINGFUL MOBILE EXPERIENCES
CONCEPTS
jon	
  mcgovern	
  
ALWAYS ON
OPTIMIZATIONgenbug
woot
STANDARDS
USER EXPERIENCEcc:	
  silverfuture	
  -­‐	
  h.ps://www.flickr.com/photos/58412763@N00	
  
NEVER FORGET THIS
BUT YOU ARE NOT YOUR USER
cc: jmawork - https://www.flickr.com/photos/86937504@N00
“the user”
cc: ptrlx - https://www.flickr.com/photos/58615912@N05
cc: lydia_shiningbrightly - https://www.flickr.com/photos/31917220@N07
ILLOGICAL/
INCONVENIENT
LACK OF CLARITYcc: ldjaffe - https://www.flickr.com/photos/9480126@N02
Photo by Chocolate Geek - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/7563...
Flickr: zottestef
user centered design
all aspects of the end-user’s
interaction with the company,
its services, and its products
cc: tonyboytran - https://www.f...
aim for delight
cc: chefranden - https://www.flickr.com/photos/48394718@N00
someone
else's shoescc: ShellyS - https://www.flickr.com/photos/26767541@N00
our supporting
rolecc: designrecherche - https://www.flickr.com/photos/56224262@N03
cc: mag3737 - https://www.flickr.com/photos/50318388@N00
mind the gap(s)
cc:	
  davidsilver	
  -­‐	
  h.ps://www.flickr.com/photos/66267550@N00	
  
MEANINGFUL MOBILE EXPERIENCES
STRATEGIES
Photo by juliejordanscott - Creative Commons Attribution License https://www.flickr.com/photos/98609821@N00 Created with H...
Photo by ChadCooperPhotos - Creative Commons Attribution License https://www.flickr.com/photos/86775868@N03 Created with H...
Photo by kevin dooley - Creative Commons Attribution License https://www.flickr.com/photos/12836528@N00 Created with Haiku...
INTEGRATE
setting the context to the user
cc:	
  REM	
  (rembcc)	
  -­‐	
  h.ps://www.flickr.com/photos/38108564@N00	
  
Photo by dave.dave.dave - Creative Commons Attribution License https://www.flickr.com/photos/9639178@N08 Created with Haik...
it’s the little things
You’ve	
  come	
  a	
  long	
  way,	
  
Flickr:	
  d.billy	
  
questions?
	
  
thank you so much
@xocg | crgreene@indiana.edu
cc:	
  Gwenaël	
  Piaser	
  -­‐	
  h.ps://www.flickr.com/photos/22841923@N02...
Upcoming SlideShare
Loading in …5
×

From Anywhere Library to Everywhere Library: Creating a User Experience Strategy for Mobile

403 views

Published on

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

Published in: Education
  • Be the first to comment

  • Be the first to like this

From Anywhere Library to Everywhere Library: Creating a User Experience Strategy for Mobile

  1. 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. 2. growth of mobile usage Flickr:  bzk2011  
  3. 3. case study: IU Libraries & mobile flickr: Scott Dierdorf
  4. 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. 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. 6. prototyping Touch screens – new tools, new ways. Used paper prototypes + new system for logging user paths. Tools used: Omnigraffle, iPhone stencils
  7. 7. framework jquerymobile.com extends jQuery uniform UX theme roller
  8. 8. geolocation http://leafletjs.com lightweight cross browser well documented extensible
  9. 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. 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. 11. Visitors to mobile site via IU Mobile in 2013: 20% increase over 2012, 300% over 2011 ! 3% of overall site traffic
  12. 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. 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. 14. 2015: ~9%/11% of overall site traffic
  15. 15. 2015: ~9%/11% of overall site traffic
  16. 16. cc:  davidsilver  -­‐  h.ps://www.flickr.com/photos/66267550@N00   MEANINGFUL MOBILE EXPERIENCES CONCEPTS
  17. 17. jon  mcgovern   ALWAYS ON
  18. 18. OPTIMIZATIONgenbug
  19. 19. woot STANDARDS
  20. 20. USER EXPERIENCEcc:  silverfuture  -­‐  h.ps://www.flickr.com/photos/58412763@N00  
  21. 21. NEVER FORGET THIS BUT YOU ARE NOT YOUR USER cc: jmawork - https://www.flickr.com/photos/86937504@N00
  22. 22. “the user” cc: ptrlx - https://www.flickr.com/photos/58615912@N05
  23. 23. cc: lydia_shiningbrightly - https://www.flickr.com/photos/31917220@N07 ILLOGICAL/ INCONVENIENT
  24. 24. LACK OF CLARITYcc: ldjaffe - https://www.flickr.com/photos/9480126@N02
  25. 25. Photo by Chocolate Geek - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/75632859@N00 Created with Haiku Deck
  26. 26. Flickr: zottestef user centered design
  27. 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. 28. aim for delight cc: chefranden - https://www.flickr.com/photos/48394718@N00
  29. 29. someone else's shoescc: ShellyS - https://www.flickr.com/photos/26767541@N00
  30. 30. our supporting rolecc: designrecherche - https://www.flickr.com/photos/56224262@N03
  31. 31. cc: mag3737 - https://www.flickr.com/photos/50318388@N00 mind the gap(s)
  32. 32. cc:  davidsilver  -­‐  h.ps://www.flickr.com/photos/66267550@N00   MEANINGFUL MOBILE EXPERIENCES STRATEGIES
  33. 33. Photo by juliejordanscott - Creative Commons Attribution License https://www.flickr.com/photos/98609821@N00 Created with Haiku Deck
  34. 34. Photo by ChadCooperPhotos - Creative Commons Attribution License https://www.flickr.com/photos/86775868@N03 Created with Haiku Deck
  35. 35. Photo by kevin dooley - Creative Commons Attribution License https://www.flickr.com/photos/12836528@N00 Created with Haiku Deck
  36. 36. INTEGRATE setting the context to the user cc:  REM  (rembcc)  -­‐  h.ps://www.flickr.com/photos/38108564@N00  
  37. 37. Photo by dave.dave.dave - Creative Commons Attribution License https://www.flickr.com/photos/9639178@N08 Created with Haiku Deck
  38. 38. it’s the little things
  39. 39. You’ve  come  a  long  way,   Flickr:  d.billy   questions?  
  40. 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

×