Estamos a pocos días de haber comenzado el nuevo año y ya están muy claras las tendencias en diseño web para los próximos meses.
Por eso, el día de hoy, os quiero hacer una recopilación de las 10 últimas tendencias en diseño web 2019.
Después de consultar a todos y cada uno de los expertos y gurús en la materia he descubierto algo que se venía intuyendo. El teléfono móvil es el dispositivo electrónico más usado para navegar por la red, así que todo se debe adaptar a él.
Las tendencias que van desapareciendo y las que van apareciendo están muy relacionadas con mejorar la experiencia de usuariodesde el móvil. Todo cuanto se hace, o se hará en 2019, está concebido para que desde el móvil cualquier usuario lea, escuche o vea contenido sin ningún género de complejidad.
Lectura recomendada
Otra de las tendencias claras para el diseño web es la diferenciación. Aplicar un conjunto de formatos, colores, textos… que te diferencien claramente de los demás.
Podría decirse que hay 2 tendencias clarísimas a la hora de diseñar y rediseñar las webs. O puede que solo exista una, mas con un condicionante: ser original y meridianamente diferenciadode los demás haciendo una web pensada para el móvil.
Comenzaré con las tendencias en diseño web 2019 y después os cuento lo que se está dejando de hacer en lo que se refiere a diseño web se refiere.
Back to top
1) 10 tendencias en diseño web que debes tomar en consideración este 2019
Todos los cambios que afirman los especialistas que se impondrán en el diseño web para el próximo 2019 los podemos sintetizar en una lista con las diez tendencias más importantes.
Son tendencias, y como tal, al final pueden concluir triunfando o no… pero todo apunta a que sí se impondrán a la hora de diseñar o bien rediseñarlas. Si estás interesado ya eno administrar algún otro CMS, no te pierdas estas pautas para aplicarlas en tu website
Comencemos:
1.1) 1.- Simpleza, menos es más
Esta es la tónica general de los nuevos diseños. Como os he dicho, todo está enfocado al móvil, su tamaño, su capacidad, su resolución…
Una web “sencillita” carga muchísimo más rápido en un móvil, eso es ya suficiente motivo para alejarse de webs recargadas con muchos apartados, colores, tipografías, fotografías, botones…
1.2) 2.- Fondo blanco
Tener un fondo de colores atractivos llama más la atención, pero entonces hay que pelearse con el tono de la tipografía a fin de que se pueda leer con sencillez el contenido.
Esto no pasa con un fondo blanco y la letra en negro. El contraste es más alto y esto facilita la lectura. Simpleza, limpieza, sencillez… facilitar el consumo de contenido desde el teléfono móvil es la tendencia estrella del diseño web 2019.
Y en este sentido, como también podrás leer en varios de los últimosy emprendimiento digital editados recientemente, todo está tendiendo a asemejarse al género de lectura de los libros tradicionales: fondo blanco (o bien sucedáneo) y textos negros (o bien ciertas variaciones del gris obscuro).
1.3) 3.- Gigantismo
Otra tendencia clarísima para el 2019. Las imágenes ahora ocuparán la pantalla completa, sólo cuando deslices la pantalla aparecerán los menús, botones y diferentes apartados.
Pero esta tendencia al gigantismo también toca de lleno a la tipografía. Es lógico, cuanto más grande sea la letra más fácilmente podrá leerse desde un teléfono móvil.
Y aquí no estoy hablando sólo de los titulares o bien los subtítulos, te hablo del tamaño del texto de cada uno de ellos de los apartados de la web.
No se trata de poner un tamaño tan grande que impida su lectura. Se trata de emplear un tamaño de letra suficientemente grande para que cada renglón no tenga más de 5 palabras, si lo lees desde un móvil.
1.4) 4.- Diferenciación
En un mundo digital con millones de webs publicadas y cientos de ellas dedicadas a lo mismo que tú, sea lo que sea a lo que te dediques, esta tendencia es muy lógica.
Esto de la creación de páginas webs se ha “democratizado” tanto que ahora cualquiera sin la más remota idea de diseño web, siguiendo los pasos que les van indicando las diferentes plataformas, es capaz de publicar su propia web.
Son webs siguiendo una plantilla estándar, que emplea tamaños estándar, tipografías estándar, colores estándar, tamaños estándar…
Así es muy difícil destacar, en tanto que tu web termina siendo prácticamente idéntica a otras miles. Y si eres igual que los demás terminas por pasar inadvertido en este planeta global nuestro.
La diferenciación en el diseño web dos mil diecinueve como tendencia general. Uno se diferenciará utilizando tamaños de letra diferentes, tipografías diferentes, colores diferentes…
Todas esas tendencias las veremos más abajo.
1.5) 5.- Tipografías “hechas a mano”
Una forma clara de distinguirte de los demás es emplear un tipo de letra especial, diferente. Para eso las tipologías “hechas a mano” son perfectas.
Aquí “sacrificamos” un tanto la usabilidadmóvil por un tipo de letra que puede no leerse con gran facilidad (en ocasiones) pero que nos diferencia meridianamente de los demás.
Existen ciertos programas que te permiten crear tu tipología de letra “hecha a mano” pero tampoco hace falta llegar a esos extremos de originalidad. Existen muchas donde elegir y como no son de gran consumo (todavía) harán que seas original.
Aún así, prepárate porque este tipo de elementos darán mucho que hablar a lo largo de todo este 2019.
Y, en caso de que para tu propio negocio en internet (web o weblog), no te convenza esta tendencia, te planteo que, si por servirnos de un ejemplo tienes un blog como , únicamente cojas algunas de lasmás importantes que desees destacar en tus textos y seán únicamente éstas las que muestres en una tipografía “hecha a mano”, ¿qué te semeja?
1.6) 6.- Vídeos a pantalla completa
Volvemos a tener presente el uso del móvil para esta nueva tendencia.
Antes los vídeos eran una pequeña ventana dentro de la página, o un simple enlace a un canal de youtube. Ahora los vídeos se muestran en automático a pantalla completa para que el usuario pueda verlo con la mayor nitidez y calidad de imagen.
El problema de los vídeos es que están reñidos con la rapidez de carga, con lo que hay que tener mucho cuidado en el momento de llenar nuestras webs con vídeos de calidad a pantalla completa.
Puede que el contenido del vídeo sea magnífico, pero si esto hace que la web tarde en cargarse, la tasa de rebote subirá peligrosamente y el usuario al final no verá dicho vídeo.
Úsese el vídeo, sí, mas con moderación, optimado para móviles, comprimido para que pese lo menos posible, con una calidad de imagen y sonido buena a fin de que merezca la pena su visionado. Y, como es lógico, que el contenido de ese vídeo sea útil, aporte algo o bien sirva para algo.
De nada sirve insertar un vídeo en tu página web sólo pues es tendencia de diseño web dos mil diecinueve. Todo tiene que tener un sentido, una lógica.
1.7) 7.- Animaciones
Todo en el diseño web es muy visual. Y no hay nada más visual que un GIF animado en el que señales al usuario lo que quieres que haga.
Las animaciones están muy de moda y son muy virales. Ahora es el instante de crear tus propias animaciones para hacer más visual, sorprendente y original tu web.
Cualquier publicista te dará miles y miles de ideas para crear tus animaciones. Cualquier diseñador gráfico las creará optimizándolas para tu página web.
Además, cualquier administrador web las optimizará a fin de que sean fácilmente viralizables.
Pero también existen programas de pago y gratuitos para que hagas tú mismo dichas animaciones y las publiques en tu web y el las redes sociales de tu negocio.
1.8) 8.- Imágenes con personalidad propia
La diferenciación y la originalidad también deben lograr a las imágenes que uses en tu página web.
En un mundo de fotografías libres de derechos que muchísima gente utiliza todos y cada uno de los días, ser original tiene premio.
Usar tus propias fotografías y maquétalas o edítalas, dándoles tu toque, tu personalidad, hará que sea más fácilmente reconocible y te diferencies de tu competencia.
Recuerda, si vas a incluir texto en tus imágenes, las otras tendencias que ya te he descrito: tipologías grandes, hechas a mano, sencillez y limpieza (menos es más).
Los pequeños detalles de la fotografía no se verán bien, o pasarán inadvertidos, desde el móvil. Así que usa fotografías pensando en el móvil, en cómo se verán en este tipo de dispositivos.
Pero también debes tener en cuenta que las imágenes ralentizan el tiempo de carga de la página web, por lo tanto, no debes emplearlas sencillamente por ser una tendencia del diseño web 2019, sino porque aportan valor, añaden algo, ilustran, llaman la atención sobre algún aspecto…
Úsalas con cabeza.
1.9) 9.- Colores brillantes
Ya he hablado del fondo blanco y la letra negra a fin de que el contraste sea óptimo a la hora de leer el contenido de una web desde un teléfono móvil.
Esta limpieza y sencillez no está reñida con la utilización de colores brillantes, fluorescentes, de alto contraste, para llamar la atención al usuario sobre una parte específica de tu página web.
No te hablo ahora de llenar de ‘colorines’ tu nueva página web, esto contrastaría con todo cuanto te he contado hasta el momento, sobre las últimas tendencias de diseño web dos mil diecinueve.
Pero sí te digo que el uso de colores refulgentes, aun fluorescentes, para llamar la atención sobre un punto o bien aspecto concreto de tu web es tendencia al alza para el dos mil diecinueve.
La limpieza y sencillez de la web ha de ser la máxima a tener en cuenta y, como recurso para llamar la atención, para poner el foco en un determinado lugar, viene bien el uso de esta clase de colores muy atractivos.
1.10) 10.- Botones transparentes, diseño gráfico en diagonal
Para ir finalizando con esta lista de las últimas tendencias de diseño web para 2019, os quiero señalar dos que están comenzando a pegar fuerte.
Los botones en las webshasta ahora se hacían destacar de una forma u otra para que el visitante pinchase en ellos.
Una tendencia que está comenzando, y no sabemos si triunfará, es poner los botones transparentes y que solo se resalten cuando pases el ratón.
Esto semeja estar en contra de la usabilidad móvil que es la idea primordial de todas las tendencias de diseño. ¿Qué sentido tiene disimular el botón de “más información”, “contacto”, “me interesa”…?
Pues yo personalmente no lo sé y tampoco lo entiendo realmente bien, mas está comenzando a ser tendencia… No todos y cada uno de los diseñadores web están conforme con esto, de ahí que esta tendencia la he dejado para el final.
Tendencia es, mas no sé si llegará a triunfar y a imponerse como diseño web dos mil diecinueve.
La última tendencia que deseo mostrar es el nuevo estilo en el momento de diseñar las imágenesy mostrar la información con un archivo de imagen.
Hasta ahora, la información estaba toda ordenada de forma horizontal o bien vertical. A la izquierda una foto y a la derecha texto; arriba un logo y debajo todo el texto…
Pues bien, ahora se está empezando a ver diseños más “orgánicos”, como los llaman los más especialistas en la materia.
El cuadrado o rectángulo que es el fichero de imagen se divide con curvas para introducir texto o imágenes en las diferentes partes en que se ha dividido ese archivo de imagen.
Este estilo de crear contenido visual todavía no se ve en demasiadas webs así que es muy original y hace resaltar sobre el resto.
Para ir acabando este artículo os quiero dejar también una pequeña lista con lo que ha dejado de ser tendencia a lo largo de 2018 y no se verá demasiado en el diseño web 2019.
Back to top
2) 2 Tendencias de diseño web que ya NO permanecerán en 2019
Ya sea por el hecho de que no llegaron a triunfar completamente, o bien por el hecho de que se ha probado que no son tan eficientes como se pensaba en un comienzo.
Sea como fuere, aquí van las tendencias en el diseño de las webs que no creo que se sigan usando en dos mil diecinueve.
Este género de diseño no ha llegado a un año de vida, más o bien menos, y los diseñadores web ya desean deshacerse de él.
Se trata de las tres rayitas que hay que pinchar para que se despliegue el menú completo. Ahorraban espacio y “limpiaban” el diseño de la página web escondiendo información para el usuario hasta que este realizaba la acción específica de pinchar el menú.
Ahora se quiere regresar al menú “de toda la vida” una línea horizontal con los botones individuales que te llevan a las diferentes páginas o bien apartados de la página web.
En algunas webs se está viendo cómo este tipo de menús de botones individuales pasan de estar arriba en horizontal a los laterales, ordenados verticalmente.
¿De verdad existen popups no intrusivos? Los popups son estas ventanitas emergentes que saltan sin tú hacer nada y que te impiden proseguir navegando por la página web hasta el momento en que las cierras o bien haces la acción que te solicita dicho popup.
Hace parcialmente poco empezamos a ver estas popups a pantalla completa, y en ciertos casos, con el aspa para cerrar la ventana muy bien disimulada.
Este género de publicación altamente intrusiva no gustó nunca, mas debía ser realmente eficaz porque se usó mucho.
Desde hace algo menos de un año, el todopoderoso buscador Google nos ha dicho que penalizará las webs que usen este género de recursoinvasivo, así que todos y cada uno de los diseñadores webs están como locos quitando las popups de sus webs para no ser penalizados.
Back to top
3) Conclusión
Y hasta aquí mi artículo sobre tendencias web dos mil diecinueve, si las ponéis en práctica me encantaría que me contaseis el resultado.
Si detectáis más tendencias, me encantaría que me lo contéis también.
Así todos proseguimos aprendiendo sobre esto tan apasionante que es el diseño web.
Back to top
