Portada » Tendencias UX/UI 2023

Tendencias UX/UI 2023

by Donal Sandro Noblejas Huaman

Hola mi nombre es donal Sandro Noblejas Huamán de Lima Perú 🇵🇪 hoy vengo con otro artículo de UX y como siempre y en cada uno de ellos completamente solo y me agrada porque se aprende, y como siempre sin empresas, personas, familiares, ni el estado ni ningún tipo de ayuda cuidado con los estafadores solo en mis tiempos libres redactando jejeje, bueno ahí vamos.

Un producto digital tendrá demanda si cuida a sus usuarios desde el principio: piense no sólo en la belleza visual del sitio o la aplicación, sino también en la lógica, la estructura y la facilidad de uso. Ésta es la tarea de un diseñador UX/UI: analizar las preferencias d agradable de usar.

Pero incluso el diseño más bonito y cómodo debería cambiar con el tiempo. Para que un sitio o una aplicación siga atrayendo usuarios, es necesario estar atento a las nuevas tendencias en el diseño de productos digitales.
En este artículo analizaremos qué tendencias en diseño UX/UI deberías profundizar en 2023 y cómo adaptarlas en tus productos. Centrémonos en las tendencias de moda en diseño visual, nuevas ideas en diseño de interfaces y herramientas modernas de diseño UX/UI.
Tendencias visuales: neobrutalismo en el diseño, tipografía y nostalgia del cero

Una de las tendencias de diseño visual más populares a lo largo de los años ha sido el minimalismo. Se caracteriza por la precisión, el diseño geométrico, los colores polvorientos, las sombras y degradados suaves, las esquinas redondeadas y una gran cantidad de espacio vacío alrededor de los elementos.
Sin embargo, en los últimos años, el minimalismo ha cansado a todos. Durante un corto tiempo se puso de moda lo opuesto: un brutalismo llamativo y provocativo. Se caracteriza por un diseño asimétrico, colores ricos en combinaciones inesperadas, tipografía grande, sombras oscuras y bordes de elementos claros.
En 2023, estas tendencias se fusionaron en una mezcla interesante: el neobrutalismo. Tomó lógica y estructura del minimalismo, ilustraciones extrañas, tipografía poderosa y brillo del brutalismo. Este diseño atrae la atención y ayuda a transmitir información compleja.

En el neobrutalismo, como en el brutalismo, se acostumbra utilizar colores saturados y sin diluir y romper las reglas para su combinación: cuanto más brillantes, mejor. Por ejemplo, puedes combinar fácilmente rojo y azul o rojo y verde.
En lugar de las fotografías de alta resolución típicas del minimalismo, los diseñadores dibujan extrañas ilustraciones que se asemejan a las formas de una plantilla de un antiguo PowerPoint. Agregue a esto ángulos rectos, sin degradados, sombras negras llamativas, y el sitio parece un software de principios de la década de 2000. Recuerde “Pañuelo”, por ejemplo. La nostalgia por las interfaces cero es una tendencia que también continuará en 2023.

Un ejemplo de diseño neobrutalista: diseño geométrico ordenado combinado con colores brillantes, ángulos rectos y sombras negras.
La tipografía juega el mismo papel importante en el neobrutalismo que en el brutalismo, pero gracias a la influencia del minimalismo, parece más tranquila. Para atraer la atención de los usuarios, puede utilizar fuentes inusuales, llamativas y bastante grandes con un fondo contrastante, como en los carteles antiguos. Pero al final la tarea principal es lograr la máxima legibilidad.

Ya habrás notado con letras grandes en negrita y mucho espacio en blanco, en línea con las tendencias tipográficas neobrutalistas. Estos titulares llaman la atención y son cómodos de leer tanto en un teléfono inteligente como en una computadora.
Tendencias de diseño de UI: intuitividad y enfoque en dispositivos móviles
Cuando una persona abre un sitio web o descarga una aplicación, sólo le toma unos segundos decidir si continúa usándola o la cierra. Si la lógica del producto no es obvia, lo más probable es que la persona no pierda el tiempo estudiando las instrucciones, escriba al soporte, sino que simplemente encontrará otro producto con el que sea más fácil de manejar.



