10 libros esenciales para diseñadores de UX.

Hay cientos de libros relacionados con experiencia de usuario lo cual puede dificultar encontrar lecturas que ayuden a los diseñadores a aprender o a fortalecer los conocimientos de UX.

La mayoría de libros que se consideran como esenciales en el Diseño UX están en Inglés ya que han sido producidos por las figuras más importantes en usabilidad, cognición etc.
A continuación enlisto los libros que yo considero que ayudan a mejorar el conocimiento en Usabilidad, Arquitectura de Información, Diseño de Interacción, Investigación de Usuarios, etc.

  1. Don’t Make me Think de Steve Krug
    dont make me thing
  2. The Design of Everyday Things de Don Norman
    the design of everyday things
  3. The Elements of User Experience: User-Centered Design for the Web
    the elements of ux
  4. 100 Things Every Designer Needs to Know About People de Susan M. Weinschenk
    1000 things every designer
  5. A Practical Guide to Information Architecture de Donna Spencer

    a practical guide to ai

  6. Measuring the User Experience: Collecting, Analyzing, and Presenting Usability Metrics de William Albert de Thomas Tullis
    measuring UX
  7. Emotional Design: Why We Love (or Hate) Everyday Things de Don Norman
    emotional design
  8. Mental Models: Aligning Design Strategy with Human Behavior de Indi Young
    mental models cover
  9. A Project Guide to UX Design: For user experience designers in the field or in the making de Russ Unger & Carolyn Chandler
    a project guide to UX
  10. Simple and Usable Web, Mobile, and Interaction Design de Giles Colborne

    simple and usable

 

Los anteriores cubren la teoría general del Diseño UX. También considero importante conocer algo acerca de metodologías y marcos de desarrollo de proyectos por eso les recomiendo:

11. Lean UX: Applying Lean Principles to Improve User Experience – Jeff Gothelf with Josh Seiden

lean ux

¿Qué te pareció el artículo? ¿Lo encontraste útil? Si tienes dudas o comentarios no dudes en compartirlo.

¿Qué los son modelos mentales?

Como ya lo he compartido anteriormente el diseño de experiencia de usuario está compuesto de principios de diversas disciplinas entre las que destacan ciertos fundamentos psicológicos relacionados con la cognición.

Al diseñar un producto es importante reunir información acerca del usuario ya que entre más aproximación tengamos a su modelo mental, este percibirá el sistema como predecible y usable, debido a que encuentra patrones similares a sistemas anteriormente vistos o usados

¿Qué es un modelo mental?

“Un modelo mental es la representación interna de la realidad externa que vive un individuo.”

Son concepciones generales, que nos ayudan a interpretar el mundo y dirigen nuestras acciones y comportamientos. Adaptando nuestra conducta según las experiencias que acumulemos y a nuestra adaptabilidad a las circunstancias, con estos las personas podemos lograr una mayor eficacia para hacer frente a lo que nos rodea.

Los modelos mentales tienen las siguientes características:

  1. Son personales y por lo tanto subjetivos, cada persona lo construye según sus propias experiencias, contexto, habilidades, etc. Incluso la genética juega un papel influyente en el desarrollo de los modelos mentales.
  2. No son estáticos. Los modelos mentales se pueden ampliar, e incluso especializarse según el contexto. También pueden enlazarse entre sí para crecer y reforzar el conocimiento en areas específicas.
  3. Están basados en las experiencias personales únicas de cada individuo, los modelos mentales que hemos desarrollado son condicionados por los lugares donde hemos vivido, con quienes hemos convivido, etc.
  4. Son exteriorizados de diferentes maneras según los canales de comunicación que tenemos mejor desarrollados. Cada persona comunica su pensar y sentir en diferente manera.

¿Por qué a los diseñadores nos deben importar los modelos mentales?

Diseñar implica comprender al cliente, sus objetivos y su modelo mental; así como comprender a los usuarios, sus objetivos, necesidades y modelos mentales. A partir de esta adquisición de conocimiento, transformamos nuestros propios modelos mentales, con el fin de reducir la brecha entre nuestros modelos y los de los usuarios para aproximarnos lo más posible a la solución mas adecuada para ellos.

