Recursos para una intro a la UX

Este artículo está especialmente dedicado al alumnado del Máster Front-end Lemoncode, aunque creo que puede resultar útil a cualquier persona con perfil de desarrollo que quiera comenzar a practicar y saber más sobre la Experiencia de Usuario. 

Empiezo recordando un artículo que no pasa de moda: 14 libros de UX que pueden darte una base sólida teórica y conceptual sobre Diseño y Experiencia de Usuario.

Un recurso  online gratuito y tremendamente valioso es The Encyclopedia of Human-Computer Interaction.

Una vez tengamos alguna base teórica os comparto también recursos prácticos que cualquier perfil puede intentar utilizar en su día a día desde el momento cero.

Cómo hacer entrevistas

Steve Portigal es un referente en este ámbito, su libro Interviewing Users puede resultaros útil para empezar. Aunque si lo que queremos es sacar el máximo rendimiento, podéis seguir los consejos de este artículo:  3 better questions to ask in user interviews.

Read more

10+1 principios universales de diseño que debemos conocer

En la Experiencia de Usuario hay muchos factores que influyen en la interacción y la relación de las personas con la tecnología desde el diseño del producto. En el libro Principios Universales del Diseño nos ofrecen un completo y diverso catálogo sobre los conceptos que forman los pilares de la teoría del diseño y que son también aplicables a las Interfaces Gráficas de Usuario.

Uno de los más inmediatos y que encontraremos en cientos de ejemplos es el efecto de la estética.

The aesthetic-usability effect describes a phenomenon in which people perceive more-aesthetic designs as easier to use than less-aesthetic designs—whether they are or not.

Conocer estos principios fundamentales nos va ayudar a aprender mucho más rápido cómo resolver problemas básicos de diseño teniendo en cuenta la percepción humana y por lo tanto nos facilitará el desarrollo de productos usables.

10 principios imprescindibles

  1. Affordance. La propiedad por la que las características de un objeto o entorno influyen en su función.
  2. Alineación. El posicionamiento de los elementos respecto los bordes a lo largo de filas y columnas y todos ellos respecto a un centro en común.
  3. Disonancia cognitiva. La tendencia de buscar consistencia entre actitudes, pensamientos y creencias. La gente trata de buscar la consonancia cambiando su forma de creer con tal de justificar una acción. Por ejemplo, cuando el incentivo para realizar una tarea desagradable es pequeño, la gente trata de aliviar la disonancia cambiando su actitud: hago esto porque me gusta. Sin embargo si el incentivo es grande la gente alivia la disonancia cambiando sus creencias: hago esto porque me pagan bien. Esto se usa mucho como herramienta de persuasión y marketing.
  4. Color. Es usado para atraer la atención, agrupar elementos, indicar significado y aumentar la estética.
  5. Consistencia. Elementos similares deben estar expresados en formas similares, esto aumenta la usabilidad de un sistema, es más fácil de aprender y por tanto más eficaz. La consistencia no es sólo estética sino funcional.
  6. Control. Ajustar el nivel de control del usuario a su nivel de experiencia utilizando el sistema. Ejemplo: uso de shortcuts.
  7. Ley de Fitts. El tiempo requerido para moverse hacia un elemento está definido en función del tamaño y la distancia de dicho elemento.
  8. Golden Ratio. El ratio entre los elementos a partir de su alto y ancho es de aproximadamente 0.618. Se ha encontrado históricamente en la naturaleza, el arte y la arquitectura.
  9. Jerarquía. La organización jerárquica es la estructura más simple para visualizar y entender la complejidad.
  10. Ley de Hick. El tiempo que se requiere para tomar una decisión es mayor cuanto mayor es el número de alternativas posibles.

14 libros de UX que no pasan de moda

En el sector tecnológico los libros especializados están sujetos a una vida muy corta, sin embargo, hay algunos referentes en el campo de la Experiencia de Usuario que creo que no pasarán nunca de moda y deben tenerse como referentes, aquí van mis imprescindibles de los últimos diez años:

  1. Universal Principles of Design, Revised and Updated: 125 Ways to Enhance Usability, Influence Perception, Increase Appeal, Make Better Design Decisions, and Teach through Design Jill Butler, Kritina Holden, William Lidwell
  2. About Face: The Essentials of Interaction Design, 4th Edition Christopher Noessel, Alan Cooper, Robert Reimann, David Cronin
  3. Emotional Design: Why we love (or hate) everyday things – Donald Norman
  4. User-Centered Design – Travis Lowdermilk
  5. Interviewing Users: How to Uncover Compelling Insights – Steve Portigal
  6. Mental Models Indi Young
  7. Storytelling for User Experience – Kevin Brooks, Whitney Quesenbery
  8. Quantifying the User Experience, 2nd Edition James R Lewis, Jeff Sauro
  9. Measuring the User Experience, 2nd Edition William Albert, Thomas Tullis
  10. Designing Interfaces, 2nd Edition – Jenifer Tidwell
  11. Designing for Interaction: Creating Innovative Applications and Devices, Second Edition – Dan Saffer
  12. Sketching User Experiences: Getting the Design Right and the Right Design – Bill Buxton
  13. Eliminate UX Debt. Improving Consistency & Usability – Jack Moffett
  14. User Story Mapping – Peter Economy, Jeff Patton

¿Cuáles son tus imprescindibles?

Google Design como recurso de aprendizaje

Si hay un recurso web que considero imprescindible tanto si deseas desarrollar algo para móviles como si sólo quieres aprender algo útil sobre diseño o programación es el portal de la plataforma Android.

Ya en el pasado enlacé alguna de sus buenas prácticas dirigidas a desarrolladores, pero no hay duda de que en este portal hay muchos más recursos útiles. Y es que, en general, las guías de estilo de las diferentes plataformas nos enseñan mucho más que directivas, sino los principios fundamentales de diseño en los que se basan los nuevos paradigmas de interacción y experiencia de usuario desde la capa visual hasta la construcción de la arquitectura.

En este caso Android, en sus secciones de Design, Development y Distribute, estructura unos contenidos valiosísimos para apreciar los detalles y los conceptos básicos con los que trabajar cuando te enfrentas a un desarrollo móvil (o casi de cualquier tipo si sabes abstraerte bien).

Si aún no has navegado por su web donde fundamentan las bases del lenguaje visual Material Design, te recomiendo que empieces por ahí ya que éste puede aplicarse a cualquier plataforma y detalla con infinidad de ejemplos múltiples principios de diseño.

Igualmente importante es la sección de estilo y patrones, la sección de training de desarrollo y los contenidos esenciales sobre la distribución de apps.

A veces me parece necesario no acumular demasiada cantidad de recursos, webs, libros, etc. para poder focalizarte en una sola cosa, sencilla, directa y bien estructurada sobre todo cuando el objetivo es aprender. La documentación de Android en este caso es un ‘gustazo’ no como la de iOS que en mi opinión sólo usa la verborrea para destacar de forma inconsistente y desestructurada algunos de sus iluminados principios de diseño. Pero quién soy yo para criticar al gran Ive o a su equipo…

Creo que mi apuesta queda bastante clara, más aún viendo cómo de bien le sientan los años a Android y lo bien que está madurando. Prueba de ello es la reciente salida de Android Studio 1.0, que pasó de la beta recientemente y se presenta como un entorno de desarrollo completo el cual espero trastear en profundidad en breve.