Un avance a la fecha del proyecto de mejorar la experiencia y agregar innovación en la Biblioteca Langsdale, una biblioteca de la Universidad de Baltimore. Participé en este proyecto como parte de mi maestría en Diseño Interactivo y Arquitectura de Información, siendo asistente graduado en la biblioteca haciendo diseño y desarrollo móvil.

1. Mejorando la experiencia de usuario en la
Biblioteca Langsdale!
JUAN-FRANCISCO REYES!
University of Baltimore, Langsdale Library!
!
Bibliotic 2012 - Cuarta edición!
15 de junio de 2012!

2. Juan-Francisco Reyes!
• Estudiante en la Maestría en Ciencias en Diseño Interactivo y Arquitectura
de Información, Universidad de Baltimore.!
• Asistente en diseño y desarrollo móvil, Biblioteca Langsdale, Universidad de
Baltimore.!
• Certified Usability Analyst - HFI CUA™.!
• Twitter: @xentido / @pacoreyes!
• SlideShare: www.slideshare.net/juan_francisco/!

3. Universidad de Baltimore!
• De campus urbano, en el corazón de Baltimore, que se
enorgullece así misma de sus estudiantes “no tradicionales”.!
• 2 bibliotecas.!
• 6442 estudiantes.!
• 26 años como edad promedio de sus estudiantes.!
• La mitad de sus estudiantes siguen estudios de postgrado.!

4. ¿Cómo mejorar la experiencia de los usuarios
de Langsdale Library?!
• Hacer una aplicación móvil!
• Mejorar la usabilidad de la misma biblioteca!

5. ¿Qué poner en una aplicación móvil?!

6. Recurrimos al Diseño Centrado en el Usuario
1. Investigación
Primer paso: conocer a nuestros usuarios!

7. 1. Investigación!
Gamestorming: Diseñando la caja*!
Focus group con un “tweak” de diversión
10 estudiantes!

8. Diseñando la caja!

9. Diseñando la caja!

10. Diseñando la caja!

11. 1. Investigación!
Encuestas Online!
55 estudiantes!

12. 1. Investigación!
Lista de “features” deseados !
1. Buscador
de
libros
en
el
catálogo
2. Imprimir
remotamente
3. Mapas
de
la
biblioteca
4. Chat
con
bibliotecólogo
5. Conocer
número
de
computadoras
disponibles
6. Tutoriales
paso
a
paso
7. Mapas
de
la
biblioteca
8. Localizador
de
libros

13. ¿Cómo mejorar la usabilidad de una
biblioteca?!

14. Recurrimos al Diseño de Información
2. Diseño
Segundo paso: trasladar conceptos abstractos a imágenes!

15. 2. Diseño!
Planos 3D y 2D!

16. 2. Diseño!
Indice Visual!

17. 2. Diseño!
Infografía de Navegación de Estantes!

18. 2. Diseño!
Directorio para cada piso!

19. 2. Diseño!
Mapas para la página web!

20. 2. Diseño!
Brochures!

21. 2. Diseño!
Mapa para la aplicación móvil!

22. ¿Cómo crear una aplicación móvil?!

23. Recurrimos a la Tecnología Web
3. Implementación
Tercer paso: programar una aplicación móvil!

24. 3. Implementación!
Lo último en tecnología web móvil!

25. 3. Implementación!
Tiempo de programar!

26. 3. Implementación!
Viendo los resultados: aplicación móvil!

27. 3. Implementación!
Viendo los resultados: aplicación móvil!

28. 3. Implementación!
Viendo los resultados: Localizador de Libros **!

29. ¿Cómo probar nuestros diseños?!

30. Recurrimos, nuevamente, a nuestros usuarios
4. Prueba
Cuarto paso: hacer pruebas de usabilidad!

31. Preparándonos para hacer pruebas de
usabilidad…!
Fuente:
Flickr,
usuario
Volvo
Car
SA

32. Actualmente, hemos instalado 3 kioscos
multimedia en iPad, lo que nos permite!
• Observar a nuestros usuarios!
• Recibir retroalimentación de parte de ellos!

33. ¿Recuerdan el deseo de nuestros usuarios de imprimir desde el teléfono?!
Imprimiendo desde el móvil ***!

34. Langsdale
on
the
Go!
Version
1.0
rel.
4/2012
A
mobile
web
app
for
students
at
the
University
of
BalTmore
Project
Management:
William
Helman
Programming:
Margo
Kabel
Juan-­‐Francisco
Reyes
AddiTonal
Credits:
UB
MobileLabs
Cook
Library
@
Towson
U

35. Referencias!
*
Gamestorming
Gray,
Brown
&
Macanufo
(2010),
Design
the
Box
(Diseñando
la
Caja)
es
una
variante
de
focus
group,
hep://www.gogamestorm.com/.
**
Localizador
de
Libros
El
localizador
de
libros
es
un
proyecto
personal
que
hice
como
trabajo
final
en
el
curso
de
InteracTve
MulTmedia,
desarrollado
en
HTML5
y
JavaScript.
He
decidido
publicarlo
en
código
abierto
pronto.
Más
información
estará
disponible
pronto
en
hep://www.xenTdo.com
***
HP
LaserJet
Pro
M1217nfw
Es
una
impresora
que
permite
imprimir
desde
la
mayoría
de
disposiTvos
móviles,
solo
basta
tener
WI-­‐FI
hep://h71016.www7.hp.com/html/pdfs/CE844ALaserJetProM1217nfw.pdf.

36. Juan-Francisco Reyes!
paco@xentido.com!