tendencias UX en 2023
Ideakreativa cuenta con el apoyo de su audiencia. Cuando compras a través de enlaces en nuestro sitio, podemos ganar una comisión de afiliado sin costo adicional para ti. Como Asociado de Amazon, ganamos con las compras calificadas. Aprende más

Los sitios web ricos en funciones y visualmente fascinantes estarán de moda en las tendencias de diseño de UX en 2023. Estamos en un mundo en el que los consumidores buscan cada vez más entretenimiento de las marcas para escapar de las presiones ordinarias de la vida cotidiana, y los sitios se están adaptando. respectivamente. Los diseñadores buscan inteligencia artificial, efectos de desplazamiento y nuevos estilos de navegación para crear experiencias de marca estimulantes. Mejorando la interacción del usuario con entornos 3D inmersivos, estas son las principales tendencias de diseño de UX próximas para 2023.

8 tentadoras tendencias de diseño de UX para 2023:

1. Efecto de desplazamiento de la revelación del producto

En 2023, las tendencias de diseño de UX priorizan la experiencia en sí misma sobre la facilidad de uso y la velocidad. Se trata de crear recuerdos únicos con experiencias de marca en viajes rápidos de usuarios. El uso de efectos de desplazamiento para las imágenes de su producto es una pieza única de este rompecabezas interactivo.

Diseño de UX interactivo - GIF de revelar un producto de barra de chocolate en el sitio web de Simply Chocolate.
Diseño de UX interactivo
Simply Chocolate anima a los visitantes a hacer clic en una barra de chocolate para revelarla, a través de Simply Chocolate .

Entonces, ¿qué es lo que parece? Una revelación de producto animada en forma de efecto de desplazamiento revela un producto, o nueva información sobre un producto, a los usuarios. Muestra a los usuarios cómo usarlo y brinda más información sobre sus funciones. Muchos sitios web permiten a los usuarios personalizar el producto, dándoles una mejor idea de cómo se vería en un espacio físico sin visitar una sala de exposición o una tienda. Esto puede ser especialmente útil para tiendas de ropa y compras de automóviles.

 Algunos diseñadores incluso pueden usar este efecto para provocar futuros productos o servicios. Es una forma divertida de hacer que los visitantes anhelen una mayor intimidad con su marca, al mismo tiempo que hace que hagan clic en un llamado a la acción, como suscribirse para recibir actualizaciones por correo electrónico.

GIF animado de la página de inicio del fabricante de equipos Icam INOX, que revela la modularidad de sus productos al pasar el mouse por encima.
El fabricante de equipos Icam permite a los usuarios pasar el cursor sobre los elementos de su sitio web para mostrar cuán modulares son, por Icam INOX, a través de Awwwards .
Diseño de UX interactivo - GIF desplazándose por la página web de un próximo vehículo Volvo que revela el interior a medida que el usuario navega por la página.
Diseño de UX interactivo
Volvo y muchos otros fabricantes de automóviles utilizan efectos de desplazamiento y desplazamiento para revelar el interior y otras características de sus vehículos, a través de Volvo .

Cuando diseñe con el efecto de desplazamiento de revelación, piense en la intención. ¿Quiere provocar un producto futuro, enseñar a los visitantes cómo usarlo o mostrar características innovadoras? Diseño con propósito. El efecto debe conducir a una acción performativa. Tal vez los usuarios quieran aprender más sobre el producto o servicio, comprarlo o reservar una cita en persona. 

Es una forma novedosa de mostrar lo desconocido: por ejemplo, una lista de apartamentos en una aplicación puede tener imágenes que revelen cómo sería un armario o una sala de almacenamiento. Agregar esta capa de interactividad mantiene a los usuarios interesados ​​y ayuda a que su producto se destaque entre la multitud.

GIF animado de la revelación de un producto de reloj VIITA en el sitio web de VIITA.
VIITA Watches revela sus relojes mediante un efecto de desplazamiento de revelación de producto, de VIITA Watches , a través de Awwwards .

2. Desplazamiento sofisticado

