Ultimas tendencias de diseño web en 2019 para diseñar tu lugar.

Ultimas tendencias de diseño web en 2019 para diseñar tu lugar.

15 Jul 2020 in

Tabla de contenido

Desde CITIFACE nos agrada cuidar mucho todos los detalles de diseño en todos y cada uno de ellos de nuestros proyectos y tiendas en línea que realizamos. Por eso 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, nosotros te las detallamos a continuación para que puedas renovar el diseño de tu ecommerce.

Back to top

1) Diseño de ancho completo

Hoy en día ya no nos resulta extraño que al entrar en un sitio web utilicen todo el ancho de la pantalla, tanto en cabeceras, imágenes (hero images) y vídeos. Esto es una manera 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á empezando 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, generalmente siempre y en toda circunstancia diseñada de forma personalizada para este fin. Por tanto, ya se comienza a ver más pluralidad en el uso de los encabezados clásicos (con el titular centrado encima de una imagen atractiva). En este género 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 (cuando 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 top

2) 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 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 transforma en el elemento principal de esta web.

Esta tendencia todavía convive con el uso 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 contar con 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 Disney? Estas empresas apostaron por efectuar el diseño de una tipografía hecha exclusivamente para el empleo de su marca, y a día de hoy instantáneamente se reconoce la marca a la que hacen referencia.

Back to top

3) 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 100 por ciento 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 campos.

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

Haz tus propias fotografías y maquétalas o bien edítalas dándoles tu toque personal. Así te marchas a diferenciar 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 puesto que si tienen un peso excesivo, pueden frenar el tiempo de cargade tu página web y reducir mucho su usabilidad. Te invitamos a que emplees imágenes siempre y cuando aporten valor, asistan al usuario a comprender mejor un concepto, puedan llamar la atención, etc.

Back to top

4) Vídeos

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

Así que ya sabes, si deseas dar fuerza a tu mensaje en el diseño de tu 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 recomendamos que emplees vídeos sólo si aportan valor y que siempre 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.

Back to top

5) 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 esencial en una web puesto que asisten a reforzar los valores del negocio, el mensaje y dan personalidad.

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

Back to top

6) Chatbots

Los chatbots se pueden estimar como programas complejos (software) desarrollados con una finalidad: chatear o bien charlar 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 cliente en un ecommerce.

A día de hoy los chatbots han avanzado de manera vertiginosa. La introducción de algoritmos de inteligencia artificial les dejan aprender, de forma autónoma, a comunicarse como humanos. Eso sí, por el momento precisan de un input humano o 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 humano.

6.1) Aplicaciones de los chatbots

Los chatbots se pueden emplear en el mundo del marketing digital en prácticamente cualquier área, como por ejemplo:
- Asistente personal virtual.
- Atención al usuario.
- Solución de inconvenientes técnicos y preguntas frecuentes.
- Asistente en el proceso de compra.

Como vemos, ciertas de estas labores son más complejas que otras. 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 humana pueda supervisar y entrar en el chat en cualquier instante para reconducir la conversación si fuese necesario.

6.2) CITIFACE Chat de Whatsapp

Por otro lado, si todavía no te fias mucho de esta tecnología, estás cansado de que bots como Alexa o bien Google Home no nos hagan caso… o sencillamente no deseamos que un robot tome el control de ciertos puntos vitales de nuestro negocio en línea, como la atención al cliente del servicio, podemos decantarse 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 App 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 diariamente. De ahí que, si estás dispuesto a ofrecer un servicio más adaptado a tus clientes del servicio por este medio, solo debes activar nuestra Aplicación desde.

Back to top

7) 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 esto es, de una sóla página, o bien también llamados diseños one page. Si bien es un tema controvertible entre los entendidos en diseño web, Google ha anunciado su preferencia de diseños de una única páginaya que, según , existen numerosos estudios que han demostrados los usuarios estamos más acostumbrados 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 obtener toda la información sin tener que navegar por un menú. Además, los usuarios de los dispositivos móviles, probablemente el mayor número de visitantes de tu sitio web, están acostumbrados a desplazarse haciendo scroll con su pulgar.

Aunque generalmente esta clase de diseños son más apropiados para webs cuyo producto o servicio deje una presentación muy visual como podría ser el caso de eventos, presentaciones de un lanzamiento de un producto en concreto o bien acciones promocionales. Cada vez son más los ecommerce que emplean este tipo de diseño, como podemos ver en los dos siguientes ejemplos:

Back to top

8) Diseños web modulares

Actualmente se lleva el diseño modular, esto es, dividir el total en pequeñas partes que se pueden unir y separar para crear infinidad de composiciones. Esta manera de diseñar se volvió popular por el empleo de móviles y tablets puesto que es una forma fácil de amoldarse a los diferentes tamaños de pantalla. Se puede lograr aleatoriedad visual, por poner un ejemplo, usando 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 ellos podemos emplear elementos separados mas todos integrados en un término común como el que aparece en la próxima imagen.

