Sunteți pe pagina 1din 19

Tendencias en UX

para el 2017

BCN MAD SCL BUE BOG MDE LIM MEX MIA SFO LAX
El futuro
est en movimiento
Las tendencias.
Factores de cambio - que generan nuevas oportunidades en todos los campos creativos -
habitualmente comienzan a sealar el camino para el ao que acaba de comenzar y
la experiencia de usuario no es la excepcin.
En Multiplica sabemos cun importante es estar atento a lo que se viene. Por eso, queremos
presentaros las tendencias ms importantes que conamos ver a nivel de UX/UI en este 2017.
Entre ellas:

1
Hacia un UX
ms conversacional.
2
Ms minimalismo
e invisible design.
3
Personalizacin
de la experiencia
4
Web mviles
ms appicadas:
y anticipatory design. progresive web apps.

5
Omnicanalidad
bien entendida.
6
El mensaje por delante:
ms videos,
7
Lean UX:
gil y protagonista.
8
UI ms real y visual.

ms comunicacin
y mejores copys.

1
1.Hacia un UX ms
conversacional
Esencialmente, toda interfaz es una conversacin. Hay 4 billones de usuarios activos
Pero, este ao veremos ms que nunca cmo la interaccin en aplicaciones de mensajera
tradicional a travs de botones o mens comenzar a
migrar al plano de las palabras o los emojis.
Las 5 apps usadas
Llegan los chatbots y cualquier forma de dilogo para con mayor frecuencia en el mundo
son de mensajera
crear experiencias digitales ms conversacionales.

Menos importancia de la interfaz, Fuente: http://venturebeat.com/2016/12/26/why-chatbots- will-disa


point-and-messaging-will-thrive-in-2017/
buscando crear mayor foco y
atencin en el usuario.
Veremos este 2017 menos la mano del diseador y ms
experiencias que permitirn al usuario uir a lo largo de la
experiencia, especialmente en aquellos instantes donde se
deba producir un dilogo con el usuario (ya sea para responder
a sus consultas o bien solicitarle todo tipo de informaciones
para cotizar o contratar nuestros productos).

Oscar Insurance
Oscar Insurance tiene un cotizador de seguros que simula una
conversacin en vez de los tradicionales formularios de cotizacin.
1. Chatbots
que permiten automatizar mensajes 24/7

Estar disponible todos los das del ao, 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 comunicacin y procesar cantidades gigantescas de informacin, transformndolos
en mensajes coloquiales, cercanos y tiles.

El camino no ser fcil por la madurez de los chatbots en su comprensin del lenguaje
natural. Pero, la tendencia a incorporar esta nueva lgica de dilogo ser imparable y
abrir un mundo de oportunidades para comunicarse de una manera efectiva con
nuestros usuarios y clientes.

KLM KLM reinventa cmo se comunica con sus clientes


al ofrecer informacin sobre vuelos a travs de
(en vuelos) Messenger junto con un contacto directo 24/7.

Despus de reservar su vuelo en KLM.com puede recibir


conrmacin de reserva, noticacin de check-in, tarjeta
de embarque y estado de vuelo a travs de Messenger y si
tiene alguna pregunta, no hay problema. Puede contactarlos
directamente a travs de Messenger, 24/7.

3
1. Chatbots
que permiten automatizar mensajes 24/7

Pizza Hut
(en comida)
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.

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 hbitos
monetarios, a administrar su dinero y a acceder a su cuenta.

Duolingo
(en educacin)
Los chatbots abren oportunidades para la educacin 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.
2.
Ms minimalismo
e Invisible Design
Invisible design, natural y silencioso.
Este 2017 veremos interfaces cada vez ms
invisibles que muestran principalmente lo esencial
y siempre cuando se necesita. Ni antes ni
despus. Diseos indulgentes en donde el usuario
se siente el dueo de la interfaz y no est aturdido
por excesivos mensajes y opciones de navegacin.
Cada elemento en la experiencia tendr un sentido.
Una razn de ser. Espacios ms generosos. Ms
amplios y con un mejor gusto en el uso de colores
e imgenes. Con foco, siempre que se pueda.

Target
Target entiende cun importante es el buscador
para encontrar rpidamente lo que est buscando,
y claramente lo prioriza sin abrumarlo con largos
mens y elementos distractores.

5
2.Micro-interacciones
y cuidado por el detalle.
Las microinteracciones se podrn encontrar en forma de pequeas animaciones en
pantalla que ayudan al usuario a entender qu est pasando, qu ya pas y qu pasar
(mientras interacta con la interfaz). Este 2017 sern ms habituales, ms pequeas y
con un diseo ms cuidado con el n de darles un nivel de simpleza que permita realizar
al usuario cualquier tarea casi sin darse cuenta y las convierta en algo ms que agradable.

Facebook
Sin ir ms lejos, el famoso like de Facebook. Cuando un usuario hace
clic sobre l aumenta su tamao y se vuelve azul, informndonos que la
accin ha sido completada.

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

Por eso, este 2017 veremos ms elementos de transicin que hacen