La comprensión del modelo mental del usuario puede ayudar a dar sentido a los problemas de usabilidad en el diseño. Cuando la gente comete errores en el sistema, es frecuentemente porque se han formado un modelo mental erróneo acerca de este.

En la creación del producto existen dos estrategias para con los usuarios, la primera la considero más adecuada para productos nuevos o para solucionar problemas puntuales de usabilidad y la segunda cuando existe un desajuste en los modelos mentales del sistema y usuario:

  1. Hacer que el sistema se ajuste a los modelos mentales de los usuarios. Este es el enfoque generalmente recomendado para solucionar los problemas de Arquitectura de Información. Si la gente busca algo en el lugar equivocado, entonces deberíamos moverla al lugar donde lo buscan. El card sorting es una forma útil de descubrir el modelo mental de un usuario en un espacio de información para diseñar su navegación.
  2. Mejora los modelos mentales de los usuarios para que comprendan mejor el sistema. se logra explicando mejor las cosas y haciendo que las etiquetas sean más claras para que la interfaz de usuario sea más transparente (aunque el sistema subyacente no cambie).

Si quieres ahondar en el tema, recomiendo el libro Mental Models: Aligning Design Strategy with Human Behavior de Indi Young.

Y te comparto la siguiente caricatura que ilustra cómo afecta al desarrollo de un producto los modelos mentales de la gente.

mental_models_v61

¿Qué te pareció el artículo? ¿Lo encontraste útil? Si tienes dudas o comentarios no dudes en compartirlos.

Fuentes:

  1. https://emowe.com/modelos-mentales/
  2. http://www.nosolousabilidad.com/manual/2_2.htm
  3. http://www.nosolousabilidad.com/manual/2_3.htm
  4. https://www.nngroup.com/articles/mental-models/
  5. https://www.smashingmagazine.com/2012/04/mental-model-diagrams-cartoon/

¿Qué son las heurísticas de Nielsen?

En 1995 Jakob Nielsen una de las figuras más respetadas de la usabilidad desarrolló las 10 heurísticas para el diseño de interfaces de usuario, principios a los que llegó después de evaluar 249 problemas de usabilidad.

“Una heurística es un conjunto de reglas metodológicas no necesariamente formalizadas, que sugieren o establecen cómo proceder y qué problemas evitar a la hora de generar soluciones y elaborar hipótesis.”

Actualmente estas heurísticas sirven para realizar evaluaciones a sistemas o productos digitales para encontrar errores de usabilidad y para crear productos que sean entendibles para un determinado grupo de usuarios.

1. Visibilidad del estado del sistema: El sistema siempre debería mantener informados a los usuarios de lo que está ocurriendo, a través de retroalimentación apropiada dentro de un tiempo razonable.
error-509
2.  Relación entre el sistema y el mundo real: El sistema debería hablar el lenguaje del usuario mediante palabras, frases y conceptos que le sean familiares más que con términos relacionados con el sistema. Sigue las convenciones del mundo real para que la información aparezca en un orden natural y lógico.

shopping-cart-19

3. Control y libertad del usuario: Hay ocasiones en que el usuario elegirá las funciones del sistema por error y necesitará una “salida de emergencia” claramente marcada para dejar el estado no deseado al que accedió, sin tener que pasar por una serie de pasos. Se deben apoyar las funciones de deshacer y rehacer.

modal_small

4. Consistencia y estándares: El usuario no debería cuestionarse si acciones, situaciones o palabras diferentes significan la misma cosa; sigue las convenciones establecidas.

screen-shot-2017-02-23-at-3-19-23-pm

screen-shot-2017-02-23-at-3-18-41-pm

5. Prevención de errores: Mucho mejor que un buen diseño de mensajes de error es realizar un diseño cuidadoso que prevenga la ocurrencia de problemas.

1-owgg_c9twciu1xufw1cg2g

6. Reconocimiento antes que recuerdo: Se deben hacer visibles los objetos, acciones y opciones así el usuario no tendrá que recordar la información que se le da en una parte del proceso para seguir adelante. Las instrucciones para el uso del sistema deben estar a la vista o ser fácilmente recuperables cuando sea necesario.

