mejorando la experiencia de usuario en la biblioteca langsdale

36
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

Upload: juan-francisco-reyes

Post on 27-Dec-2014

332 views

Category:

Technology


2 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: Mejorando la experiencia de usuario en la Biblioteca Langsdale

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

•  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

•  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

¿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

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

Page 6: Mejorando la experiencia de usuario en la Biblioteca Langsdale

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

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

Diseñando la caja!

Page 9: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Diseñando la caja!

Page 10: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Diseñando la caja!

Page 11: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Encuestas Online!

55 estudiantes!

1. Investigación!

Page 12: Mejorando la experiencia de usuario en la Biblioteca Langsdale

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

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

Page 14: Mejorando la experiencia de usuario en la Biblioteca Langsdale

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

Planos 3D y 2D!

2. Diseño!

Page 16: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Indice Visual!

2. Diseño!

Page 17: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Infografía de Navegación de Estantes!

2. Diseño!

Page 18: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Directorio para cada piso!

2. Diseño!

Page 19: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Mapas para la página web!

2. Diseño!

Page 20: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Brochures!

2. Diseño!

Page 21: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Mapa para la aplicación móvil!

2. Diseño!

Page 22: Mejorando la experiencia de usuario en la Biblioteca Langsdale

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

Page 23: Mejorando la experiencia de usuario en la Biblioteca Langsdale

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

Lo último en tecnología web móvil!

3. Implementación!

Page 25: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Tiempo de programar!

3. Implementación!

Page 26: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Viendo los resultados: aplicación móvil!

3. Implementación!

Page 27: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Viendo los resultados: aplicación móvil!

3. Implementación!

Page 28: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Viendo los resultados: Localizador de Libros **!

3. Implementación!

Page 29: Mejorando la experiencia de usuario en la Biblioteca Langsdale

¿Cómo probar nuestros diseños?!

Page 30: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Recurrimos, nuevamente, a nuestros usuarios  

Cuarto paso: hacer pruebas de usabilidad!

4. Prueba  

Page 31: Mejorando la experiencia de usuario en la Biblioteca Langsdale

Preparándonos para hacer pruebas de usabilidad…!

Fuente:  Flickr,  usuario  Volvo  Car  SA  

Page 32: Mejorando la experiencia de usuario en la Biblioteca Langsdale

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

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

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

*  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

Juan-Francisco [email protected]!