Back to top

9) En diseño web, olvídate de…

9.1) Pop-up intrusivos o 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 efectúas 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 recomendable moderar el usode los mismos, puesto que ponerlos con mucha frecuencia, insistencia o con diseños demasiado atractivos, puede enfadar al propio usuario y hacerle desamparar el lugar.

Hace un tiempo, si bien aún se prosigue viendo alguno, se empleaban este género de recursos a pantalla completa y con la cruz para poderlos cerrar realmente bien oculta. Desde hace menos de un año, Google penaliza las webs que emplean este género 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 comienzan a ver muchísimos menos.

Hablando de escritorio, el menú hamburguesa es el elemento de navegación oculto más usado que perjudica a la experiencia de usuario. Una buena práctica es emplear esta clase de menú solamente en dispositivos móviles y también incluir en las páginas links a las partes más esenciales de tu página web o bien tienda en línea, por servirnos de un ejemplo, accesos directos a las categorías de tu tienda. En tablet, portátiles, ordenadores de escritorio… deberíamos siempre emplear elementos de navegación parcialmente ocultos o menús de navegación abiertos y ubicarlos o bien en la parte superior de la página o en su defecto en la parte izquierda.

Pero esto no es una cosa que digamos , 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)

Back to top

10) Conclusión

Para terminar, recordarte dos 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 el día de hoy en día empleamos.

Hablando un poco de la parte técnica y no tan visual, recordarte que los navegadores ya avisan al usuario si no tienen el, y por consiguiente, no son seguras. Si te dedicas en venta en línea, como todos nuestros clientes, es un punto fundamental a tomar en consideración, puesto 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 consideración es la optimización a fin de que lade tu sitio web sea la menor posible. Que la carga sea rápida ayuda al posicionamiento web, en tanto que Google desea páginas rápidas y a la usabilidad, ya que el usuario también desea 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 noticia. Si eres usuario CITIFACE, estate atentísimo ya que en estos días puedes llevarte una alegríasi estás pensando en mudar el diseño de tu tienda on-line.

Back to top
Share icon

Solicita información sin compromiso

Políticas de privacidad

De conformidad con lo dispuesto en la Ley Orgánica 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal (LOPD) y su normativa de desarrollo, el responsable del sitio web, CITIFACE MANAGEMENT, S.L., en cumplimiento de lo dispuesto en el art. 5 y 6 de la LOPD, informa a todos los usuarios del sitio web www.citiface.com que faciliten, o vayan a facilitar sus datos personales, que estos serán incorporados a un fichero que se encuentra debidamente inscrito en la Agencia Española de Protección de Datos.

Consentimiento del usuario:
Mediante la marcación de las correspondientes casillas, en los formularios dispuestos en el sitio web para la recogida de datos, los usuarios aceptan expresamente y de forma libre e inequívoca que sus datos personales sean tratados con las finalidades y destinos que se detallarán a continuación.

Finalidad
Los datos que se faciliten a través del portal, se destinarán a la finalidad de responder a su solicitud de información, así como a remitirle información que consideremos que pueda ser de su interés. Incluyendo para ello medios electrónicos (email, sms, etc..). Asimismo, y si usted nos lo indica, le remitiremos a su correo electrónico nuestro boletín electrónico SEO/SEM en el que le trasladaremos recomendaciones y herramientas para la mejora de sus campañas de posicionamiento y pago por clic. Los envíos serán con carácter mensual y podrá dejar de recibirlos en cualquier momento a través del mecanismo establecido en el propio email.

Calidad de datos
Los datos marcados como obligatorios en el formulario que usted cumplimente, son necesarios para la prestación de un servicio óptimo al usuario y dar respuesta a sus requerimientos. En caso de que no sean facilitados todos los datos obligatorios, el prestador no garantiza la prestación de los servicios solicitados.
El usuario será el único responsable, respecto a la veracidad y actualización de los datos aportados a través de los distintos formularios del sitio web

Comunicación de datos a terceros
Sus datos personales no serán cedidos, en ningún caso, a terceras compañías, y que siempre que fuera a realizarse algún tipo de cesión de datos personales, de forma previa, se solicitaría el consentimiento expreso, informado, e inequívoco por parte de los titulares. Ejercicio de derechos ARCO
El prestador garantiza en todo caso al usuario el ejercicio de los derechos de acceso, rectificación, cancelación, información y oposición, en los términos dispuestos en la legislación vigente. Por ello, de conformidad con lo dispuesto en la LOPD, podrá ejercer sus derechos remitiendo una solicitud expresa, junto a una copia de su DNI, a través del correo electrónico: info[at]citiface.com o Calle Farell 3, 1-1. 08014 Barcelona .

