nephewface15

Desde CITIFACE nos agrada cuidar mucho todos y cada uno de los detalles de diseño en todos y cada uno de ellos de nuestros proyectos y tiendas on-line 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.

Diseño de ancho completo

Hoy en día ya no nos resulta extraño que al entrar en un sitio empleen 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 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 llamada a la acción) a la izquierda, reduciendo la imagen y colocándola a la derecha, generalmente siempre y en toda circunstancia diseñada de manera adaptada para este fin. En consecuencia, ya se empieza a ver más variedad en el uso de los encabezados clásicos (con el titular centrado encima de una imagen llamativa). En este género de diseño clásico, la atención del usuario se centra en la imagen donde se superpone el texto, que lo que señala el texto en sí.

También, el ser humano está acostumbrado a leer desde la izquierda a la derecha (por lo 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.

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. 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 principal que se quiere transmitir en la página o bien sección donde se encuentren.

A continuación, en este ejemplo, puedes ver cómo el texto se convierte en el principal elemento de esta web.

Esta tendencia todavía convive con el empleo de tipografías hechas a mano, originales, con personalidad… la tendencia en diseño web de dos mil diecinueve nos señala que triunfan las letras minimalistas, como podría ser la Helvética.

Aunque también, el disponer de
una fuente única da un valor añadido a tu marca. ¿Quién no reconoce a simple vista la tipografía de Coca Cola o bien Disney? Estas empresas apostaron por efectuar el diseño de una tipografía hecha solamente para el uso de su marca, y a día de hoy instantáneamente se reconoce la marca a la que hacen referencia.

Imágenes

Si alguna vez has navegado por páginas webs de diseñadores, fotógrafos, personas del campo audiovisual… has podido ver que muchos de ellos emplean sliders bastante grandes para enseñar sus trabajos. Pues bien, el uso del cien por cien en las cabeceras con imágenes, tal y como ya hemos comentado en el punto 1, se está propagando a todos y cada uno de los ámbitos.

También tienes que saber que hoy en día existe infinidad de
que se pueden emplear para nuestras tiendas online, mas ser diferente y original tiene premio.

Haz tus propias fotografías y maquétalas o edítalas dándoles tu toque personal. De esta manera te marchas a distinguir de tu competencia. Y bien sabes, que si vas a incluir textos en tus imágenes, no te olvides de llevar a cabo los consejos del punto 2: tipografías grandes, hechas a mano, sencillez… y recuerda que, a veces, ¡menos es más!

Y ahora que te hemos dicho esto,
no satures tu web de imágenes ya que si tienen un peso excesivo, pueden ralentizar el tiempo de cargade tu página web y reducir mucho su usabilidad. Te recomendamos que emplees imágenes siempre y cuando aporten valor, ayuden al usuario a entender mejor un término, puedan llamar la atención, etc.

Vídeos

Otra tendencia que es cada vez más visible en los diseños web es el uso de vídeos, sobretodo los
vídeos empleados como fondos de secciones o bien de cabeceras. Estos elementos aportan un toque muy creativo y sobretodo visual al diseño. Además, también producen un gran impacto en el usuario.

Así que bien sabes, si quieres dar fuerza a tu mensaje en el diseño de tu página web, ponte manos a la obra y realiza un buen vídeo para poder introducir en tu página web o tienda on line.

Y como las imágenes,
te aconsejamos que emplees vídeos sólo si aportan valor y que siempre y en toda circunstancia los comprimas.De esta forma, no pesarán demasiado y no penalizarán en demasía la buena optimización de los recursos de la página web.

El color en diseño web

Los colores intensos y refulgentes también son tendencia en el diseño web este año.

Ely una buena combinación de ellos es fundamental en una web en tanto que asisten a reforzar los valores del negocio, el mensaje y dan personalidad.

El empleo de colores brillantes debes hacerlo con cuidado, ya que puedes conseguir el efecto contrario (llamar demasiado la atención y sobresaturar al usuario visualmente) haciéndole abandonar la página.

Chatbots

Los chatbots se pueden considerar como programas complejos (software) desarrollados con
una finalidad: chatear o bien hablar con las personas, suelen efectuar diferentes acciones desde una simple conversación hasta labores más complejas relacionadas con la ayuda y atención al usuario en un ecommerce.

A día de hoy los chatbots han avanzado de forma mareante. La introducción de algoritmos de inteligencia artificial les dejan aprender, de forma autónoma, a comunicarse como humanos. Eso sí, por el momento necesitan de un input humano o bien una supervisión manual a fin de que ese aprendizaje sea lo que buscamos, y estos bots puedan entender mensajes más complejos y conversaciones propias de un ser humano.

Aplicaciones de los chatbots

Los chatbots se pueden utilizar en el planeta del marketing digital en casi cualquier área, como por ejemplo:

- Asistente personal virtual.

- Atención al cliente.

- Solución de problemas técnicos y preguntas frecuentes.

- Asistente en el proceso de compra.

Como vemos, ciertas de estas labores son más complejas conseguir leads . Por este motivo, una práctica recomendada a la hora de poner en marcha estos robots habladores en nuestra tienda on-line sería
la implementación mixta, esto es, un chatbot autónomo donde una persona pueda inspeccionar y entrar en el chat en cualquier instante para reconducir la conversación si fuese preciso.

CITIFACE Chat de Whatsapp

Por otro lado, si todavía no te fias mucho de esta tecnología, estás agotado de que bots como Alexa o bien Google Home no nos hagan caso… o sencillamente no queremos que un robot tome el control de ciertos puntos vitales de nuestro negocio on line, como la atención al usuario, podemos optar por ofrecer ese servicio humano a la par que cálido a través del servicio de chat que nos ofrecen herramientas como WhatsApp.

Recientemente, CITIFACE ha desarrollado una Aplicación que integra WhatsApp con tu tienda en CITIFACE. Como sabes, Whatsapp es el medio de comunicación instantáneo más empleado por los usuarios a diario. Por eso, si estás presto a ofrecer un servicio más personalizado a tus clientes del servicio por este medio, solo tienes que activar nuestra Aplicación desde.

Diseños single page

No solo es una de las tendencias del año, cada vez más diseñadores efectúan diseños single-page o sea, de una sóla página, o bien también llamados diseños one page. Aunque es un tema discutible entre los expertos en diseño web,
Google ha anunciado su preferencia de diseños de una única páginaya que, según ellos, existen abundantes estudios que han demostrados los usuarios estamos más habituados a este patrón de navegación donde tenemos toda la información a golpe de scroll:

Este tipo de diseño permite contar historias de una manera más inmersiva, manteniendo a los usuarios más enganchados así sea con efectos de animación en el scroll o a través de la inclusión de diferentes elementos conforme vamos navegando.
El diseño de una sola página funciona mejor en dispositivos móvilesporque los usuarios pueden conseguir toda la información sin navegar por un menú. Además, los usuarios de los dispositivos móviles, seguramente el mayor número de visitantes de tu sitio web, están
acostumbrados a desplazarse haciendo scroll con su pulgar.

Aunque generalmente este género de diseños son más apropiados para webs cuyo coste creacion tienda online una presentación muy visual como podría ser el caso de acontecimientos, presentaciones de un lanzamiento de un producto específicamente o bien acciones promocionales. Cada vez son más los ecommerce que emplean este género de diseño, tal y como podemos ver en los dos siguientes ejemplos:

Diseños web modulares

Actualmente se lleva el diseño modular, o sea, dividir el total en pequeñas partes que se pueden unir y separar para crear infinidad de composiciones. Esta forma de diseñar se volvió popular por el uso de móviles y tablets puesto que es una forma fácil de adaptarse a los diferentes tamaños de pantalla. Se puede lograr aleatoriedad visual, por servirnos de un ejemplo, utilizando distintos tamaños de imágenes, dar mucho espacio entre elementos, etc.

En
CITIFACE disponemos de un editor para crear páginas de contenido que prosigue esta filosofía de diseño modular. Con podemos utilizar elementos separados mas todos integrados en un término común como el que aparece en la próxima imagen.

En diseño web, olvídate de…

Pop-up intrusivos o bien intersticiales

Y nosotros nos preguntamos... ¿existen los popups no intrusivos?

Para quién todavía no sepa a qué nos estamos refiriendo,
los pop-ups son las ventanas emergentes que aparecen en tu pantalla sin hacer naday que te impiden proseguir navegando hasta el momento en que los cierras o bien realizas la acción que te solicita dicho elemento.

Aunque inevitablemente es una herramienta de marketing y promoción muy extendida y con grandes resultados, es conveniente
moderar el usode exactamente los mismos, ya que ponerlos con mucha frecuencia, insistencia o bien con diseños demasiado llamativos, puede enfadar al propio usuario y hacerle abandonar el sitio.

Hace un tiempo, si bien aún se prosigue viendo alguno, se empleaban esta clase de recursos a pantalla completa y con la cruz para poderlos cerrar muy bien oculta. Desde hace menos de un año,
Google penaliza las webs que emplean esta clase de recurso tan invasivo de forma exagerada, por lo que todos se pusieron manos a la obra para eliminarlos de sus sitios webs y se empiezan a ver muchísimos menos.

Menú de hamburguesa

Hablando de escritorio,
el menú hamburguesa es el factor de navegación oculto más utilizado que perjudica a la experiencia de usuario. Una buena práctica es usar este género de menú únicamente en dispositivos móviles y también incluir en las páginas links a las partes más esenciales de tu web o bien tienda on line, por poner un ejemplo, accesos directos a las categorías de tu tienda. En tablet, portátiles, ordenadores de escritorio… deberíamos siempre y en toda circunstancia emplear elementos de navegación parcialmente ocultos o bien menús de navegación abiertos y situarlos o en la parte superior de la página o en su defecto en la parte izquierda.

Pero esto
no es una cosa que afirmemos nosotros, puedes ver este vídeo de Norman Nielsendonde habla sobre los menús hamburguesa (firma estadounidense de consultoría de interfaz de usuario y experiencia de usuario)

Conclusión

Para concluir, recordarte 2 nociones básicas: Primero, lo que más se lleva el minimalismo, menos es más y segundo, el diseño de tu sitio web debe sery estar adaptado a los diferentes dispositivos que hoy en día empleamos.

Hablando un poco de la parte técnica y no tan visual, recordarte que los navegadores ya informan al usuario si no tienen el, y por lo tanto, no son seguras. Si te dedicas en venta on-line, como todos nuestros clientes, es un punto fundamental a tomar en consideración, ya que esto puede llevar al usuario a no efectuar un pago en tu sitio web por no ser seguro.

Otro aspecto técnico a tener en cuenta es la
optimización a fin de que lade tu sitio sea la menor posible. Que la carga sea rápida ayuda al posicionamiento en buscadores, puesto que Google desea páginas rápidas y a la usabilidad, ya que el usuario también quiere webs rápidas y si no lo es, estarás perdiendo un alto porcentaje de tráfico y conversiones.

Si has llegado hasta aquí y has dejado volar tu imaginación, venimos a contarte una buena nueva.
Si eres usuario CITIFACE, estate atentísimo en tanto que en estos días puedes llevarte una alegríasi estás pensando en cambiar el diseño de tu tienda on line.