Mencionamos el desplazamiento de vanguardia como una tendencia de diseño de UX el año pasado y este año ha evolucionado para ser aún más grande. Piense en cómo interactúa con sus aplicaciones y sitios web favoritos. Te desplazas por ellos de muchas maneras: asimétricamente, multidireccionalmente e incluso combinas el desplazamiento con gestos de rotación y zoom.

Diseño de UX interactivo - Página de inicio del sitio de Agence Cartier que muestra muchos mecanismos de desplazamiento diferentes.
Diseño de UX interactivo
El sitio de Agence Cartier utiliza una plétora de mecanismos de desplazamiento, a través de Agence Cartier .

Los sitios modernos cuentan con desplazamiento de paralaje, una técnica que mejora la profundidad y utiliza múltiples velocidades de desplazamiento para elementos dentro de una sola página. En particular, el fondo se desplaza a un ritmo diferente al del contenido principal. El desplazamiento sofisticado va un paso más allá, agregando capas adicionales de entretenimiento y estimulación con imágenes únicas. Brinda a los usuarios más información sobre la personalidad de su marca, lo que significa que, con suerte, pueden conectarse a un nivel más personal.

Página de inicio de Repeat, que combina desplazamiento de paralaje con animación para una apariencia divertida.
Este sitio web utiliza desplazamiento de paralaje combinado con animación para una sensación más inmersiva, a través de Repetir .
Diseño de UX interactivo - GIF de desplazamiento horizontal a través de las tarjetas que se muestran en el sitio de una agencia creativa.
Diseño de UX interactivo
El desplazamiento horizontal está regresando, especialmente para los sitios creativos, a través de Humana Studio .
Representación digital en la que un visitante puede desplazarse, desplazarse y hacer zoom en la obra de arte.
El desplazamiento se presta a nuevas formas de experimentar el arte digital, a través de Mental Canvas .

3. La experiencia de marca desafía el tiempo de permanencia

Con ‘tiempo de permanencia’ que significa el tiempo que un usuario pasa en el sitio, esta tendencia de diseño de UX se refiere a la priorización de una experiencia de marca única, íntima y memorable, sobre el diseño del sitio para ayudar a los usuarios a encontrar un CTA más rápido. Las marcas quieren mostrar sus personalidades fomentando más interacciones con los usuarios, a menudo utilizando múltiples tecnologías como la inteligencia artificial y la realidad aumentada.

Diseño de UX interactivo - Página de destino del portafolio de un diseñador donde el usuario puede andar en bicicleta a través de secciones de un sitio que consta de elementos 3D.
Muchos sitios web nuevos están priorizando la experiencia sobre la facilidad de uso, como este portafolio interactivo en el que puedes andar en bicicleta a través de las secciones del sitio, a través de Joshua’s World .
Shoemaker Ateliers Heschung tiene un sitio web interactivo que cuenta la historia de la marca y su historia.
Shoemaker Ateliers Heschung tiene un sitio web interactivo que cuenta la historia de la marca y su historia, a través de Ateliers Heschung .

Con personas en todo el mundo que tienen un promedio de casi 7 horas en línea al día , no es de extrañar que queramos que nuestro tiempo en línea sea más significativo y atractivo. Se ha producido un efecto dominó desde que se anunció Metaverse por primera vez, y las marcas están creando experiencias inmersivas con su presencia digital, para dar a los usuarios más agencia, satisfacción y expresión individual. Use esta tendencia de manera responsable: si su público objetivo consiste principalmente en usuarios móviles o aquellos con velocidades de Internet más lentas, considere diseñar una experiencia más tradicional.

Diseño de UX interactivo
Un sitio web sobre Masar en La Meca, donde los usuarios pueden explorar una experiencia en línea para aprender más sobre Masar, a través de Masar Destination .
El sitio web de Star Guardian presenta una rica experiencia sobre el videojuego.
Los sitios web inmersivos pueden ser una excelente manera de comercializar un videojuego, a través de Star Guardian .

4. Navegación interactiva y alocada

