Ley Jakob para la experiencia de usuario.

La Ley Jakob para la experiencia de usuario dice que los usuarios pasan la mayor parte de su tiempo en otros sitios. Esto significa que ellos prefieren que un sitio funcione de la misma manera que todos los otros sitios que ya conocen.

El experto hace hincapié en la importancia de las convenciones en diseño web y en el seguimiento de los estándares para lograr que las personas usen nuestros productos. Una práctica que desde hace tiempo se lleva acabo, en el que los sitios web hacen más dinero estandarizado su diseño. Dos buenos ejemplos son el ícono de carrito de la compra y los links en color azul.

Para escucharlo de su propia voz, ve el video a continuación.

 

¿Qué te pareció el artículo? ¿Qué piensas de la Ley Jakob? Si tienes dudas o comentarios no dudes en compartirlos.

Fuentes:

  1. https://www.nngroup.com/videos/jakobs-law-internet-ux/

Guía rápida de diseño de interfaz para NO diseñadores.

Aprender diseño visual lleva tiempo y práctica pero afortunadamente existen tips que pueden hacerlo más fácil y dan buenos resultados. Si no eres diseñador de interfaces pero te toca hacerlo en tu trabajo, abajo te dejo algunas recomendaciones que pueden servirte.

Alinea los elementos de la interfaz.

La desalineación de los elementos de una interfaz (imágenes, bloques de texto, videos, botones, etc) hace que una pantalla sea vea desorganizada y que las personas no sepan qué hacer.

Usa una cuadricula como referencia, la alineación de los objetos va a mejorar mucho el diseño y hacerlo más organizado visualmente.

Screen Shot 2017-09-01 at 11.51.57 AM
Fuente: https://developer.apple.com/design/tips/

Usa suficiente contraste.

Usa colores que brinden suficiente contraste en el fondo y el texto para no dificultar la vista. Fondos blancos y textos negros son la mejor opción. Evita el amarillo, verde y grises muy claros.

Screen Shot 2017-09-01 at 11.58.09 AM
Fuente: https://developer.apple.com/design/tips/

Menos es más.

Como lo dijo el Arquitecto Mies van der Rohe: menos es más, esto significa “reducir algo a lo mínimo, a los elementos esenciales que componen la cosa. Todo lo demás disturba.”

Trata de ser minimalista a la hora de diseñar, los sitios simples con poca saturación de colores, imágenes, animaciones, etc. se ven actuales. Si le sumas una buena alineación a este punto el producto va a ser un diseño más organizado.

simple design.jpg
Fuente: Pinterest.

Primero lo importante.

Muestra el contenido importante primero y hazlo resaltar, la función modular del sistema deberá estar a la mano siempre. A esto se le llama jerarquía visual y es importante en diseño web para priorizar el contenido mediante el diseño.

Screen Shot 2017-09-01 at 12.11.41 PM
Fuente: https://developer.apple.com/design/tips/

Tamaño del texto e interlineado.

Usa tamaños de textos que sean legibles, aumenta el tamaño del texto para que sea fácil de leer y usa interlineados que le den espacio al texto.

Screen Shot 2017-09-01 at 12.16.33 PM
Fuente: https://developer.apple.com/design/tips/
Screen Shot 2017-09-01 at 12.18.11 PM
Fuente: https://developer.apple.com/design/tips/

Usa paletas de colores ya definidas.

El buen manejo del color es un arte que no todos dominamos. En este caso, busca paletas de color ya definidas o puedes ayudarte de Adobe KulerColor Tool de Material Design.

Screen Shot 2017-09-01 at 12.35.08 PM

Screen Shot 2017-09-01 at 12.36.27 PM

Aprovecha las convenciones visuales.

Usar patrones que los usuarios identifican y saben usar es la manera de facilitar el uso de una aplicación. Las convenciones son eso, patrones aprendidos por los usuarios. Por ejemplo cuando al dar click al logo en una web te dirige al Home, el color azul de un link, el ícono de carrito para la cesta de compra en un e-commerce, el hover de un botón, etc.

Aprovecha los conocimientos de los usuarios y no trates de innovar cuando no es necesario. Los usuarios buscan familiaridad en los sitios que usan.

