Tendencias en UX para el 2017 - Multiplica · 2018-04-06 · Por ejemplo, el supermercado en línea...

19
BCN MAD SCL BUE BOG MDE LIM MEX MIA SFO LAX Tendencias en UX para el 2017

Transcript of Tendencias en UX para el 2017 - Multiplica · 2018-04-06 · Por ejemplo, el supermercado en línea...

BCN MAD SCL BUE BOG MDE LIM MEX MIA SFO LAX

Tendencias en UXpara el 2017

está en movimiento

En Multiplica sabemos cuán importante es estar atento a lo que se viene. Por eso, queremos presentaros las tendencias más importantes que confiamos ver a nivel de UX/UI en este 2017. Entre ellas:

El futuro

1 2 3 4Hacia un UXmás conversacional.

Más minimalismoe invisible design.

Personalizaciónde la experienciay anticipatory design.

Web móvilesmás appificadas:progresive web apps.

5 6 7 8Omnicanalidadbien entendida.

El mensaje por delante:más videos,más comunicacióny mejores copys.

Lean UX:ágil y protagonista.

UI más real y visual.

Factores de cambio - que generan nuevas oportunidades en todos los campos creativos - habitualmente comienzan a señalar el camino para el año que acaba de comenzar y la experiencia de usuario no es la excepción.

Las tendencias.

1

1. Hacia un UX másconversacional

Fuente: http://venturebeat.com/2016/12/26/why-chatbots- will-disa point-and-messaging-will-thrive-in-2017/

“Hay 4 billones de usuarios activosen aplicaciones de mensajería”

“Las 5 apps usadascon mayor frecuencia en el mundoson de mensajería”

Esencialmente, toda interfaz es una conversación.Pero, este año veremos más que nunca cómo la interacción tradicional a través de botones o menús comenzará a migrar al plano de las palabras o los emojis.

Llegan los chatbots y cualquier forma de diálogo para crear experiencias digitales más conversacionales.

Menos importancia de la interfaz,buscando crear mayor foco y atención en el usuario.

Veremos este 2017 menos la mano del diseñador y másexperiencias que permitirán al usuario fluir a lo largo de la experiencia, especialmente en aquellos instantes donde se deba producir un diálogo con el usuario (ya sea para responder a sus consultas o bien solicitarle todo tipo de informaciones para cotizar o contratar nuestros productos).

Oscar InsuranceOscar Insurance tiene un cotizador de seguros que simula una conversación en vez de los tradicionales formularios de cotización.

1. Chatbotsque permiten automatizar mensajes 24/7

KLM(en vuelos)

“Después de reservar su vuelo en KLM.com puede recibir confirmación de reserva, notificación de check-in, tarjeta de embarque y estado de vuelo a través de Messenger y si tiene alguna pregunta, no hay problema. Puede contactarlos directamente a través de Messenger, 24/7.”

KLM reinventa cómo se comunica con sus clientes al ofrecer información sobre vuelos a través de Messenger junto con un contacto directo 24/7.

Estar disponible todos los días del año, a todo horario y tener siempre la respuesta correcta, suena a una tarea imposible de abarcar. Los chatbots llegaron para cambiar la manera en que damos respuesta a nuestros usuarios y clientes, permitiendo automatizar la comunicación y procesar cantidades gigantescas de información, transformándolos en mensajes “coloquiales”, cercanos y útiles.

El camino no será fácil por la madurez de los chatbots en su comprensión del lenguaje natural. Pero, la tendencia a incorporar esta nueva lógica de diálogo será imparable y abrirá un mundo de oportunidades para comunicarse de una manera efectiva connuestros usuarios y clientes.

3

Pizza Hut(en comida)

Bank of America(en banca)

“Michelle, encontré una gran oportunidad para reducir tu deuda y ahorrar $300.”Erica, el chatbot de Bank of America, ayuda a los clientes a crear mejores hábitos monetarios, a administrar su dinero y a acceder a su cuenta.

Duolingo(en educación)

Los chatbots abren oportunidades para la educación y Duolingo lo tiene claro, creando una experiencia de estudio similar a la de un profesor. Cuenta con una capa de “machine learning” que permite entregar cada vez mejores respuestas.

Un claro ejemplo lo da Pizza Hut que - con su nuevo Chatbot - permite ordenar pizzas desde Facebook Messenger y preguntar cualquier tipo de duda o consulta.

1. Chatbotsque permiten automatizar mensajes 24/7

