mejorando la experiencia de usuario en la biblioteca langsdale

Post on 27-Dec-2014

333 Views

Category:

Technology

2 Downloads

Preview:

Click to see full reader

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

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!

•  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!

•  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!

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

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

Recurrimos al Diseño Centrado en el Usuario  

Primer paso: conocer a nuestros usuarios!

1. Investigación  

Focus group con un “tweak” de diversión  

Gamestorming: Diseñando la caja*!

1. Investigación!

10 estudiantes!

Diseñando la caja!

Diseñando la caja!

Diseñando la caja!

Encuestas Online!

55 estudiantes!

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  

1. Investigación!

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

Recurrimos al Diseño de Información  

Segundo paso: trasladar conceptos abstractos a imágenes!

2. Diseño  

Planos 3D y 2D!

2. Diseño!

Indice Visual!

2. Diseño!

Infografía de Navegación de Estantes!

2. Diseño!

Directorio para cada piso!

2. Diseño!

Mapas para la página web!

2. Diseño!

Brochures!

2. Diseño!

Mapa para la aplicación móvil!

2. Diseño!

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

Recurrimos a la Tecnología Web  

Tercer paso: programar una aplicación móvil!

3. Implementación  

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

3. Implementación!

Tiempo de programar!

3. Implementación!

Viendo los resultados: aplicación móvil!

3. Implementación!

Viendo los resultados: aplicación móvil!

3. Implementación!

Viendo los resultados: Localizador de Libros **!

3. Implementación!

¿Cómo probar nuestros diseños?!

Recurrimos, nuevamente, a nuestros usuarios  

Cuarto paso: hacer pruebas de usabilidad!

4. Prueba  

Preparándonos para hacer pruebas de usabilidad…!

Fuente:  Flickr,  usuario  Volvo  Car  SA  

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

Imprimiendo desde el móvil ***!

¿Recuerdan el deseo de nuestros usuarios de imprimir desde el teléfono?!

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  

*  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!

Juan-Francisco Reyes!paco@xentido.com!

top related