Hablar de las tendencias de para el 2020es una oportunidad que no podíamos dejar pasar, sobre todo pues hablar del dos mil diecinueve se siente como hablar del futuro y la realidad es que estamos aquí. No importa si estás empezando tu negocio o bien si quieres darle un nuevo giro a tu web, si aprendimos algo del 2018 es que la mejor inversión que puedes hacer por tu empresa es invertir en tu página web.
Primero por el hecho de que la mayoría de las búsquedas las hacemos con el Internet.Sin importar que sea una medicina o lo que queda más cerca en el momento de la comida, el Internet se ha vuelto el buscador por antonomasia (como Google) que utilizamos en nuestro día a día. Además en México y por norma general América Latina, las compras por Internet se han incrementado a tal grado que se espera que en este 2020 nos transformemos en uno de los 15 países líderes en el e-commerce.
Y no importa si no vendes en Internet, las posibilidades de llegarle a la gente correcta no sólo son accesibles mediante las redes sociales virtuales.
De hecho con el incremento de la popularidad de estrategias como el inbound marketing y la mercadotecnia de contenidos, tener una web y un weblog se han transformado en una prioridadpara las compañías que procuran tener clientes del servicio más calificados y con mayores probabilidades de adquirir sus productos y servicios.
Y este es nuestro segundo punto, una de lases la creación de contenidos de calidady de nada nos sirve tener un mega artículo en Facebook cuando podemos tenerlo en nuestra página web y usarlo para ocupar los primeros lugares de los buscadores, y así llegarle a más personas.
Además, gracias a nuestras, sabemos que uno de los factores más importantes para los motores de búsqueda y los usuarios es el diseño de la página web, sí, si bien no lo creas la accesibilidad a dispositivos móviles, la jerarquía de tu web y la sencillez para navegar en ella puede afectar en el posicionamiento en buscadores y acrecentar los índices de la tasa de rebote(esto es la cantidad de veces que los usuarios abandonan tu web) en tu página.
Así que el día de el día de hoy nos marchamos a enfocar en lo que está causando furor en el planeta del diseño web.
Si bien el diseño puede ser un proceso creativo personal que depende de quién lo ejecute, es normal encontrarnos con el incremento de tendencias en este rubro, mismas que se han popularizado por su eficacia para atraer la atención del usuario.
Te dejamos una lista de sugerencias que puedes (o no) aplicar para tu sitio. Recuerda que mientras más actualizado estés más oportunidades tienes de triunfar en el Internet mas ojo no olvides que de la moda lo que te acomoda, y que lo más importante para tu sitio debe ser la comodidad y experiencia del usuario.
Como lo platicábamos al comienzo, uno de los elementos que más influyen en las tendencias de diseño web para este 2020 será la experiencia del usuario. Y es que si eres de los que se preguntanEs muy probable que sea pues contiene elementos molestos o el diseño no sea el más cómodo para ellos.
Y esto no sólo se refleja en el diseño web, la súper personalización de los elementos también podemos observarlo en estrategias como el correo electrónico marketing. Por poner un ejemplo en ¿te mentamos lo súper esencial que es parecer una persona real más que una empresa o bien marca vacía y hacer sentir que le hablas directo al usuario.
Es de ahí que que tanto lo In como lo Out están influenciadas por la experiencia del usuario, y si al final decides darle un revamp a tu página web a tu gusto, sólo intenta que el usuario pueda moverse libre en ella sin mayor complicada.
1) Lo In
2) Storytelling
El 2020 es el año de la narrativa y el storytelling visual. What, sí yo sé que estamos hablando de diseño web, mas de la misma manera que la experiencia del usuario, la manera en la que contamos historias o bien creamos sentido narrativo en ellas será fundamental para comprender estas tendencias y cómo podemos aplicarlas a nuestro sitio.
Por ejemplo, en la narrativa el world bulding es uno de los elementos más importantes; y sencillamente se refiere a la capacidad de crear y construir (y de hacernos pensar al lector) el mundo en el que se desarrolla la historia. Lo mismo pasará en el dos mil diecinueve con el diseño web.
No sólo las imágenes y los colores, sino también la manera en la que "geográficamente" navegamos por el sitioestará (o bien ha de estar) influido por la historia que queramos contarle a nuestros visitantes.
Esto te será muy útil para estructurar el contenido de tu página web,puedes usar el básico del principio, desarrollo y final para contar una historia con ilustraciones o bien guiar al usuario por tu página.
3) Fondo blanco
Por muy hastiado que pienses que sea el fondo blanco (o bien lo más similar al blanco) te permite ser versátil en tu sitio;además que te ahorras dolores de cabeza al instante de elegir una paleta que se adapte a tu fondo. No sólo te permites darle un look más limpio y amigable a tu página web sino también al ser un color lumínico se vuelve más cómodo y natural leerlo.
Y no sólo eso, gracias al fondo blanco puedes destacar elementos de tu página web como: imágenes, ilustraciones, animaciones y tipografía.
Si tienes un weblog, de seguro esto no te sorprende para nada, de hecho como ya te dijimos, el blanco es excelente para destacar la legibilidad del texto.Puedes crear grandes entradas sin preocuparte de que el color de fondo dañe la vista de tu usuario.
Esto es súper esencial sobre todo en las estrategias de marketing de atracciónque están volviéndose parte del día a día de las marcas.
4) Colores
Si, ya sé que dijimos que lo blanco está IN pero de un tiempo para acá los colores han tomado más fuerza en el planeta del diseño y no con los clásicos complementarios o bien los matices: los contrastes, la fluorescencia, los degradados, las formas dividas por bloques de color,en fin piensa en los anuncios vibrantes de Spotify.
Además los colores son uno de los elementos más importantes en la personalización y si los mezclas con tipografías e ilustraciones tienes más posibilidades.
5) Texturas
Así como los colores y los degradados las texturas se están posicionando como uno de los elementos favoritos de los diseñadores,ya sea en toda la pieza o incorporado a a través de a formas geométricas como parte de los elementos del diseño. Mucho debe ver nuestra fiel relación con los móviles inteligentes y como estos han ido cambiando la forma en la que interactuamos con el planeta y el contenido, haciendo sus pantallas más grandes y más táctiles así como la creciente tendencia de producir contenido en donde se genere placer al recortar, desplazar, o destruir cosas cuya textura prácticamente podemos sentir en nuestras manos.
Nuestra creciente ganas de interaccionar con todo y de hacerlo lo más real y físico posible hace que las texturas sean ideales para darle un sensación sensorial a nuestra página web.Puedes mezclar texturas con ilustraciones flat, o en la producción de vídeos.
6) Videos
Hablando de videos, estos también están tomando cada vez más fuerza entre los diseñadores web y si bien ya se está volviendo cada vez más popular por la facilidad que presenta para captar la atención del usuario y ofrecer nuevas experiencias multimediaen nuestro sitio la verdad es que si vas a incorporar un vídeo en tu sitio es preciso estimar ciertas cosas como el que podría hacer que tu página cargue más lento (si bien depende del tiempo y tamaño del video) o que el elemento en sí sea innecesario o bien que se interponga a la experiencia del usuario o bien se transforme en un factor distractor que impida que tu página cumpla su objetivo.
Además se debe pensar muy bien en la calidad de la imagenya que de no estar a la altura, le restaría mérito y verosimilitud a tu lugar. Ah, también debes tomar en cuenta que pese a que la meta es que capte la atención del usuario, el autoplay para algunos es muy molesto con lo que, como ya mentamos, podrías ocasionar el efecto contrario.
7) Less is more
¿Alguna vez has escuchado esta frase? Este principio es otro de los grandes contenientes a reinar en el dos mil diecinueve, en verdad poquito a poco ha estado cobrando fuerza en lo que va del año. Como ya mentamos uno de los principales objetivos del diseño web (por lo menos el que más se debería considerar) es la funcionalidad de la página con respecto a la experiencia del usuario.Si el internauta no se siente cómodo navegando en tu web, difícilmente va a repetir la experiencia o quedarse lo suficiente como para poder cumplir con el fin de tu sitio: tener leads, promocionar un producto, etc.
El que esta experiencia sea haya convertido en prioridad nos ha llevado a eliminar elementos que puedan arruinar el viajey que sean totalmente superfluos para completarlo y visualmente las formas geométricas nos ayudan a lograr esa sensación de “simpleza”. Los elementos flat, el empleo de menos texto, el uso de cajas o bien cuadros para enmarcar contenido à la Pinterest, así como el contraste de líneas gruesas y delgadas son parte de los ejemplos que puedes localizar al momento de elegir un diseño simple y funcional para tu web.
8) Tipografía
Parte del pues la tipografía se esté convirtiendo en un elemento más importante en el diseño web es la “simpleza” que mencionábamos previamente . Una buena tipografía puede hacer más por tu sitio que algún otro elemento gráfico.La tipografía es súper importante en tanto que de ella depende también si el contenido se consume o bien no, puesto que si bien muchos aún no lo comprendan más que verse bonita, su trabajo principal es el de cumplir con la creación de un mensaje y de que este se consuma,de nada nos sirve tener la más cara e increíble Font si no sirve para nuestros propósitos o bien si se convierte en un factor molesto pues no está concebida para ser consumida y ser legible.
Afortunadamente existen muchas herramientas que pueden facilitar este proceso para ti, recuerda que no debes invertir mucho, Google Fonts es un enorme aliado que puede ayudarte a hallar la que vaya con tu lugar, tu mensaje y el objetivo de tu página web.
9) Imágenes grandes
Si bien el menos es más se está transformando en una de las grandes apuestas en las tendencias de diseño web, eso no quiere decir que tienes que sacrificar tu creatividad o bien tus ganas por ir cara algo más visual.
El uso de imágenes “gigantes” que se adaptan y reajustan a tu pantalla es otro elemento que va cobrando fuerza. Fácil, “simple” y muy visual. Esta opción es genial si tu marca o producto depende mucho de enseñar sus productos o servicios, mas no es exclusivo de este rubro.
Ahora y al igual que como dijimos en el uso del vídeo, el chiste de que las imágenes formen parte de tu lugar es que sean una parte de él no que te separen de este.Cuida la calidad de la imagen, la producción y el diseño detrás de estas, si no sólo le restaras credibilidad, profesionalismo y tu página perderá el sentido para el que fue creada.
10) Ilustraciones personalizadas
Las infografías se han vuelto parte esencial de las estrategias de contenido en redes sociales, sólo basta con entrar a Facebook para ver una o bien dos, así que no es de extrañar que las ilustraciones estén siendo tendencia en el 2020.
Y más cuando la personalización es un factor clave en el diseño web,sobretodo aquellas que se mezclan con textura, la tipografía y los elementos flotantes.
10.1) Ilustraciones Flat
No necesitas crear una mega ilustración, de hecho una de las tendencias más populares son las ilustraciones "simples". En realidad menos rebuscadas pues sabemos que no hay nada simple en el diseño, todo es un producto de un enorme proceso que implica no sólo la inventiva sino también la funcionalidad.
Dale ese toque personal a tu web utilizando ilustraciones.El talento libre existe, sólo precisa ser encontrado. Puedes hacerlo desde webs como Behance hasta en redes como Instagram y Twitter.
10.2) Ilustraciones 3D
Y no sólo las ilustraciones 2D están con todo. En el dos mil diecinueve veremos un incremento por las ilustraciones 3D.
En parte es por el hecho de que como ya te mentamos, este año estamos en pos de sentir: texturas, volumen, sensaciones,etc. Si bien quizás las ilustraciones 3D no se hayan hecho tan populares como las flat, estamos por buen camino.
Por ejemplo, una de las tendencias que empezó a popularizarse en el 2018 fueron los elementos flotantes.Y en su gran mayoría dichos elementos tridimensionales estaban creados en programas como Cinema 4D. Además la posibilidad de integrar programas el uno con el otro, como After Effects con Cinema 4D te puede dar una pista de cara dónde nos dirigimos: rompiendo las barreras cara lo que consideramos real y lo que no.
Y eso es lo que hacemos con el Internet de alguna manera, estamos en un salto incesante entre lo real y lo virtual, y esas ganas de traspasar todas y cada una de las experiencias reales a lo virtual será clave en las tendencias de los próximos años.Adelántate a ellas.
10.3) Ilustraciones Papercut
Sin embargo si quieres (como diría Hanna Montana) tener lo mejor de 2 mundos, las ilustraciones papercut pueden ser para ti.
Así es, las ilustraciones pensadas en imitar el papercut de la vida real están siendo muy popular tanto en el diseño web como en el diseño gráfico.Y es que si te quieres arriesgar a hacer algo diferente que se sienta muy creativo este género de ilustración puede ser para tu página.
Su apariencia es un poco más acercada a "la realidad" esto es hecha a mano, por lo que si tu intención es darle calidez y un sentido de "casa" o bien hogareño a tu página web, puedes apostar por esta clase de ilustraciones.
11) Chatbots
Quizás sientas que no tenga nada que ver con el diseño web pero la verdad es que el dos mil diecinueve es el año de los chatbots. Y si bien no lo creas tampoco es tan difícil de integrar uno a tu sitio, en verdad puedes hacer que Facebook Messenger se transforme en tu bot adaptado.
Ya te habíamos hablado de esto enTe dimos ciertos ejemplos de lo que las marcas están haciendo para aprovechar a los bots como acompañantes de sus clientes del servicio en el proceso de adquiere y para progresar su sitio.
Así es, tener un bot presente te deja tener un mayor contacto con tus usuarios y saber sus creencias sobre tu lugar, así sabrás que puedes progresar y que puedes quitar. Además se ha comprobado que la presencia de un chatbot puede reducir el abandono de carritos de compra en la e-commerce.
¿Ya conoces a nuestro tikibot? Te dejamos un ejemplo de cómo funciona en la vida real y cómo te puede servir también para redistribuir tus contenidos.Como ya te dijimos no necesitas saber mucho de programación para poder integrarlo.
Back to top1) ¿Qué tendencias de diseño web debo eludir en el 2020?
Ya hablamos de lo que los diseñadores están eligiendo para crear sitios y ahora nos toca charlar de lo que están dejando de ladoen estas tendencias de diseño web. Es obvio, mas si el chiste del diseño es darle la máxima experiencia al usuario, los elementos que no cumplan o dificulten este proceso tendrán que irse. Ojo, estas son nuestras sugerencias conforme a las tendencias,si deseas o no aplicarlas depende de ti y de cómo funcione tu página y la interacción que tengas con tus clientes.
Back to top2) Lo Out
2.1) Menú Hamburgesa
¿Has visto esas 3 rayitas en la esquina de una web? Sí, de seguro sabes que es un menú. Pues este elemento que por un buen tiempo fue parte integral de nuestros diseños ahora se halla en peligro de extinción.¿La razón? Entorpecen el diseño web,dejando al clásico menú de pestañitas como el ganador para funcionalidad web.
2.2) Homepage
Can you believe?Y es que las tendencias apuntan que merced al Inbound Marketing lo de el día de hoy son las landing pages y el buscar convertir leads ha clientespor lo que en lugar de entrar a una web con todo el contenido de la empresa, los diseñadores están buscando favorecer esa conversión mediante el primer contacto del usuario con tu sitio.
2.3) Pop Ups
Google comenzará a penalizar a las personas que abusen de estos pop ups, y si bien existen muchos sitios utilizándolos como estrategia para conseguir subscriptores la realidad es que es muy molesto y pueden hacer que nuestro lugar cargue más lento lo que también es uno de los factores por los que Google podría penalizarnos.
2.4) Páginas Lentas
Al igual que los pop ups, n o hay nada más molesto que tener que aguardar años a una página que no carga.
¿Te ha pasado? Es muy posible que hayas descuidado la páginasin siquiera darte una vuelta por ella y su contenido.
Existen muchos factores que pueden influir a fin de que tu página sea lenta: imágenes de gran peso, pop ups, anuncios externos, etc. En el 2020 Google se pondrá más estricto con aquellas páginas que sean lentas y lo sabrá gracias a la tasa de rebote de los usuarios.
Así que hazle un speedtest a tu página web y utiliza las herramientas de Google como el Search Console y Analytics para saber qué es lo que está alentanto a tu web.
2.5) En resumen...¿Cuáles son las tendencias de diseño web para el dos mil diecinueve?
- Storytelling
- Fondo blanco
- Colores
- Texturas
- Videos
- Tipografías
- Imágenes grandes
- Ilustraciones personalizadas
- Chatbots
Recuerda que estas tendencias de diseño web son sugerenciasy no quiere decir que debas aplicarlas o bien no. Depende de ti, lo que deseas conseguir con tu lugar, tu marca y cómo te desenvuelves como diseñador; al final lo que funciona para algunos puede no marchar para otros, mas no está de más probar y probar para poder ver qué elementos te ofrecen mejores resultados.
Back to top
