Mejorando la experiencia de usuario en la Biblioteca Langsdale
-
Upload
juan-francisco-reyes -
Category
Technology
-
view
330 -
download
2
description
Transcript of Mejorando la experiencia de usuario en la Biblioteca Langsdale
![Page 1: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/1.jpg)
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!
![Page 2: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/2.jpg)
• 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/!
Juan-Francisco Reyes!
![Page 3: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/3.jpg)
• 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.!
Universidad de Baltimore!
![Page 4: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/4.jpg)
¿Cómo mejorar la experiencia de los usuarios de Langsdale Library?!• Hacer una aplicación móvil!• Mejorar la usabilidad de la misma biblioteca!
![Page 5: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/5.jpg)
¿Qué poner en una aplicación móvil?!
![Page 6: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/6.jpg)
Recurrimos al Diseño Centrado en el Usuario
Primer paso: conocer a nuestros usuarios!
1. Investigación
![Page 7: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/7.jpg)
Focus group con un “tweak” de diversión
Gamestorming: Diseñando la caja*!
1. Investigación!
10 estudiantes!
![Page 8: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/8.jpg)
Diseñando la caja!
![Page 9: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/9.jpg)
Diseñando la caja!
![Page 10: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/10.jpg)
Diseñando la caja!
![Page 11: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/11.jpg)
Encuestas Online!
55 estudiantes!
1. Investigación!
![Page 12: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/12.jpg)
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
1. Investigación!
![Page 13: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/13.jpg)
¿Cómo mejorar la usabilidad de una biblioteca?!
![Page 14: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/14.jpg)
Recurrimos al Diseño de Información
Segundo paso: trasladar conceptos abstractos a imágenes!
2. Diseño
![Page 15: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/15.jpg)
Planos 3D y 2D!
2. Diseño!
![Page 16: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/16.jpg)
Indice Visual!
2. Diseño!
![Page 17: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/17.jpg)
Infografía de Navegación de Estantes!
2. Diseño!
![Page 18: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/18.jpg)
Directorio para cada piso!
2. Diseño!
![Page 19: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/19.jpg)
Mapas para la página web!
2. Diseño!
![Page 20: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/20.jpg)
Brochures!
2. Diseño!
![Page 21: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/21.jpg)
Mapa para la aplicación móvil!
2. Diseño!
![Page 22: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/22.jpg)
¿Cómo crear una aplicación móvil?!
![Page 23: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/23.jpg)
Recurrimos a la Tecnología Web
Tercer paso: programar una aplicación móvil!
3. Implementación
![Page 24: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/24.jpg)
Lo último en tecnología web móvil!
3. Implementación!
![Page 25: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/25.jpg)
Tiempo de programar!
3. Implementación!
![Page 26: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/26.jpg)
Viendo los resultados: aplicación móvil!
3. Implementación!
![Page 27: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/27.jpg)
Viendo los resultados: aplicación móvil!
3. Implementación!
![Page 28: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/28.jpg)
Viendo los resultados: Localizador de Libros **!
3. Implementación!
![Page 29: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/29.jpg)
¿Cómo probar nuestros diseños?!
![Page 30: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/30.jpg)
Recurrimos, nuevamente, a nuestros usuarios
Cuarto paso: hacer pruebas de usabilidad!
4. Prueba
![Page 31: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/31.jpg)
Preparándonos para hacer pruebas de usabilidad…!
Fuente: Flickr, usuario Volvo Car SA
![Page 32: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/32.jpg)
Actualmente, hemos instalado 3 kioscos multimedia en iPad, lo que nos permite!• Observar a nuestros usuarios!• Recibir retroalimentación de parte de ellos!
![Page 33: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/33.jpg)
Imprimiendo desde el móvil ***!
¿Recuerdan el deseo de nuestros usuarios de imprimir desde el teléfono?!
![Page 34: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/34.jpg)
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
![Page 35: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/35.jpg)
* 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-‐FIhep://h71016.www7.hp.com/html/pdfs/CE844ALaserJetProM1217nfw.pdf.
Referencias!
![Page 36: Mejorando la experiencia de usuario en la Biblioteca Langsdale](https://reader034.fdocuments.ec/reader034/viewer/2022051323/549ec7c5b47959aa608b46b7/html5/thumbnails/36.jpg)
Juan-Francisco [email protected]!