Desde CITIFACE nos gusta cuidar mucho todos y cada uno de los detalles de diseño en todos y cada uno de ellos de nuestros proyectos y tiendas en línea que efectuamos. De ahí que estamos al papagayo 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 usen 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 bien hero de este género, 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á comenzando a mover el titular y el CTA (Call to action o bien llamada a la acción) a la izquierda, reduciendo la imagen y colocándola a la derecha, en general siempre diseñada de forma personalizada para este fin. Por lo tanto, ya se empieza a ver más variedad en el empleo de los encabezados clásicos (con el titular centrado encima de una imagen llamativa). En este tipo 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 humano está acostumbrado 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 elemento principal)
En cuanto a la tipografía hemos de ser conscientes de que cada vez está más presente en el diseño web como elemento principal. O sea, se emplean tamaños de letras exageradas, gigantes, convirtiéndolas en las protagonistas del diseñoy en torno a ellas gira el mensaje principal que se quiere trasmitir en la página o bien sección donde se encuentren.
A continuación, en este caso de ejemplo, puedes ver cómo el texto se convierte en el principal elemento de esta web.
Sigue leyendo