La intuición de la interfaz hoy ya no es ni siquiera una tendencia, sino una necesidad. Pero lo que es obvio para los creadores de un sitio o aplicación no siempre lo es para sus usuarios. Para diseñar productos digitales verdaderamente intuitivos, es necesario realizar una investigación de UX: estudiar las necesidades de la audiencia, lanzar una versión de prueba y recopilar comentarios.
Así, el estudio UX nos ayuda a duplicar la tasa de conversión. Entrevistamos a los usuarios del sistema, analizamos su experiencia, identificamos problemas y cambiamos el diseño de la interfaz de usuario.
Por ejemplo, en el pasado, al completar un formulario de cliente potencial, era necesario indicar manualmente el tipo de negocio y las tareas que el cliente va a resolver utilizando el sistema. A las personas les resultó difícil formular una solicitud y algunas abandonaron el sitio.
Para ayudar a los usuarios, puedes crear tarjetas con opciones listas para usar: primero, sugerimos elegir un tipo de negocio, luego tareas de una lista lista para usar y luego dejar los contactos en el formulario principal. Resulta que el cliente casi no necesita hacer nada: el sitio literalmente lo lleva de la mano.

1. El carrusel de formatos elimina el miedo común: “Para herramientas geniales, mi negocio es demasiado pequeño”. El cliente ve que el sistema es adecuado tanto para grandes redes de franquicias como para pequeños estudios florales.

2. El cliente no tiene que formular qué tareas le gustaría resolver con el sitio web. El sitio en sí ofrece opciones y también sugiere que puede resolver no un problema, sino varios o incluso todos a la vez.

3. El cliente llega al formulario principal sabiendo qué beneficios le traerá el sistema y deja voluntariamente sus datos de contacto.
El estudio de la experiencia del usuario puede arrojar luz sobre otros hábitos del público objetivo. Por ejemplo, ¿qué dispositivos utiliza? Anteriormente, el desarrollo de sitios comenzaba de forma predeterminada con la versión de escritorio. Ahora se pone cada vez más énfasis en las soluciones móviles.
Puedes  comenzar con una versión móvil y, gracias al diseño adaptable, el sitio resultó conveniente tanto para tabletas como para computadoras de escritorio. Posteriormente, las cifras de tráfico (ojo UX)  confirmaran tu hipótesis: el 77% de los usuarios acceden al sitio desde dispositivos móviles.por ejemplo.
Para que la versión móvil de la página sea fácil de usar, es necesario diseñar la interfaz teniendo en cuenta el hecho de que una persona sostiene un teléfono inteligente en una mano y realiza acciones con un dedo. Por ejemplo:
• se puede acceder a todos los botones y elementos activos de la página con el pulgar;
• todos los bloques más importantes del sitio están dentro de un desplazamiento de la pantalla;
• La fuente es fácil de leer en una pantalla del tamaño de la palma de la mano.

Haber si observas un sitio web y me dices si tiene algo parecido a lo que indico puedes poner el enlace en los comentarios. Es conveniente presionar los botones panorámicos de pantalla completa con los pulgares derecho e izquierdo, el usuario ve inmediatamente lo más importante: transmisión en vivo, guía de programas, noticias. Portal tv.
Herramientas de diseño UX/UI de moda: Figma y redes neuronales
Figma es una plataforma en línea para el diseño de sitios web y aplicaciones. Figma es tan genial que en los últimos años se ha convertido no solo en una tendencia, sino en una herramienta imprescindible para un diseñador de UX/UI. Hay varias razones:
• Figma es una plataforma en la nube en línea como Google Docs. Esto significa que se puede ver un prototipo de sitio o aplicación simplemente abriendo el enlace en un navegador. Todo el equipo trabaja en el proyecto al mismo tiempo gracias a compartir. Cada miembro del equipo puede obtener los diseños originales simplemente descargándolos de la nube. Todo esto acelera y simplifica el desarrollo de sitios y aplicaciones.
• En Figma, puede crear una biblioteca de elementos visuales: botones, íconos, formularios de clientes potenciales y ensamblar interfaces a partir de ellos como si fuera un constructor. Necesitamos cambiar el color de los botones: editamos el elemento de la biblioteca y los botones se vuelven a pintar en todos los diseños a la vez.
A continuación, los desarrolladores describen estos elementos visuales en código y crean una biblioteca de programación basada en ellos. En conjunto ya es un sistema de diseño. Le permite realizar cambios a la vez en todas las páginas y pantallas que acceden a esta biblioteca y crear rápidamente otros productos digitales con el mismo estilo visual.