Medidas de seguridad
Del mismo modo, el prestador, conforme a lo establecido en el Real Decreto 1720/2007, de 21 de diciembre, por el que se aprueba el Reglamento de desarrollo de la L.O. 15/1999, indica que ha adoptado todas las medidas técnicas y organizativas necesarias para garantizar la seguridad e integridad de los datos de carácter personal que trate, así como para evitar su pérdida, alteración y/o acceso por parte de terceros no autorizados.

Menores de edad
Se prohíbe, expresamente, a los menores de 14 años, facilitar ningún dato a través del presente sitio web, sin contar con el consentimiento y supervisión de sus padres o tutores legales.
Si el prestador tuviera noticia acerca de la infracción de la referida prohibición, procederá a la eliminación de cualquier dato asociado al usuario en cuestión.

Uso de cookies y del fichero de actividad
El prestador por su propia cuenta o la de un tercero contratado para la prestación de servicios de medición, pueden utilizar cookies cuando un usuario navega por el sitio web. Las cookies son ficheros enviados al navegador por medio de un servidor web con la finalidad de registrar las actividades del usuario durante su tiempo de navegación.
Las cookies utilizadas por el sitio web se asocian únicamente con un usuario anónimo y su ordenador, y no proporcionan por sí mismas los datos personales del usuario.
Mediante el uso de las cookies resulta posible que el servidor donde se encuentra la web, reconozca el navegador web utilizado por el usuario con la finalidad de que la navegación sea más sencilla, permitiendo, por ejemplo, el acceso a los usuarios que se hayan registrado previamente, acceder a las áreas, servicios, promociones o concursos reservados exclusivamente a ellos sin tener que registrarse en cada visita. Se utilizan también para medir la audiencia y parámetros del tráfico, controlar el progreso y número de entradas.
Puede Usted rechazar el tratamiento de los datos o la información rechazando el uso de cookies mediante la selección de la configuración apropiada de su navegador, sin embargo, debe Usted saber que si lo hace puede ser que no pueda usar la plena funcionabilidad de este website.
Este sitio web utiliza Google Analytics, un servicio analítico de web prestado por Google, Inc., una compañía de Delaware cuya oficina principal está en 1600 Amphitheatre Parkway, Mountain View (California), CA 94043, Estados Unidos («Google»). Google Analytics utiliza «cookies», que son archivos de texto ubicados en su ordenador, para ayudar al website a analizar el uso que hacen los usuarios del sitio web. La información que genera la cookie acerca de su uso del website (incluyendo su dirección IP) será directamente transmitida y archivada por Google en los servidores de Estados Unidos. Google usará esta información, por cuenta nuestra, con el propósito de seguir la pista de su uso del website, recopilando informes de la actividad del website y prestando otros servicios relacionados con la actividad del website y el uso de Internet.
Google podrá transmitir dicha información a terceros cuando así se lo requiera la legislación, o cuando dichos terceros procesen la información por cuenta de Google. Google no asociará su dirección IP con ningún otro dato del que disponga Google.
Puede Usted rechazar el tratamiento de los datos o la información rechazando el uso de cookies mediante la selección de la configuración apropiada de su navegador, sin embargo, debe Usted saber que si lo hace puede ser que no pueda usar la plena funcionalidad de este website. Al utilizar este website Usted consiente el tratamiento de información acerca de Usted por Google en la forma y para los fines arriba indicados. En todo caso, le informamos que para instar a la cancelación de los posibles tratamientos de datos llevados a cabo por Google, deberá dirigirse a esa compañía, a tal efecto. El prestador no tiene la capacidad técnica ni legal, para proceder al cese en el tratamiento de datos fuera del ámbito delimitado por los ficheros y medios técnicos de su titularidad. Y no se le podrán exigir responsabilidades en este sentido. Para conocer más acerca de las cookies es.wikipedia.org/wiki/Cookie_(informática)

SEMrush

SEMrush

SEMrush

ESTOS EXCLUSIVOS INFORMES GRATUITO REVELAN

7 SECRETOS DE EXPERTOS SEO QUE TE LLEVÁN AL 1#
7 SECRETOS DE EXPERTOS SEO QUE TE LLEVÁN AL 1# EN GOOGLE PARA GANAR 10.000s DE TRÁFICO DE CALIDAD GRATUITO - EN SÓLO 2 MESES
 

Los 7 pasos más poderosos para disparar tu ranking orgánico para ALCANZAR Y MANTENER un impresionante tráfico orgánico es TUYO.

Consigue gratis lo que el 1% de los expertos en SEO venden por miles de euros... y el otro 99% ni siquiera sabe que existe.


OBTEN MI INFORME GRATUITO
5 errores que debes evitar en tu sitio web de Drupal
Ebook - 5 errores que debes evitar en tu sitio web de Drupal (¡podrían costarte miles de euros!)
 

Este Ebook cubre 5 terribles errores que probablemente estés cometiendo ahora mismo con tu sitio web de Drupal.

¡Nº3 TE SORPRENDERÁ! Esta lectura de 10 minutos te ahorrará miles de euros.



OBTEN MI INFORME GRATUITO