Este 2017 veremos interfaces cada vez más invisibles que muestran principalmente lo esencial y siempre cuando se necesita. Ni antes ni después. Diseños indulgentes en donde el usuario se siente el dueño de la interfaz y no está aturdido por excesivos mensajes y opciones de navegación.Cada elemento en la experiencia tendrá un sentido. Una razón de ser. Espacios más generosos. Más amplios y con un mejor gusto en el uso de colores e imágenes. Con foco, siempre que se pueda.

2. Más minimalismo e Invisible Design

Invisible design, natural y silencioso.

Target entiende cuán importante es el buscador para encontrar rápidamente lo que está buscando,y claramente lo prioriza sin abrumarlo con largos menús y elementos distractores.

Target

5

Transiciones inteligentes,una espera que no desespera.Todos hemos experimentado alguna vez esa tensión que surge entre una acción (hacer clic) y una respuesta (pasar al próximo contenido). A esta latencia o demora en los tiempos de carga los anglos la conocen como interstitial anxiety y puede generar estrés en el usuario dando pie a que abandone el sitio y decida no regresar.

Por eso, este 2017 veremos más elementos de transición que hacen alusión a la próxima página o cuentan con animaciones que mantienen al usuario entretenido y no permiten que quede en la oscuridad, confundido por lo que viene a continuación en su pantalla.

Target

2. Micro-interaccionesy cuidado por el detalle.

FacebookSin ir más lejos, el famoso like de Facebook. Cuando un usuario hace clic sobre él aumenta su tamaño y se vuelve azul, informándonos que la acción ha sido completada.

Las microinteracciones se podrán encontrar en forma de pequeñas animaciones enpantalla que ayudan al usuario a entender qué está pasando, qué ya pasó y qué pasará (mientras interactúa con la interfaz). Este 2017 serán más habituales, más pequeñas y con un diseño más cuidado con el fin de darles un nivel de simpleza que permita realizar al usuario cualquier tarea casi sin darse cuenta y las convierta en algo más que agradable.

2. Feedback táctilen la experiencia.

DjayDjay App replica la experiencia de poner música con una tornamesa, utilizando movimientos, videos y vibraciones, a partir de la interacción del usuario con la pantalla.

Para el 2017, veremos un avance en la forma en que el sentido del tacto se incorpora a la experiencia de usuario, buscando modificar sus comportamientos a través de señales sutiles. El término Hapnotic Feedback (retroalimentación táctil) será cada vez más conocido por los diseñadores que explorarán laincorporación de pulsos y vibraciones en dispositivos móviles de alta gama, para enriquecer la experiencia de uso o de compra.

7

3. Personalización de la experienciay anticipatory design.

Una clara tendencia que veremos este año pasará por crear experiencias que se anticipen al usuario con base a su comportamiento previo y buscando atender las acciones más probables, eliminando así de la ecuación aquellas opciones que sean redundantes y repetitivas, con el fin de mejorar los procesos, aliviar el estrés y hacer de la experiencia algo más placentero.

PeapodPor ejemplo, el supermercado en línea Peapod lanzó una nueva app que busca ayudarte a llenar tu carro en solo un par de clics con base a los productos que has elegido en compras anteriores.Está creada para aprender más y más acerca de tu comportamiento cada vez que la usas, incluso diferenciando tus compras de acuerdo a la temporada.

Buscando anticiparnos a las necesidades Y contexto de nuestros usuarios.

UberEsta solución de transporte va un paso más allá, aplicando la personalización como medio para simplificar la experiencia del usuario. La última actualización de la App permite compartir tu calendario y contactos para localizar a tus amigos o a esa persona con la que debes reunirte, enviando una notificación que al ser aceptada, marca el destino exacto en el que se encuentran. También te permite controlar la música durante el viaje a través de Pandora y te conecta con las guías locales para acceder a reviews de bares y restaurantes en la zona a la que te diriges.

3 . Experiencias que atienden y entiendenel contexto de uso y sobre todo la edad de nuestros usuarios.

Nuestra edad define nuestro nivel de interacción con cualquier contenido o aplicación. Y, por ello, los más avanzados empezarán a hablar de age-responsive design, como la capacidad de nuestras interfaces para atender a la edad del usuario para revisar no sólo elementos muy concretos de la experiencia (tamaños de fuentes, uso de iconografías, combinación de colores...), sino qué tipo de contenidos priorizar (vídeos para los niños o textos para los más adultos) y cómo interactuar con tales contenidos o funcionalidad.

