Desde CITIFACE nos gusta cuidar mucho todos y cada uno de los detalles de diseño en cada uno de ellos de nuestros proyectos y tiendas on-line que efectuamos. De ahí que estamos al loro de las últimas tendencias en diseño web y experiencia de usuario.
¿Todavía no conoces cuáles son las tendencias en diseño web para este año? No pasa nada, te las detallamos a continuación para que puedas renovar el diseño de tu ecommerce.
Back to top1) Diseño de ancho completo
Hoy en día ya no nos resulta extraño que al entrar en un sitio utilicen todo el ancho de la pantalla, tanto en cabeceras, imágenes (hero images) y vídeos. Esto es una forma de captar la atención del usuariotransmitiendo en un simple golpe de vista la propuesta de valor del negocio y su imagen de marca.
A su vez, se pasa de los encabezados o hero de esta clase, que como se puede observar ocupan mitad de pantalla:
A este nuevo diseño de encabezado donde se mezclan las grandes tipografías con leyes de usabilidad(texto a la izquierda).
Tal y como podemos ver en la página web de Stripe, ya se está empezando a mover el titular y el CTA (Call to action o llamada a la acción) a la izquierda, reduciendo la imagen y colocándola a la derecha, normalmente siempre y en todo momento diseñada de forma personalizada para este fin. En consecuencia, ya se empieza a ver más pluralidad en el uso de los encabezados clásicos (con el titular centrado encima de una imagen llamativa). En esta clase de diseño clásico, la atención del usuario se centra en la imagen donde se sobrepone el texto, que lo que señala el texto en sí.
También, el ser humano está habituado a leer desde la izquierda a la derecha (al menos en la mayoría de idiomas) por lo que tener el texto en la izquierda y la imagen a la derecha ayuda a la usabilidaddel usuario.
Back to top2) Diseño de tipografías (como principal elemento)
En cuanto a la tipografía debemos ser conscientes de que cada vez está más presente en el diseño web como principal elemento. Esto es, se emplean tamaños de letras exageradas, gigantes, convirtiéndolas en las protagonistas del diseñoy en torno a ellas gira el mensaje primordial que se quiere transmitir en la página o bien sección donde se encuentren.
A continuación, en este caso, puedes ver cómo el texto se transforma en el elemento principal de esta web.
Sigue leyendo