alusin a la prxima pgina o cuentan con animaciones que mantienen
al usuario entretenido y no permiten que quede en la oscuridad, confundido
por lo que viene a continuacin en su pantalla.
2.Feedback tctil
en la experiencia.

Para el 2017, veremos un avance en la forma en que el sentido del tacto se


incorpora a la experiencia de usuario, buscando modicar sus comportamientos
a travs de seales sutiles. El trmino Hapnotic Feedback (retroalimentacin
tctil) ser cada vez ms conocido por los diseadores que explorarn la
incorporacin de pulsos y vibraciones en dispositivos mviles de alta gama,
para enriquecer la experiencia de uso o de compra.

Djay
Djay App replica la experiencia de poner msica
con una tornamesa, utilizando movimientos,
videos y vibraciones, a partir de la interaccin del
usuario con la pantalla.

7
3.
Personalizacin de la experiencia
y anticipatory design.
Buscando anticiparnos a las necesidades
Y contexto de nuestros usuarios.
Una clara tendencia que veremos este ao pasar por
crear experiencias que se anticipen al usuario con base a
su comportamiento previo y buscando atender las acciones
ms probables, eliminando as de la ecuacin aquellas
opciones que sean redundantes y repetitivas, con el n de
mejorar los procesos, aliviar el estrs y hacer de la
experiencia algo ms placentero.

Peapod
Por ejemplo, el supermercado en lnea 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 ms y ms acerca de tu comportamiento
cada vez que la usas, incluso diferenciando tus compras de acuerdo
a la temporada.

Uber
Esta solucin de transporte va un paso ms all, aplicando la personalizacin
como medio para simplicar la experiencia del usuario. La ltima
actualizacin 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 noticacin que al ser aceptada, marca el destino exacto
en el que se encuentran. Tambin te permite controlar la msica
durante el viaje a travs de Pandora y te conecta con las guas locales
para acceder a reviews de bares y restaurantes en la zona a la que te
diriges.
3.Experiencias que atienden y entienden
el contexto de uso y sobre todo la edad de nuestros usuarios.

Nuestra edad dene nuestro nivel de interaccin con cualquier contenido o


aplicacin. Y, por ello, los ms avanzados empezarn a hablar de age-responsive
design, como la capacidad de nuestras interfaces para atender a la edad del
usuario para revisar no slo elementos muy concretos de la experiencia (tamaos
de fuentes, uso de iconografas, combinacin de colores...), sino qu tipo de
contenidos priorizar (vdeos para los nios o textos para los ms adultos) y cmo
interactuar con tales contenidos o funcionalidad.

nexus nexus

Los mens de navegacin se expandirn o


contraern, dependiendo de la competencia
percibida del usuario o los tamaos de fuente y
espaciados incrementarn naturalmente para
acomodarse a las condiciones visuales del usuario.
Bienvenido,
Te esTAbamos
Bienvenido, esperando.
Te esTAbamos
esperando. Te conectamos con lo que ms te gusta
a travs de noticias y contenidos de
Te conectamos con lo que ms te gusta a travs
de videos y contenidos divertidos, en los que
valor, con los que podrs informarte
podrs aprender lo que pasa en el mundo. acerca de lo que pasa en el mundo.

9
4.
Web mviles ms appificadas:
progressive web apps.
Con las ventas de telfonos inteligentes rompiendo rcords
cada ao, la velocidad y experiencia en dispositivos
mviles continuarn siendo un factor decisivo en el 2017.
El diseo responsive - que ajusta su contenido y diseo
con base al tamao del dispositivo, con la ayuda de CSS,
media queries y exible 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 slo en


ms funcionalidad de app nativa en presencias
web mviles buscando crear experiencias ms
nicas y diferenciales.

The Washington Post


The Washington Post pone a prueba una experiencia
mobile web separada, construida con nueva tecnologa
que funciona y se comporta como una web nativa.
Esto permite que las historias se carguen
inmediatamente y que se pueda acceder a contenido
oine.

10
5.
Omnicanalidad
bien entendida
Las marcas querrn ofrecer experiencias consistentes a travs de
todos sus canales. Sus equipos de UX tendrn 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.

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

11
6.
El mensaje por delante:
ms video, ms comunicacin y mejores copys

Experiencias ms audiovisuales
Hasta la fecha podamos acceder a contenidos en video
solo a travs de links externos o incrustados en el sitio.
Hoy en da disponemos de muchas opciones de aplicacin,
transformando un sitio con imgenes estticas en toda
una experiencia llena de movimiento y contenido valioso
que permite contar historias, impulsar la captacin de
leads y darle un impulso a las conversiones.

Durante estos ltimos aos hemos visto cmo el video


ha conquistado internet, las redes sociales o el mvil,
evidenciando un cambio en el que los videos van ms
all de la demo o el tutorial, para hacer parte del fondo
y acompaar al usuario durante toda su experiencia.
En el 2017 slo veremos intensicarse esta tendencia.

Hotel La Palma
El hotel La Palma utiliza el video para mostrarnos la experiencia
que ofrecen durante un da de estada, permitindonos interactuar
a travs de una lnea de tiempo con sus diferentes
servicios e instalaciones.