Así como nos desplazamos por las aplicaciones y los sitios, navegar por ellos es cada vez más placentero. La navegación interactiva y chiflada es otra de las principales tendencias de diseño de UX, adornada con animaciones, menús divertidos, efectos de desplazamiento y diseños no convencionales.

Diseño de UX interactivo - La agencia creativa Alfa Charlie agrega una elegante interactividad en su menú de hamburguesas.
Esta agencia creativa agrega una elegante interactividad en su menú de hamburguesas, a través de Alfa Charlie .

Estas características de navegación memorables hacen que los sitios web se sientan como si el usuario estuviera en una aventura, haciéndose eco de nuestra tendencia anterior para aumentar su compromiso con su sitio. Incorpora efectos ornamentados de desplazamiento, desplazamiento y revelación en los menús de navegación para desviarse de lo que estamos acostumbrados, es decir, hacer clic en las páginas estáticas de otra hamburguesa. Da vida a sus menús desplegables y guía interactivamente a su usuario desde el punto A al B de la manera más intuitiva posible.

La franquicia de la NBA, Utah Jazz, tiene un sitio divertido para sus camisetas antiguas que presenta una navegación interactiva pero con un diseño inusual.
La franquicia de la NBA, Utah Jazz, tiene un sitio divertido para sus camisetas antiguas que presenta una navegación interactiva, pero con un diseño inusual, a través de Utah Jazz .
Página comunitaria de RLY que utiliza círculos interactivos para enlaces sociales.
RLY utiliza círculos interactivos como una forma de navegar por sus enlaces sociales, a través de RLY .

Diseño de UX interactivo - Captura de pantalla de un juego de estética steampunk que rinde homenaje a la película de 1902 de Georges Méliès, Un viaje a la luna.
Un sitio web que rinde homenaje a la película de 1902 de Georges Méliès, Un viaje a la luna, que utiliza mecánicas de juego para la navegación, a través de Monochrome Paris .

5. Convertir lo negativo en positivo

Con la mayor incertidumbre de los acontecimientos actuales, muchos usuarios buscan una sensación de alivio y entretenimiento en línea… ¡incluso cuando se pierden! Con 404 y páginas de carga específicamente, se trata de convertir los frustrantes mensajes de error y los tiempos de espera en experiencias positivas.

Página 404 con fondo negro, texto blanco y burbujas flotantes con imágenes.
Esta página 404 tiene burbujas flotantes con imágenes, agregando un toque de creatividad a una página que uno no esperaría, por The First The Last , Irina Horbunova y Shulgina Julia , a través de Awwwards .
Diseño de UX interactivo - Captura de pantalla de una cartera con un cursor interactivo.
Mientras se carga, este sitio web tiene un lindo cursor que emite un sonido y emite notas musicales cuando se hace clic, a través de Fils De Graphiste .

Las marcas deben tener en cuenta que el 25% de los internautas abandonará cualquier sitio que tarde más de 4 segundos en cargarse. Entonces, si va a ocurrir un 404 o una página de carga, asegúrese de que incluya animaciones tontas, videos divertidos o imágenes divertidas que estén en línea con la personalidad de su marca. Al agregar un toque de interactividad, mantendrá a los visitantes interesados ​​y entretenidos con su experiencia de marca; en lugar de hacer que los revisen.

Una galería de imágenes que se revela a medida que se carga la página.
Una galería de imágenes que se revela a medida que se carga la página, de Margot Priolet , vía Awwwards .

Por ejemplo, si tiene una experiencia con mucho contenido que requiere un indicador de carga, proporcione a sus usuarios una tarea sencilla y divertida mientras tanto. Al aumentar la cohesión y la consistencia en su diseño, muestra el lado divertido y humano de su marca. También es importante dar al usuario una acción, para decirle cómo proceder correctamente. Pero puedes incorporar esto en tu animación. Los visitantes apreciarán toda la atención a los detalles y el cuidado puesto en cada aspecto de la experiencia, generando confianza en su marca y conectando con sus usuarios a nivel emocional.

