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

 

Patrones de diseño de interfaz

Los patrones de diseño de interfaz son soluciones recurrentes que resuelven problemas comunes de diseño, son puntos de referencia estándar para el diseñador.

Para que una solución sea considerada un patrón debe poseer ciertas características. Una de ellas es que debe haber comprobado su efectividad resolviendo problemas similares en ocasiones anteriores. Otra es que debe ser reutilizable, lo que significa que es aplicable a diferentes problemas de diseño en distintas circunstancias.

Utilizar patrones no es una obligación, es aconsejable únicamente en el caso de tener el mismo problema que ha sido resuelto mediante un patrón, siempre teniendo en cuenta que en un caso particular puede no ser aplicable. Sin embargo en muchas ocasiones el reconocimiento de patrones de diseño por parte del usuario es una manera de facilitar el uso de un sistema, una aplicación que resulta familiar es más probable que sea usada como lo dice  La Ley Jakob para la experiencia de usuario.

Para ponerlo más claro, les dejo los siguientes ejemplos:

Drag and drop

Se utiliza cuando se permite que los usuarios realicen tareas más complejas mediante la manipulación directa. Es una manera de seleccionar, la restricción es que resulta útil para pocos items.

Es conceptualmente similar al mundo físico proporcionando un nivel de manipulación directa que pocos métodos pueden igualar. Se ve como una de las maneras más efectivas de reorganizar elementos de una lista, mover objetos de un lugar a otro o incluso subir archivos.

drag-and-drop-cover1

Wizard

Se usa para dividir una tarea compleja en una secuencia de pasos sucesivos para simplificarla. Cada paso representa un espacio mental separado, más fácil de tratar solo que como un todo. Los pasos necesarios para realizar una meta pueden variar dependiendo de la información introducida en etapas anteriores.

Cuando los usuarios se ven obligados a seguir un conjunto de pasos predefinidos, es menos probable que pierdan aspectos importantes de un proceso y, por lo tanto, cometan menos errores. Los wizard se utilizan frecuentemente para el usuario inexperto. Por esta razón este deberá ser diseñado para completarse sin entrenamiento previo.

wizard 1
www.http://ui-patterns.com/

Pestañas de Navegación

Se utiliza cuando hay entre dos y nueve secciones de contenido que necesitan un modo de navegación plano y cuando los nombres de las secciones son relativamente cortos. Este patrón se deriva de la idea de carpetas en un archivador y, por tanto, son familiares para el usuario final.

Las pestañas de navegación proporcionan una indicación visual clara de qué contenido se puede encontrar en un sitio web y sitúa la ubicación actual en contexto resaltándola.

tabbed navigation
Dashboard for streaming Control Panel por 

Notificaciones

es utilizado cuando desee llamar la atención sobre actualizaciones o mensajes relevantes. Notifica a los usuarios sobre las actualizaciones importantes mientras se centran en otros lugares.

notifications.png
Notifications Dropdown por Zeki en Dribbble

Medidor de seguridad para contraseñas

Al mostrar un medidor de fuerza de contraseña junto al campo de contraseña, el usuario se ve obligado a considerar el uso de una contraseña con una resistencia adecuada. Al poner un nivel mínimo de fuerza de contraseña, puede incluso utilizar el medidor de fuerza de contraseña para forzar una mayor seguridad a su sitio web.

strength-meters
https://css-tricks.com

 

¿Qué te pareció el artículo? ¿Cuál es la opinión acerca de los patrones de diseño? Si tienes dudas o comentarios no dudes en compartirlos.
Fuentes:

  1. https://www.theodo.fr/blog/2017/04/adding-drag-drop-to-your-web-app-the-simple-way-demos/
  2. http://ui-patterns.com/patterns
  3. https://css-tricks.com/password-strength-meter/
  4. https://es.wikipedia.org/wiki/Patr%C3%B3n_de_dise%C3%B1o