Así se ve el proyecto en Figma
Las redes neuronales, a diferencia de Figma, son una nueva herramienta para los diseñadores. Mientras algunos diseñadores luchan con ellos, otros están aprendiendo a utilizar el poder de la inteligencia artificial para simplificar tareas rutinarias, acelerar el desarrollo y ahorrar dinero a los clientes.
Puedes utilizar varios servicios basados en redes neuronales.
Slazzer recorta fondos de imágenes y los guarda en formato PNG. La herramienta ayuda cuando necesita recortar muchas imágenes, por ejemplo, para tarjetas de productos en una tienda en línea. Anteriormente, se utilizaba Photoshop para esto, donde se necesitaba aproximadamente media hora para recortar una imagen. Slazzer hace lo mismo en un par de segundos.
Image Tracer es un complemento dentro de Figma. Le permite crear una imagen vectorial a partir de una imagen normal con 2 clics, que se puede ampliar varias veces sin pérdida de calidad, incluso para un sitio web, incluso para una valla publicitaria.
Looka : crea logotipos basados en consultas de texto, paleta de colores e imágenes de referencia. Por supuesto, no utilizamos los resultados de la generación en su forma pura. La herramienta ayuda a generar ideas rápidamente y a comprender en qué dirección moverse. Anteriormente, los bocetos ocupaban la mitad de la jornada laboral, ahora la red neuronal los genera en unos minutos.

Logotipos generados por una red neuronal. Nuestra solicitud fue la siguiente: el logotipo debe verse minimalista, sin formas ni patrones complejos, transmitir la idea de la marca y reflejar las tendencias del diseño.

Opciones con las que terminó el diseñador
Breves pensamientos principales
• Un producto digital tendrá demanda si no solo se preocupa por la belleza visual de la interfaz, sino también por la experiencia del usuario. Para mantener su sitio web o aplicación actualizado, debe seguir las tendencias de UX/UI y adaptarlas a sus productos.
• La principal tendencia visual de 2023 es el neobrutalismo. Tomó lógica y estructura del minimalismo, ilustraciones extrañas, tipografía poderosa y brillo del brutalismo.
• El neobrutalismo utiliza referencias a interfaces de la década de 2000 y fuentes grandes y en negrita con un fondo contrastante, cuya tarea principal es la máxima legibilidad.
• En 2023, continúa la tendencia hacia interfaces intuitivas. Pero ahora no basta con intentar diseñar la interfaz más comprensible, es necesario confirmar sus hipótesis con la investigación de UX.
• La mayoría de la gente utiliza teléfonos inteligentes, por lo que el desarrollo de nuevos productos digitales comienza con las versiones móviles.
• Figma ya no es sólo una tendencia en el diseño de interfaces, sino una herramienta imprescindible para un diseñador UX/UI, y para todo el equipo.
• Las redes neuronales no reemplazarán a los diseñadores, pero se convertirán en herramientas convenientes y útiles que es necesario dominar ahora.
Recuerda piensa en UX mira las web más grandes por ejemplo en ecomerce tienes a Amazon, Aliexpress, yandex market, wish, preguntate porque todos ponen el registro de usuario en el mismo lugar, porque esa facilidad de uso y porque regresan los compradores.
Ya les dije pueden explicarlo en los comentarios.

Autor Donal Sandro Noblejas Huamán

Lima Perú 🇵🇪

Whatsapp 51 924118897 – 51 939416004

Sitio web verlista.com/blog

verlista.com

https://pe.linkedin.com/in/donal-sandro-noblejas-huaman

You may also like

Leave a Comment

Are you sure want to unlock this post?
Unlock left : 0
Are you sure want to cancel subscription?
-
00:00
00:00
Update Required Flash plugin
-
00:00
00:00