Sigue las guías de diseño de Apple o Google.

Google Material Design y Apple Human Interface Guidelines son guías donde se establecen las mejores prácticas de diseño de interfaces y experiencias, son súper útiles y tienen recursos gráficos como íconos, colores, guías de diseño, etc.

 

Con esta sencilla guía notarás cambios en las interfaces que diseñes pero sé persistente, aprender a diseñar lleva práctica y tiempo.

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

Fuentes:

  1. https://developer.apple.com/design/tips/

Freebie: Kit de elementos UI para móvil en Sketch.

La entrada de hoy es para compartir con ustedes un librería con componentes para interfaces móviles para Sketch. Esta colección fue creada por mi y está libre de derechos para usarse en cualquier sitio. ¡Disfrútenla!

Descárgalo aquí.

Si te gustó este freebie ¡compártelo!

¿El diseño UX es para ti?

Cada profesión requiere el uso y desarrollo de habilidades, y demanda en algún grado un tipo de personalidad. El diseño de experiencia de usuario es una profesión compuesta por varias disciplinas como psicología, negocios, diseño, investigación, entre otras. Y los diseñadores de UX requieren de empatía y objetividad entre algunos otros rasgos de personalidad.

Siendo así entonces ¿cómo sé si el diseño de experiencia de usuario es para mi? A continuación enlisto una serie de habilidades y características que considero un diseñador debe tener para realizar una buena práctica.

El diseñador de UX soluciona problemas.

Por naturaleza, aunque no seamos conscientes de ello todos somos solucionadores de problemas, a lo largo de la vida se nos presentan situaciones que intentamos resolver de la mejor manera. El objetivo para el diseñador de UX será convertir esto en un hábito por medio del cual seamos capaces de resolver diferentes tipos de problemas.

¿Cómo desarrollar esta habilidad?

  • Implementa metodologías y sigue mejores prácticas.
  • Trata de simplificar grandes problemas.
  • Identifica diferentes maneras de resolver un problema (brainstorming).
  • Detecta cómo evaluar o medir una solución.

El diseñador de UX tiene facilidad para aprender.

En una práctica tan amplia como diseño UX en el que se involucran disciplinas y diferentes habilidades, el aprendizaje continuo resulta de mucha importancia.

¿Cómo desarrollar esta habilidad?

  • Toma cursos regularmente.
  • Asiste a seminarios o reuniones donde el tema sea UX.
  • Platica con otros diseñadores.
  • Lee.

El diseñador de UX es buen comunicador.

Una de las habilidades esenciales es poder comunicar adecuadamente las ideas o argumentos que se tienen. Un diseñador de UX deberá tener la capacidad de dirigirse a usuarios y empatizar con ellos para que brinden retroalimentación de la interacción con el sistema. También debe preocuparse por establecer comunicación clara con miembros del equipo técnico como ingenieros y managers; así cómo brindar argumentos a un stakeholder de las decisiones tomadas en el desarrollo de un producto.

¿Cómo desarrollar esta habilidad?

  • Escucha e identifica al receptor del mensaje, no todos comprenderán lenguaje técnico.
  • Identifica semejanzas con la otra persona y haz rapport para establecer un puente de comunicación.
  • Pregunta.
  • Sé receptivo y abierto.
  • Sé genuino.

El diseñador de UX es bueno escuchando.

Parte esencial de saber comunicar es saber escuchar. Un diseñador de UX presta atención a lo que la gente intenta comunicar de manera verbal y no verbal. Es importante mantenerse receptivo y atento a lo que los usuarios dicen de nuestro producto, lo que los miembros del equipo expresan acerca del stack técnico, limitaciones y otra información relevante del proyecto; así cómo los stakeholders y las decisiones de negocios y diseño que se toman.

¿Cómo desarrollar esta habilidad?

  • Sé respetuoso.
  • No interrumpas mientras otros hablan.
  • No emitas juicios inmediatamente.
  • Pide a los demás que elaboren mejor lo que dicen, pregunta todas tus dudas.

El diseñador de UX es analítico.

Un buen diseñador respaldará sus decisiones de diseño en mejores prácticas y en información cuantitativa y cualitativa producto de investigaciones y evaluaciones.
El diseño del producto representará el análisis exhaustivo de la información recabada.

