Predicciones en Diseño UX para 2018

Experiencia centrada en el contenido

Desde que han surgido tendencias minimalistas en diseño de interfaz el contenido ha tomado un un papel importante.. El contenido dará forma al diseño por lo que la estrategia de contenido será una de las disciplinas que seguirán desarrollándose entre los profesionales de UX.

El espacio negativo (espacio en blanco), la jerarquía visual y el minimalismo ayudan a que la experiencia se centre en el contenido y no en los elementos decorativos.

Screen Shot 2017-12-21 at 4.09.38 PM

 

Experiencias más eficientes

La experiencia del usuario se centrará en mostrar información sin obstrucciones en una forma intuitiva y fácil de consumir. Una experiencia eficiente le ahorra tiempo al usuario al mismo tiempo que satisface las necesidades del usuario.

La facilidad para navegar en el sistema, personalización en el contenido a mostrar, proveer dirección además de mostrar contenido y funciones específicas le permiten al usuario tener al experiencia más eficiente.

Screen Shot 2017-12-21 at 4.15.37 PM

Experiencia omnicanal

Ya no es suficiente desarrollar solamente productos para una plataforma. Las personas cada vez se habitúan más a usar diferentes dispositivos para lograr un objetivo. Esto nace de la misma naturaleza de las interacciones, los usuarios usarán el medio más relevante para ellos en un contexto específico para satisfacer una necesidad. Es por esto que la verdadera experiencia es agnóstica en cuanto a dispositivos. El diseño de experiencia de usuario omnicanal brinda consistencia en un mundo multi dispositivos.

La atención deberá ponerse en en los flujos de los user journeys para lograr transiciones fáciles entre un dispositivo y otro.

alexa

Humanizar la experiencia digital

Las personas esperamos interactuar con un producto digital de la misma manera en que lo hacemos con otras personas, por lo tanto los diseñadores debemos prepararnos para poder cumplir con estas expectativas.

El diseño emocional responde a esta demanda, mediante este el producto cubre la expectativa del usuario mediante vínculos directamente ligados a las emociones de las personas.

Podemos humanizar la experiencia digital enfocándonos en necesidades fundamentales humanas como la seguridad, transparencia, seguridad, etc. Esta tendencia resultará en la demanda de más psicólogos, investigadores de usuarios y otros profesionales que facilitarán la creación de experiencias más humanas.

animoji

Experiencia de usuario en interfaces de voz

La experiencia del usuario ya no se limita a interacciones con interfaces visuales, el próximo año veremos mucho más énfasis en mejorar el desarrollo de la experiencia en interfaces de usuario de voz, por ahora es un complemento a dispositivos con interfaces gráficas de usuario pero pronto se podría convertir en una alternativa a ella.

siri

Diseñadores con experiencia en nuevas tecnologías

Interfaces de usuario de voz, inteligencia artificial, realidad virtual, realidad aumentada, entre otros, van a requerir que los diseñadores nos volquemos a aprender de nuevas tecnologías. El rol del diseñador se expandirá hacia nuevas tecnologías y habilidades.

pexels-photo-123335

Mejor personalización

La personalización hace el diseño de experiencia de usuario más eficiente ya que provee información específica que reduce los tiempos de búsqueda. En el próximo año veremos la personalización en su máxima expresión. El desarrollo en inteligencia artificial y machine learning permitirán a los sistemas adaptar su experiencia de usuario según el usuario mismo, Las marcas optarán por ofrecer al usuario la experiencia más personalizada posible.

Screen Shot 2017-12-21 at 4.29.18 PM

Accesibilidad

El rol del diseñador se ha expandido y al mismo tiempo ha tomado más responsabilidades. El diseño en los últimos años empieza a tomarse como una herramienta en el cambio social, sin embargo no diseñamos para todos.

El próximo año habrá avances en materia de diseño accesible, deberemos diseñar con consciencia y no para probarnos como buenos diseñadores visuales. Interfaces accesibles por voz y con suficiente contraste visual son algunas de las características de la web accesible.

La Iniciativa de Accesibilidad Web (WAI) ha publicado las Pautas de Accesibilidad para el Contenido Web 2.0, también conocidas como WCAG2, estas recomendaciones detallan cómo hacer que la interfaz de un sitio web sea accesible para todos.

pexels-photo-261628

Sistemas en lugar de manuales de diseño

Los sistemas de diseño sustituyen a las guías de estilos. Son escalables y establecen colores, tono de voz, tipografía, animaciones, visualización de información entre otros elementos para formar un lenguaje de diseño según los objetivos y personalidad de la marca.

Muchas de las marcas más consolidadas del mundo han hecho públicos sus sistemas de diseño, aportando sus ideas y procesos a la comunidad de diseñadores.

Organized-airbnb

No solo es diseñar

El tiempo en el que el diseñador era un proveedor de recursos para implementación de interfaces ya pasó. Ser diseñador en 2018 se tratará menos de “hacer todo tú mismo” y más de “conectar a las personas”. Esto hará que la atención se centre en la colaboración, el prototipado rápido y la automatización en algunos pasos del proceso UX que anteriormente fueron manuales (como en la distribución de entregables de diseño).
People Looking Choosing at Colleagues Photo

 

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