screen-shot-2017-02-23-at-3-33-10-pm

7. Flexibilidad y eficiencia de uso: La presencia de aceleradores que no son vistos por los usuarios novatos, puede ofrecer una interacción más rápida a los usuarios expertos que la que el sistema puede proveer a los usuarios de todo tipo. Se debe permitir que el usuario adapte el sistema para usos frecuentes.

zerolag-com-photoshop_shortcuts-infographic

8. Estética y diseño minimalista: Los diálogos no deben contener información que es irrelevante o poco usada. Cada unidad extra de información en un diálogo compite con las unidades de información relevante y disminuye su visibilidad relativa.

screen-shot-2017-02-23-at-3-37-55-pm

9. Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de errores: Los mensajes de error se deben entregar en un lenguaje claro y simple, indicando en forma precisa el problema y sugerir una solución constructiva al problema.

mailchimp

10. Ayuda y documentación: Incluso en los casos en que el sistema pueda ser usado sin documentación, podría ser necesario ofrecer ayuda y documentación. Dicha información debería ser fácil de buscar, estar enfocada en las tareas del usuario, con una lista concreta de pasos a desarrollar y no ser demasiado extensa.

screen-shot-2017-02-23-at-3-42-10-pm

 

¿Qué opinas de estos principios? ¿Encontraste el artículo útil? Si tienes dudas o comentarios no dudes en compartirlos.

¡Regístrate para recibir por email más artículos interesantes!

Fuentes:

  1. https://www.nngroup.com/articles/ten-usability-heuristics/
  2. http://www.uxabilidad.com/usabilidad/10-heuristicas-o-principios-basicos-de-usabilidad.html
  3. http://www.zerolag.com/infographics/adobe-photoshop-cs6-shortcuts-cheatsheet/
  4. http://www.material.io
  5. http://www.dropbox.com
  6. http://www.ebay.com
  7. http://www.amazon.com

 

¿Qué es Arquitectura de Información?

La arquitectura de información es una de las variadas prácticas o procesos que comprenden el diseño para la experiencia de un usuario, nos ayuda a organizar la información de un sitio web para que los usuarios lo encuentren entendible.

No solo la encontramos en productos digitales, es parte de la vida diaria por ejemplo el super mercado o una biblioteca, dónde los productos a la venta o los libros están categorizados y etiquetados para que su organización tenga sentido para nosotros como usuarios.

La Arquitectura de la información (IA) se centra en organizar, estructurar y etiquetar el contenido de una manera efectiva y sostenible. El objetivo es ayudar a los usuarios a encontrar información y completar tareas. Así lo define usability.gov

La Arquitectura de Información se fundamenta en diferentes disciplinas como ciencias cognitivas, psicología, arquitectura y diseño.

¿Pero entonces cómo organizamos la información para que nuestro usuario la entienda? Para esto existen diversas técnicas de investigación para generar una adecuada arquitectura de información:

  1. Card sorting: Esta actividad permite descubrir y/o validar la relación que entienden los usuarios entre categorías y elementos. Consiste en repartir tarjetas para que los participantes creen grupos y los nombren. Cuando los usuarios pueden crear categorías se denomina card sorting abierto y cuando se las proveemos se le nombra cerrado.

    Herramientas: Optimal Workshop, User Zoom, Simple Card Sort
    Ejemplo de la actividadUX tutorial: Running the session

  2. Tree testing: Este estudio nos sirve para validar si el usuario encuentra el objetivo que tiene en un sitio web. Para este le mostramos un mapa de sitio al usuario y le pedimos que haga una tarea específica.

    Herramientas: Optimal Workshop, User Testing,User Zoom
    Ejemplo de la actividad: Tree Testing with UserZoom

  3. Matriz de contenido: Con esta herramienta describimos donde se encuentra cada elemento de contenido en el sitio, por ejemplo texto, fotografías, video, documentos, etc. Nos sirve para tener documentada la organización de cada elemento, conocer la jerarquía de los mismos y tener control de todo lo que se encuentre en el sitio.
    Herramientas: Excel
    Ejemplo:

screen-shot-2017-02-13-at-11-07-10-am