¿Cómo desarrollar esta habilidad?

  • Usa mejores prácticas.
  • Compara la solución con los datos.
  • Haz a un lado tus preferencias personales.
  • Piensa en cómo la información afecta el diseño.

El diseñador de UX presta mucha atención al detalle.

Dice el dicho que “el diablo está en los detalles” y en diseño UX es cierto. Es de suma importancia prestar atención a los pequeños detalles que pueden hacer que el producto sea mejor o peor, por ejemplo durante la investigación de usuarios, pruebas de usabilidad e incluso en el diseño de visuales. Un detalle como una micro interacción puede hacer la diferencia para un producto.

¿Cómo desarrollar esta habilidad?

  • Haz revisiones frecuentes, es mejor si otros miembros del equipo colaboran.
  • Itera la idea.
  • Divide una tarea grande en pequeñas tareas.
  • Haz listas de pendientes.
  • Quita las distracciones.

El diseñador de UX es empático.

La empatía la defino como “ponerse en los zapatos del otro” . Es mas acertado y ofrece soluciones más puntuales cuando somos capaces de sentir lo que otro siente y piensa al usar un producto. Además, el diseñador será el defensor del usuario y sus puntos de vista, que muchas veces son pasados por alto por el resto del equipo.

¿Cómo desarrollar esta habilidad?

  • Escucha atentamente.
  • Sé receptivo.
  • Trata de establecer conversaciones profundas.
  • No juzgues creencias u opiniones que no compartas con las personas.
  • Valida sus puntos de vista.

El diseñador de UX es un ‘big picture thinker’.

Ser un “big picture thinker” implica entender holisticamente el desarrollo de un producto tomando en cuenta la requerimientos de negocio, necesidades de los usuarios, estrategia comercial, etc. Al mismo tiempo se necesita atención al detalle y disposición para trabajar con diferentes miembros del equipo e incluso con diferentes departamentos. Un “big picture thinker” no solo se limita a ejercer el trabajo de diseño.

¿Cómo desarrollar esta habilidad?

  • Trabaja en proyectos de temáticas diferentes.
  • Sé abierto a nuevas experiencias.
  • Trata de ganar perspectivas diferentes a la tuya hablando con personas.
  • Aprende algo nuevo.

¿Qué te pareció el artículo? ¿Crees que el diseño UX es para ti? Si tienes dudas o comentarios no dudes en compartirlos.

Fuentes:

  1. http://uxdesignmastery.com/is-ux-design-a-good-fit-for-you-8-personality-traits-you-must-have/

¿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/

A quien seguir en diseño UX: Jesse James Garrett

Jesse James Garrett es un arquitecto de información y co-fundador de Adaptive Path, firma de diseño y consultoría de Experiencia de Usuario. Además, la firma forma la comunidad adaptivepath.org que tiene como objetivo inspirar, capacitar e involucrar a otros para lograr impacto en la sociedad.

Jesse comenzó a trabajar en 1995 primero como escritor y desarrollador de interfaces, luego como diseñador de interfaces y arquitecto de información. En 2001, comenzó con Adaptive Path para ayudar a la gente a resolver problemas con la experiencia de usuario de sus productos.

Adaptivepath.org organiza cursos, talleres y otros eventos y provee de algunos recursos para el aprendizaje de diferentes disciplinas que intervienen en UX como: estrategia de diseño, estrategia de liderazgo, mapeo de experiencias y diseño visual entre otros. Actualmente brinda charlas sobre innovación, estrategia en diseño de producto, tecnología y negocios en todo el mundo.

Jesse acuñó el término Ajax en 2005. En 2006 recibió el premio Rave de Tecnología de la revista Wired.

La contribución que lo ha hecho famoso es el libro “Los elementos de la experiencia de usuario.” El cual está orientado para nuevos diseñadores y líderes de equipos de UX.

elements_simpleplanes

Los Elementos de la Experiencia de Usuario por Jesse James Garrett

 

¿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. Jesse James Garrett site: http://www.jjg.net
  2. http://adaptivepath.org
  3. http://adaptivepath.com

 

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/