Inspiración para el diseño web #9.

Abr 30, 2020Artículos0 Comentarios

Micro-interacciones

Otra de las tendencias web para este 2020 son las micro-interacciones. Aunque pueda parecer una menudez, las micro-interacciones son una parte muy importante en el diseño web, concretamente a lo que se refiere a la experiencia de usuario (también conocida como UX). Sin ellas, las páginas web serían una colección aburrida de textos e imágenes y el usuario se convertiría en un mero observador.

Actualmente, el diseño web está muy enfocado a perfeccionar estas micro-interacciones de forma que cuando aterrizas en una página web cualquier pequeño detalle se percibe como un elemento único, creativo, que ha sido cuidadosamente elaborado y colocado para hacer de nuestra navegación por la página web una experiencia 100% satisfactoria.

Vamos a ver unos ejemplos.

Tendencias web para el 2020, algunos ejemplos.

 

MA True Cannabis 

tendencias 2020 micro-interacciones 1

En esta web ningún objeto es estático, todos están animados y cuando haces hover sobre ellos aparece un mensaje.

Los diseñadores front han conseguido una página web muy intuitiva, por ejemplo cuando haces hover sobre un objeto en movimiento, este se acelera, aumenta de tamaño y te invita a hacer clic.

 

También es un buen ejemplo de micro-interacción la web de

Pure Maison 

tendencias 2020 micro-interacciones-2

Mientras carga la página, un doodle animado nos hace más amena la espera de carga. El logotipo está animado. Las imágenes se intercambian dando un efecto de animación a elementos que son estáticos.

Un menú secundario está animado con un doodle que juguetea con las letras y lista los contenidos.

En el enlace de contacto otro doodle animado te anima a hacer clic en el enlace.

 

Y finalmente, más ejemplos de micro-interacción los encontrarás en:

Buddha Pizza 

tendencias 2020 micro-interacciones-3

Esta página web tiene mucho de cómic, los iconos son dibujos que se colorean al pasar el ratón por encima.

El elemento más repetido es el ojo que persigue el movimiento del ratón.

Esta web ha obtenido varios premios entre ellos el CSS Design Awards y una mención honorable en Awwwards.

Y, para terminar con este artículo de tendencias web para este 2020 , como siempre, esperamos que este artículo os sirva para inspiraros y ayudaros en vuestros proyectos personales.

¡Hasta la próxima!.

TE PUEDE INTERESAR

Curso gratuito de programación.

Curso gratuito de programación.

Curso gratuito de programación para desempleados y con titulación oficial, en Nowe. La demanda de programadores en empresas de Madrid, Barcelona, Valencia, etc ha crecido en torno a un 60%. Y como resultado de la actual crisis del COVID-19 se ha acelerado el proceso...

Nowe 2021. Aula Virtual

Nowe 2021. Aula Virtual

Ponemos en marcha la programación Nowe 2021 en la modalidad de Aula Virtual. Pese a que toda nuestra trayectoria en el mundo de la formación ha sido, principalmente en la modalidad presencial, no podemos obviar que el nuevo reto de la formación Nowe 2021 en la...

Seguridad informática. Una profesión con futuro.

Seguridad informática. Una profesión con futuro.

La seguridad informática o ciberseguridad es una de las profesiones con más futuro laboral, pero, ¿estamos preparados para el futuro? En tiempos de paz, quizás no nos debería preocupar la respuesta, pero el futuro ya está aquí y la Guerra 3.0 también. Algunos no saben...

Share This