Los menús de navegación se expandirán ocontraerán, dependiendo de la competencia percibida del usuario o los tamaños de fuente y espaciados incrementarán naturalmente para acomodarse a las condiciones visuales del usuario.

9

Bienvenido,Te esTAbamosesperando.

Te conectamos con lo que más te gusta a través de videos y contenidos divertidos, en los que podrás aprender lo que pasa en el mundo.

nexus

Bienvenido,Te esTAbamosesperando.

Te conectamos con lo que más te gusta a través de noticias y contenidos de valor, con los que podrás informarte acerca de lo que pasa en el mundo.

nexus

4. Web móviles más appificadas:progressive web apps.

Con las ventas de teléfonos inteligentes rompiendo récords cada año, la velocidad y experiencia en dispositivos móviles continuarán siendo un factor decisivo en el 2017. El diseño responsive - que ajusta su contenido y diseño con base al tamaño del dispositivo, con la ayuda de CSS, media queries y flexible grids, será de obligado cumplimiento, haciendo que el concepto mobile-friendly deje de tener sentido. Todo será mobile-friendly o no será.

Pero, este 2017 no nos quedaremos sólo en más funcionalidad de app nativa en presencias web móviles buscando crear experiencias más únicas y diferenciales.

The Washington Post pone a prueba una experiencia mobile web separada, construida con nueva tecnología que funciona y se comporta como una web nativa. Esto permite que las historias se cargueninmediatamente y que se pueda acceder a contenido offline.

The Washington Post

10

5. Omnicanalidadbien entendida

Las marcas querrán ofrecer experiencias consistentes a través de todos sus canales. Sus equipos de UX tendrán que ponerse de acuerdo para ofrecer experiencias satisfactorias que se hablen a medida que el usuario salta - en su user journey - de un canal o dispositivo a otro. Cualquier site deberá entender el comportamiento del usuario en un dispositivo y poderlo compartir con el resto de dispositivos para crear una experiencia precisa e inmejorable.

Un ejemplo innovador de omnicanalidad bien entendida es Amazon Go donde - a pesar que la compra se realiza en una tienda física - se utiliza el mismo check-in, carrito de compras y check-out.

AmazonThe Washington Post

11

Hasta la fecha podíamos acceder a contenidos en video solo a través de links externos o incrustados en el sitio. Hoy en día disponemos de muchas opciones de aplicación, transformando un sitio con imágenes estáticas en toda una experiencia llena de movimiento y contenido valioso que permite contar historias, impulsar la captación de leads y darle un impulso a las conversiones.

Durante estos últimos años hemos visto cómo el video ha conquistado internet, las redes sociales o el móvil, evidenciando un cambio en el que los videos van más allá de la demo o el tutorial, para hacer parte del fondo y acompañar al usuario durante toda su experiencia.En el 2017 sólo veremos intensificarse esta tendencia.

6. El mensaje por delante:más video, más comunicación y mejores copys

Experiencias más audiovisuales

Hotel La PalmaEl hotel La Palma utiliza el video para mostrarnos la experiencia que ofrecen durante un día de estadía, permitiéndonos interactuar a través de una línea de tiempo con sus diferentes servicios e instalaciones.

17 3

6. Más comunicacióny mejores copys.

MintUtiliza titulares emocionales que se complementan con subtítulos racionales en los que se explica de una manera simple qué son como compañía y qué beneficios ofrecen. Juntos se convierten en una poderosa arma de comunicación que finaliza con un call to action claro y atractivo.

El tiempo es una variable importante en la creación de cualquier experiencia y más aún, cuando entendemos que éste también puede medirse en palabras.

Sabemos que los textos hacen parte de la comunicación; sin embargo, este 2017 serán utilizados  más que nunca de forma inteligente, convirtiéndose en el complemento perfecto para una imagen o describiendo todo lo que ofrecemos en muy pocas palabras.

13

Iteraciones cada vez más frecuentes y más rápidas con los usuarios nos permitirán crear experiencias que atiendan y entiendan mejor a nuestros usuarios y clientes. Tocar al usuario más que nunca y hacerlo desde nuestro primer prototipo o wireframe se convertirá en una religión.

7. Lean UX:ágil y protagonista

Iteraciones con usuarios.

Colaborativo con clientes