Diseño de UX interactivo - Una página 404 que utiliza imágenes y texto divertidos para hacer referencia a un error de golf.
Una página 404 que utiliza imágenes y texto divertidos para hacer referencia a un error de golf, por Wishnewsky .

6. La IA sofistica la esfera de los chatbots

A medida que los avances en IA se generalizan, las expectativas de los usuarios respecto de los chatbots se han disparado. La gente quiere sentir que está hablando con un ser humano, por lo que hay un fuerte impulso para que los chatbots se sientan naturales en lugar de torpes y limitados. Una vez más, el diseño viene al rescate: 2023 prevé más chatbots integrados en aplicaciones y sitios web.

Maqueta de una aplicación para dueños de mascotas que muestra a un usuario interactuando con un chatbot para obtener ayuda para obtener el servicio adecuado para su mascota.
Diseño de UX interactivo
Una linda aplicación para dueños de mascotas que utiliza un chatbot para guiar a los usuarios para el servicio adecuado, por Nina Mikhaylova , a través de Behance

A medida que surge la necesidad de un servicio al cliente de alta calidad, el mundo de la tecnología está invirtiendo fuertemente en el aprendizaje automático . La inteligencia artificial y el aprendizaje automático conducirán a mejoras significativas en las conversaciones de chatbot similares a las humanas y mejorarán las experiencias de los clientes. Estas mejoras del chatbot incluyen un lenguaje que suena más natural, un mayor dominio de la gramática, un vocabulario más complejo e incluso la capacidad de interpretar errores ortográficos y tipográficos.

Diseño de UX interactivo - Maquetas de una aplicación criptográfica que utiliza un chat impulsado por IA para ayudar a los usuarios a resolver problemas y obtener más información sobre las inversiones digitales.
Esta aplicación criptográfica utiliza un chat impulsado por IA para ayudar a los usuarios a resolver problemas y aprender más sobre inversiones digitales, por UI JEDI , Dmitriy Ratushniak , Michael Chadchenko y Diana Tsalan , a través de Behance .

Si los chatbots pueden resolver problemas rápida y fácilmente para el usuario, es más probable que su usuario confíe en su marca. Tendrán una buena experiencia con su servicio al cliente y estarán más dispuestos a compartir este sentimiento con sus amigos. Así que haga que su chatbot sea más fácil para que los usuarios interactúen. Use IA para asegurarse de que el bot haga las preguntas correctas en el momento correcto y disfrute de los beneficios de una base de clientes leales.

Domino's Pizza permite a los usuarios hambrientos pedir pizza a través de un chatbot.
Domino’s Pizza permite a los usuarios hambrientos pedir pizza a través de un chatbot, a través de Dominos .

7. Búsqueda o asistencia de voz a voz

El aprendizaje automático también está potenciando la búsqueda y asistencia de voz a voz, una nueva tendencia de diseño de UX. Una mayor demanda de relojes inteligentes requiere avances importantes en la tecnología de IA de voz, lo que explica su comercialización. Está evolucionando para interpretar los acentos con mayor precisión y admitir varios idiomas para una mejor inclusión y reducir la frustración del usuario.

Diseño de UX interactivo - Maqueta de una aplicación de asistente de voz que guía al usuario y transcribe lo que dice.
Una aplicación de asistente de voz que guía al usuario y transcribe lo que dice, por Toghrul Afandi , a través de Behance .

El diálogo de su asistente de voz debe ser conversacional pero informativo. Infórmeles a los usuarios que su solicitud fue reconocida respondiendo con un lenguaje amigable e informal. Podría ser algo tan simple como un «bien» o «entendido». No evite errores: si el asistente de voz no puede procesar el habla del usuario, diseñe una respuesta para manejar esto como lo haría en una conversación normal. Podría ser «lo siento, ¿qué fue lo que dijiste?» o “por favor, ¿puedes repetir la pregunta?” Cuanto más humano suene el asistente, mayor será la conexión emocional que tu marca disfrutará con tu usuario. Después de todo, todos quieren ser entendidos.