17 3
6.Ms comunicacin
y mejores copys.

El tiempo es una variable importante en la creacin de cualquier experiencia y


ms an, cuando entendemos que ste tambin puede medirse en palabras.

Sabemos que los textos hacen parte de la comunicacin; sin embargo, este
2017 sern utilizados ms que nunca de forma inteligente, convirtindose en
el complemento perfecto para una imagen o describiendo todo lo que ofrecemos
en muy pocas palabras.

Mint
Utiliza titulares emocionales que se complementan con
subttulos racionales en los que se explica de una manera
simple qu son como compaa y qu benecios ofrecen.
Juntos se convierten en una poderosa arma de comunicacin
que naliza con un call to action claro y atractivo.

13
7.
Lean UX:
gil y protagonista
Iteraciones con usuarios.
Iteraciones cada vez ms frecuentes y ms rpidas con los usuarios
nos permitirn crear experiencias que atiendan y entiendan mejor
a nuestros usuarios y clientes. Tocar al usuario ms que nunca y
hacerlo desde nuestro primer prototipo o wireframe se convertir
en una religin.

Colaborativo con clientes


La comunicacin con los clientes ser indispensable durante todo el proyecto. La relacin agencia-cliente
para crear soluciones que satisfagan sus expectativas cambiar de manera denitiva. Las grandes
y se adapten a la realidad de la empresa. El trabajo experiencias se harn en equipo.
ser colaborativo entre el equipo de UX y los
responsables del negocio, de forma cotidiana

Equipos de UX y desarrollo. Condenados a entenderse.


Muchas experiencias sugeridas por los encontrarse con sorpresas a mitad de y cmo tiene que crearse en el front y el
equipos de UX parecen perderse en la camino, junto con un seguimiento de lo que backend. Estas herramientas adems, nos
etapa de desarrollo por problemas de se va desarrollando. permiten ir compartiendo los avances
comunicacin entre ambos equipos y tenemos online para que todo el equipo est al da
claro que esto tiene que cambiar. Procesos como Design Sprints y workshops de lo que se est haciendo.
con stakeholders, as como el uso de herra-
Para lograr ptimos resultados ser clave mientas como Axure, Sketch, Invision, Mar-
que ambos equipos se involucren desde el velapp o Zepplin nos ayudarn a crear
comienzo, deniendo capacidades tcnicas fcilmente prototipos funcionales que no
y expectativas del trabajo, de manera de no que no dejan lugar a duda sobre qu, por qu
14
8.
UI ms real
y visual
Adis, imgenes de stock.
Cuntas veces has entrado a un site y has visto la misma imagen
de varios ejecutivos sonriendo a cmara? Para el 2017 replantearemos
el uso de imgenes de stock y analizaremos el valor que tienen
las imgenes originales en la construccin de tu marca y la conexin
con tus clientes. Buscaremos la frescura, la originalidad y la
experiencia real buscando representar lo que somos y nos hace
tan especiales.

Tipografas con ms fuerza y personalidad

Es increble todo lo que se


puede lograr con el diseo de
una tipografa original para
transmitir la personalidad
de tu marca y conectarse
con tu consumidor.
Las tipografas sern ms
protagonistas y relevantes
en nuestra manera de crear
experiencias y desarrollar
una cierta personalidad de
marca.

15
9.
Gamification
al servicio de la experiencia
Somos humanos. Nos gustan los retos y las recompensas. Competir.
Y la gamicacin 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 slo 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 gamicacin - adems de hacer que la experiencia sea divertida


y diferente - permite positivar la sensacin negativa que puede
representar que el usuario deba realizar mltiples tareas sin mucho
motivo o razones.

Mercado Libre
Mercado Libre utiliza la gamicacin
para impulsar diferentes acciones
en sus usuarios a cambio de puntos
que pueden convertir en diferentes
benecios.

16
10.
UX aplicada
a la realidad virtual
AR y VR son dos trminos que comienzan a hacer parte
nuestro da a da. El reto est en analizar cmo podemos
aprovechar esta tecnologa para darle un impulso
innovador a las experiencias que ofrece nuestra marca,
ya que sus benecios aplican a un gran nmero de
industrias que incluyen turismo, construccin, educacin,
comunicacin y entretenimiento, entre otras.
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 ms podr ser posible.

En 2016, Pokemon Go nos permiti vivir la realidad


aumentada a un nivel superior y encontramos marcas
como Google, Facebook, HTC y Samsung incursionando Intel
al mercado con sus dispositivos de realidad virtual.
Este ao, la historia apenas comienza, con nuevos
Intel y su Proyecto Alloy pretende ofrecer
competidores como Intel o Apple quienes preparan sus una experiencia de Merged Reality, en la
propios proyectos para continuar revolucionando esta que puedes ver el mundo real frente a ti
tecnologa, con experiencias ms inmersivas que involucren aunque ests usando el headset. Las
todos los sentidos y de las que los UX designers deberemos cmaras capturan imgenes de cosas
estar bien atentos. frente a ti y las proyecta a tu ambiente
virtual en milisegundos.

17

S-ar putea să vă placă și