La comunicación con los clientes será indispensable para crear soluciones que satisfagan sus expectativas y se adapten a la realidad de la empresa. El trabajo será colaborativo entre el equipo de UX y los responsables del negocio, de forma cotidiana

durante todo el proyecto. La relación agencia-cliente cambiará de manera definitiva. Las grandesexperiencias se harán en equipo.

Equipos de UX y desarrollo. Condenados a entenderse.Muchas experiencias sugeridas por los equipos de UX parecen perderse en la etapa de desarrollo por problemas de comunicación entre ambos equipos y tenemos claro que esto tiene que cambiar.

Para lograr óptimos resultados será clave que ambos equipos se involucren desde el comienzo, definiendo capacidades técnicas y expectativas del trabajo, de manera de no

encontrarse con sorpresas a mitad de camino, junto con un seguimiento de lo que se va desarrollando.

Procesos como Design Sprints y workshops con stakeholders, así como el uso de herra-mientas como Axure, Sketch, Invision, Mar-velapp o Zepplin nos ayudarán a crear fácilmente prototipos funcionales que no que no dejan lugar a duda sobre qué, por qué

y cómo tiene que crearse en el front y el backend. Estas herramientas además, nos permiten ir compartiendo los avances online para que todo el equipo esté al día de lo que se está haciendo.

14

8. UI más realy visual

Adiós, imágenes de stock.

¿Cuántas veces has entrado a un site y has visto la misma imagen de varios ejecutivos sonriendo a cámara? Para el 2017 replantearemos el uso de imágenes de stock y analizaremos el valor que tienen las imágenes originales en la construcción de tu marca y la conexión con tus clientes. Buscaremos la frescura, la originalidad y laexperiencia real buscando representar lo que somos y nos hace tan especiales.

Tipografías con más fuerza y personalidad

Es increíble todo lo que se puede lograr con el diseño de una tipografía original para transmitir la personalidad de tu marca y conectarse con tu consumidor. Las tipografías serán más protagonistas y relevantes en nuestra manera de crear experiencias y desarrollar una cierta personalidad de marca.

15

9. Gamificational servicio de la experiencia

Somos humanos. Nos gustan los retos y las recompensas. Competir. Y la gamificación será un eje en el que trabajar este 2017, para darle un giro a nuestra experiencia e incentivar al usuario a realizar lo que nos hemos propuesto que avance o haga. No sólo con placas, medallas o tableros. Contando una historia o presentando un camino que el usuario pueda seguir para mostrarle metas claras u objetivos hacia los cuales dirigirse.

La gamificación - además de hacer que la experiencia sea divertida y diferente - permite positivar la sensación negativa que puede representar que el usuario deba realizar múltiples tareas sin mucho motivo o razones.

Mercado Libre utiliza la gamificación para impulsar diferentes acciones en sus usuarios a cambio de puntos que pueden convertir en diferentes beneficios.

Mercado Libre

16

AR y VR son dos términos que comienzan a hacer parte nuestro día a día. El reto está en analizar cómo podemos aprovechar esta tecnología para darle un impulso innovador a las experiencias que ofrece nuestra marca, ya que sus beneficios aplican a un gran número de industrias que incluyen turismo, construcción, educación, comunicación y entretenimiento, entre otras.

10. UX aplicadaa la realidad virtual

Imagina poder remodelar tu casa - cuantas veces quieras - hasta sentirte contento con el resultado sin tener que pintar ninguna pared. Visitar diferentes destinos vacacionales antes de comprar tu tiquete o ¿qué tal si te pruebas varios vestidos para elegir el que mejor te quede sin salir de tu casa? Con la realidad aumentada y la realidad virtual todo esto y mucho más podrá ser posible.

En 2016, Pokemon Go nos permitió vivir la realidadaumentada a un nivel superior y encontramos marcas como Google, Facebook, HTC y Samsung incursionando al mercado con sus dispositivos de realidad virtual.Este año, la historia apenas comienza, con nuevoscompetidores como Intel o Apple quienes preparan sus propios proyectos para continuar revolucionando esta tecnología, con experiencias más inmersivas que involucren todos los sentidos y de las que los UX designers deberemos estar bien atentos.

Intel y su “Proyecto Alloy” pretende ofrecer una experiencia de Merged Reality, en la que puedes ver el mundo real frente a ti aunque estés usando el headset. Las cámaras capturan imágenes de cosas frente a ti y las proyecta a tu ambiente virtual en milisegundos.

Intel

17

Intel