Maqueta de la aplicación de búsqueda por voz con un asistente virtual.
Maqueta de la aplicación de búsqueda por voz con un asistente virtual, por Ferdous Islam , a través de Behance .
Infografía que muestra el asistente de voz impulsado por IA de Hey Wallet.
La aplicación criptográfica Hey Wallet utiliza IA para asistencia de voz, por UI JEDI , Dmitriy Ratushniak , Michael Chadchenko y Diana Tsalan , a través de Behance .

8. Sobreestimulación

¿Has visto un sitio web últimamente, cuya estética era tan descarada, brillante y molesta, que tuviste que hacer una pausa por un segundo para asimilarlo? 2023 será testigo de muchas marcas Gen-Z que defienden el maximalismo con tanta devoción que te dejará atónito.

Diseño de UX interactivo - Un sitio web que utiliza imágenes magenta y divertidas con una presentación de diapositivas gigante que cambia rápidamente de sus miembros.
Este sitio de publicación de activistas feministas tiene efectos exagerados que pueden parecer abrumadores, pero estéticamente agradables, a través de Polyester .

Descarrilando las reglas de diseño a las que nos hemos acostumbrado, los diseñadores están abandonando el minimalismo a diestro y siniestro; especialmente cuando la marca se dirige a audiencias más jóvenes. Ante un futuro enormemente incierto, la generación Z busca esperanza, comodidad y unión. Están recurriendo a los colores brillantes en busca de fuerza y ​​optimismo y están comprando marcas que los captan.

Una página de destino con texto en negrita, elementos animados, un ticker inferior que se desplaza y un fondo de video.  Es mucho.
Este sitio web utiliza animación, fuentes en negrita y un fondo de video para crear una atmósfera abrumadora, a través de Mac-Pam .

Cuando piensas en lo instantáneo que muchos de estos grupos demográficos experimentan sus vidas, desde pasar las fechas, hacer la compra o recorrer una galería, sin siquiera levantarse de la cama, es comprensible que las marcas tengan que ir más allá para satisfacer sus sentidos. Cuando se trata de diseño digital, eso significa sobreestimular a los usuarios con una estética tan individual, auténtica y fuerte que casi lo tira del asiento. Es como si el espacio en blanco no existiera y el equilibrio se considerara trágico, la tendencia de diseño de sobreestimulación incluye animar cada rincón de su sitio.

Tenga en cuenta que estos sitios pueden afectar negativamente la accesibilidad. Así que asegúrese de que todo el texto sea fácilmente legible, la reproducción de audio y video se puede silenciar o pausar, con sus imágenes que incluyen texto alternativo.

Diseño de UX interactivo - Landing page de Luaka Bop con un llamativo fondo amarillo combinado con un borde de página web e imágenes de la vieja escuela para estimular los sentidos.

Luaka Bop utiliza un llamativo fondo amarillo combinado con un borde de página web e imágenes de la vieja escuela para estimular los sentidos, a través de Luaka Bop .

Captura de pantalla de la experiencia digital inmersiva y abrumadora de Gucci Flora.

Gucci tiene un sitio web interactivo inmersivo pero abrumador que es brillante y vibrante, a través de Gucci Flora .

Rompiendo la ley… de UX

En 2023, los sitios web demandarán su atención más que nunca. Experiencias interactivas complejas y abrumadoras combinadas con una plétora de efectos especiales de desplazamiento y desplazamiento funcionan juntos para dominar cada milímetro de las páginas web. Rompiendo las leyes de UX, estas tendencias están iniciando una revolución, y estamos aquí para ello.

Resumen
8 tendencias de diseño de UX interactivo para 2023
Artículo
8 tendencias de diseño de UX interactivo para 2023
Descripción
Los sitios web ricos en funciones y visualmente fascinantes estarán de moda en las tendencias de diseño de UX en 2023. Estamos en un mundo en el que los consumidores buscan cada vez más entretenimiento de las marcas para escapar de las presiones ordinarias de la vida cotidiana, y los sitios se están adaptando. respectivamente. 
Autor
Publicación
Ideakreativa
Logo
Productos destacados
Artículos relacionados para diseñadores

Publicaciones Similares