4. Mapa de sitio: Este es útil para determinar los niveles de jerarquía y la relación entre los elementos. También ayudan a determinar la navegación general.
Herramientas: Draw.io, Power Point, Balsamiq
Ejemplo:

check-mapas-de-sitio-01

5. Wireframes: Es donde comenzamos a determinar visualmente la posición de los diferentes elementos del sitio (texto, imágenes, vídeo, etc).
Herramientas: Papel y lapiz, Balsamiq
Ejemplo:

travelty-wireframing-project-01

Este 18 de febrero se realizarán eventos simultáneos en diferentes partes del mundo para conmemorar el día mundial de la usabilidad, si estás interesado en conocer personas que se dediquen a esta disciplina o quieres saber más te dejo el sitio web del ‘World Information Architecture Day‘ para que revises los eventos, en México este año se llevarán acabo en Puebla y CDMX.

¿Encontraste útil el artículo? Si tienes dudas o comentarios no dudes en compartirlos.

¡Regístrate para recibir por email más artículos interesantes!

Fuentes:

  1. Usability.gov
  2. Qué es: Arquitectura de Información por Andrea Cantú
  3. EcuRed: Arquitectura de Información
  4. WIAD 2017

UX y Usabilidad

Experiencia de usuario (UX) no es usabilidad. La usabilidad forma parte de la experiencia que genera un producto al interactuar con él.
La norma internacional ISO 9241-11: Guidance on Usability de 1998 define la Usabilidad de la siguiente manera:

“La Usabilidad se refiere al grado en que un producto puede ser usado por usuarios específicos para conseguir metas específicas con efectividad, eficiencia y satisfacción dado un contexto específico de uso.”

La usabilidad se puede medir. Existen diversas técnicas que nos brindan información acerca de la forma en la que ciertos usuarios interactúan con sistemas predeterminados. Esta revisión de usabilidad  está hecha basada en diferentes componentes, entre los que se cuentan los siguientes:

  • Facilidad de aprendizaje: Define en cuánto tiempo un usuario, que nunca ha visto una interfaz, puede aprender a usarla bien y realizar operaciones básicas.
  • Facilidad y eficiencia de uso: Determina la rapidez con que se pueden desarrollar las tareas, una vez que se ha aprendido a usar el sistema.
  • Facilidad de recordar cómo funciona: Se refiere a la capacidad de recordar las características y forma de uso de un sistema para volver a utilizarlo a futuro.
  • Frecuencia y gravedad de errores: plantea la ayuda que se le entrega a los usuarios para apoyarlos cuando deban enfrentar los errores que cometen al usar el sistema.
  • Satisfacción subjetiva: indica lo satisfechos que quedan los usuarios cuando han empleado el sistema, gracias a la facilidad y simplicidad de uso de sus pantallas.

Experiencia de Usuario es un concepto bastante más amplio. Jakob Nielsen y Don Norman dicen que:

“La Experiencia de Usuario abarca todos los aspectos de la interacción del usuario final con la empresa, sus servicios y sus productos.”

usability-user-experience-diagram

Al ser un concepto subjetivo la experiencia de un usuario no se puede medir, sin embargo es posible recabar información acerca de los aspectos prácticos, experienciales, afectivos, significativos y también de las percepciones de una persona sobre aspectos del sistema tales como utilidad, facilidad de uso y eficiencia (usabilidad).

La experiencia del usuario es dinámica, se va modificando con el tiempo debido al cambio de las circunstancias de uso, habilidades, curvas de aprendizaje de los usuarios, cambios es los sistemas, etc., así como el contexto de uso más amplio en el que se pueden encontrar.

¿Qué te pareció el artículo? ¿Fue claro? Si tienes dudas o comentarios no dudes en compartirlos.

¡Regístrate para recibir por email más artículos interesantes!

Fuentes:

  1. Definición de Usabilidad: http://www.guiadigital.gob.cl/articulo/que-es-la-usabilidad
  2. Definición de Experiencia de Usuario (UX): https://en.wikipedia.org/wiki/User_experience
  3. Componentes de Usabilidad: https://www.nngroup.com/articles/usability-101-introduction-to-usability/