Cada año es emocionante inspirarse de nuevo en términos de tendencias de diseño de la web y mirar los acontecimientos actuales y futuros: ¿De qué estética tendremos que despedirnos en el futuro? ¿Y qué tendencias dominarán el mundo del diseño en los próximos años? La diseñadora web Sonja tiene su evaluación para el 2020 en su equipaje.
Tendencias en salida
Varias fuentes parecen estar de acuerdo en que la era del diseño plano en 2020 se relegará por primera vez a un segundo plano. Por un lado, se cree que otros diseños simplemente saldrá a la luz. Y por otro lado, que un cambio hacia el diseño semi-plano podría ser anunciado aquí.
Además, las ilustraciones van en aumento, en su mayoría dibujadas a mano y lejos del perfeccionismo. No sólo los encabezados tendrán un toque más personal, sino también elementos firmemente integrados como iconos y botones. Porque en el diseño web, los diversos expertos en publicaciones especializadas están de acuerdo en esto, ha tenido un toque demasiado artificial y perfecto en los últimos años. En el futuro, se prestará más atención a la individualidad y la personalidad.
Diseños duraderos
Los gradientes vinieron con el desarrollo del CSS y permanecerán con nosotros en el futuro. Parece que todavía hay suficiente demanda de exploración y elaboración. También en el 2020 podemos tener curiosidad por las variaciones y combinaciones que podemos esperar. Los gradientes de color también seguirán jugando un papel importante en el diseño de logotipos.
Los colores fuertes y el minimalismo seguirán jugando un papel importante en 2020
La abundancia de información a la que nos enfrentamos hoy en día nos obliga a presentar nuestra información de una forma más clara y nítida. Las áreas utilizadas con sensatez aseguran que el usuario pueda trabajar con el contenido más rápidamente y así tener una experiencia de usuario más agradable pero también más eficiente. El minimalismo, especialmente el uso del espacio en blanco, seguirá siendo un componente esencial de los conceptos de diseño en el próximo año.
El minimalismo, es decir, un diseño muy simple y reducido, se está imponiendo cada vez más en forma de variaciones monocromáticas. En este caso, pueden utilizarse colores fuertes y expresivos.
Los colores naturales siguen de moda
El cambio de año, con sus infinitas previsiones, trae consigo ideas para "el color del año" una vez más este año. Lo cual, la mayoría de los diseñadores están de acuerdo, seguirá siendo en el reino de la naturaleza. También veremos muchos tonos verdes y azules suaves en 2020, con tendencia a la "menta".
Elementos gráficos combinados con imágenes o fotografías
Incluso en el 2020 probablemente seguirá habiendo una tendencia hacia las disposiciones asimétricas. Las imágenes y fotografías en particular se combinarán con ilustraciones y "Tipografía en negrita". Una mezcla de elementos gráficos y material visual redondea así la tendencia minimalista para el próximo año de una manera emocionante.
El usuario sigue siendo el centro de atención
También en el futuro el foco de un buen diseño web estará en el usuario. Especialmente en el campo del comercio electrónico, la experiencia del usuario final está en la vanguardia de todas las decisiones creativas. Diseños claros y fáciles de navegar y entender reemplazan a los diseños abstractos y confusos. El Viaje del Usuario debe ser diseñado tan simple y sin complicaciones como sea posible. Los Call-To-Actions con contrastes de color se utilizarán de manera más específica.
Además de las tiendas en línea claramente estructuradas, se seguirá dando prioridad al Responsive Design en particular. ¿Por qué? En el mundo occidental, casi el 60 por ciento de nuestros dispositivos móviles ahora acceden a Internet.
Ahora que Google ha hecho oficialmente de la facilidad de uso de los móviles un factor importante en su clasificación, nadie debería descuidar más su presencia en la web móvil si quiere seguir teniendo visitantes en su sitio en 2020. Así que no nos liberaremos de los términos "Mobile First" y "responsive" en el futuro.
Además, la incrustación de archivos SVG sigue siendo un tema candente. Aunque no se trate de información nueva, muy pocos sitios web siguen utilizando gráficos vectorizados. Especialmente en los dispositivos más pequeños, los gráficos vectoriales tienen ventajas significativas, por ejemplo, tiempos de carga más rápidos y una nitidez excepcional con una escalabilidad del 100%.
A más tardar desde el pánico que nos causó RGPD a todos, somos conscientes de que nuestros datos están almacenados. En el futuro, estos datos deberían utilizarse de manera más sensata y adaptada al usuario. Los anuncios dirigidos ya no son una novedad. A partir de ahora podremos recibir notificaciones push de los sitios web que visitamos, aunque el éxito de éstas sea difícil de entender para nosotros los operadores de los sitios web (¿Qué es lo que realmente llega? ¿Qué es lo que realmente se lee?).
Especialmente entonces el uso de los Chat Bots y la IA tiene más sentido, ya que se basan en la interacción mutua y ofrecen un valor añadido claramente reconocible para el consumidor.
Tendencias mundiales
Ya hemos tenido suficiente de páginas web rígidas por ahora: el 2020 será más movido y animado. Hasta ahora el video medio ha sido usado relativamente poco en el diseño de la web. Después de todo, cuando se usan imágenes en movimiento, siempre hay que tener en cuenta las consecuencias en el tiempo de carga, la tasa de salto y el ranking de Google.
A más tardar desde la introducción del nuevo formato .webm, más amigable para la web, esto se ha aflojado un poco. Así que para crear presencias web más interesantes en el futuro, veremos más a menudo ilustraciones animadas en forma de GIF. Además, habrá más llamadas micro-interacciones, que harán que la navegación por las páginas sea más clara y amigable.
Las micro-interacciones son pequeñas animaciones que nos muestran como usuarios que algo está sucediendo o debería suceder aquí. Una forma juguetona de "retroalimentación" por así decirlo. Como usuario, se siente más integrado y puede identificarse más fácilmente con el sitio web/producto. Además, esas interacciones pueden proporcionar momentos de sorpresa positiva y servir de guía para definir más claramente el viaje del usuario. Esto hace que el flujo de usuarios sea más fácil - es más probable que el usuario encuentre lo que está buscando en el sitio web.
Una micro-interacción puede verse así, por ejemplo:
3D y "luz 3D"
Como efecto secundario de la difusión de la Realidad Aumentada (RA) y la Realidad Virtual (RV), esperamos que en el futuro se integren más elementos 3D en los diseños de nuestros sitios web. Por lo que AR/VR no hará el avance en el diseño de la web el próximo año. Las razones de esto son, por un lado, los costos demasiado altos. Pero también la contradicción de los tiempos de carga optimizados y los diseños que se centran en el usuario final. Después de todo, el uso de las nuevas tecnologías naturalmente tiene más sentido si hay un valor añadido evidente.
Como alternativa de ahorro, es decir, una especie de "luz 3D", los elementos colocados unos encima de otros son muy populares. Especialmente con sombras ligeras debajo, sugieren una ligera tridimensionalidad y crean más profundidad.
Privacidad
Desde la entrada en vigor del reglamento básico de protección de datos (RGPD) en mayo de 2018, ya se han sancionado varias infracciones. Estos incluyen los graves, como Heise Online este artículo reportado. Mientras tanto, también se ha acordado un concepto para la evaluación de la cuantía de la multa que tiene en cuenta, entre otras cosas, el volumen de negocios de la empresa y la gravedad del delito.
Además, esperamos que el Reglamento sobre la privacidad electrónica (ePVO), que aclarará la situación jurídica relativa a las herramientas de rastreo, se publique en 2020. La ePVO estaba originalmente destinada a ser publicada junto con la publicación conjunta de GDPR. Ambas regulaciones sirven por el momento a los propósitos de protección de datos. Los requisitos que el Reglamento de Privacidad Electrónica traerá consigo para los operadores de sitios web son explicados por el abogado Mario Steinberg en este artículo.
Frontend
Abundancia de herramientas y marcos de trabajo en la web
El próximo año seguiremos sufriendo con la abundancia de "ayudas a la programación" en forma de marcos y un nuevo aumento de los lenguajes supuestamente más fáciles de aprender. Sin embargo, el mercado casi ha llegado a la saturación - y nuestros desarrolladores han alcanzado sus límites de buena voluntad. Los marcos, que en un principio tenían por objeto simplificar la aplicación de los diseños, también han causado complicaciones en su abundancia en el pasado. En el futuro, aunque no directamente el próximo año, nos esforzaremos de nuevo por encontrar soluciones uniformes más sencillas.
Se han puesto muchas esperanzas en React
JavaScript sigue siendo una parte importante de la programación web, apoyada por React, una biblioteca de JavaScript para crear interfaces de usuario.
Aunque React ya ha ganado importancia en 2019, todavía no ha alcanzado su punto máximo y será más prominente en 2020. Con la ayuda de React, es muy probable que en el futuro sigamos integrando elementos de UI en nuestros sitios y aplicaciones web. Así que para los desarrolladores del frontend es definitivamente una herramienta que vale la pena aprender. Esto es especialmente cierto en el contexto de WordPress, ya que el nuevo Gutenberg Block-Editor se basa en React.
PHP, Ruby, Python, Node.js, Java, y .Net también siguen siendo lenguajes de programación relativamente equivalentes para el backend.
El usuario estará aún más concentrado en el frontend y el backend
En el futuro, no sólo generaremos y evaluaremos los datos del backend, sino que también extenderemos estos datos al frontend. Esto nos ayudará a entender más acerca de lo que se hace clic cuándo y cómo en nuestros sitios web y por lo tanto seremos capaces de Personalizar la interfaz de usuario de manera más eficiente y mejorar permanentemente el UX.
2020 y más allá
Basándonos en los desarrollos actuales, podemos asumir a largo plazo que la web será aún más interactiva en el futuro. Definitivamente veo un mayor potencial para las experiencias que se adaptan directa e individualmente al usuario individual. Por ejemplo, mediante un inusual y creativo sistema de navegación, quesitio , como en el caso de la cartera de Bruno Simon.
En general, la Internet debería ser más divertida, ya sea mediante enfoques más creativos y personales en la preparación y reproducción de la información. Un maravilloso y juguetón resumen de las tendencias de diseño web para 2020 es ofrecido por la agencia neoyorquina Red Collar en este sitio.
También me gustaría mencionar la implementación de la navegación por voz. Aunque es probable que esta tecnología no tenga aún su mayor avance en el 2020, podemos prepararnos para ello a largo plazo. Así como, una vez más, con un enfoque en los usuarios: sitios web que se adaptan más cuidadosamente a los grupos de personas con limitaciones.
Así que podemos concluir que 2020 va a ser un año emocionante en términos de diseño web, en el que queremos refinar nuestros conocimientos acumulados y presentarlos de una manera más accesible, con más personalidad y diversión.
¿Tienes en mente la retroalimentación sobre los desarrollos mencionados u otras tendencias de diseño de páginas web para el año 2020? Queremos ver tu comentario!
Foto: Elina Krima | Pexels
Comentarios sobre este artículo