Estamos a pocos días de haber empezado el nuevo año y ya están clarísimas las tendencias en diseño web para los próximos meses.
Por eso, hoy, os quiero hacer una recopilación de las 10 últimas tendencias en diseño web 2019.
Después de consultar a todos los expertos y gurús en la materia he descubierto algo que ya se venía intuyendo. El teléfono móvil es el dispositivo electrónico más utilizado para navegar por la red, así que todo se debe adaptar a él.
Las tendencias que van desapareciendo y las que van surgiendo están muy relacionadas con mejorar la experiencia de usuariodesde el móvil. Todo lo que 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 todo un conjunto de formatos, colores, textos… que te diferencien meridianamente de los demás.
Podría decirse que hay dos tendencias clarísimas a la hora de diseñar y rediseñar las webs. O es posible que solo exista una, mas con un condicionante: ser original y claramente diferenciadode los demás haciendo una web pensada para el móvil.
Comenzaré con las tendencias en diseño web dos mil diecinueve 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 dicen los especialistas que se impondrán en el diseño web para el próximo 2019 los podemos sintetizar en una lista con las 10 tendencias más importantes.
Son tendencias, y como tal, al final pueden concluir triunfando o bien no… mas todo apunta a que sí se impondrán a la hora de diseñar o rediseñarlas. Si estás interesado ya eno gestionar 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 distanciarse de webs recargadas con muchos apartados, colores, tipografías, fotografías, botones…
1.2) 2.- Fondo blanco
Tener un fondo de colores llamativos llama más la atención, mas entonces hay que pelearse con el tono de la tipografía a fin de que se pueda leer con facilidad 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 múltiples de los últimosy emprendimiento digital editados últimamente, todo está tendiendo a asemejarse al tipo de lectura de los libros tradicionales: fondo blanco (o 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 los subtítulos, te hablo del tamaño del texto de cada uno de los apartados de la página web.
No se trata de poner un tamaño tan grande que impida su lectura. Se trata de utilizar un tamaño de letra suficientemente grande como para que cada renglón no tenga más de cinco 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 recóndita idea de diseño web, siguiendo los pasos que les van indicando las distintas plataformas, es capaz de publicar su 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 resaltar, puesto que tu página web termina siendo casi idéntica a otras miles. Y si eres igual que los demás acabas por pasar desapercibido en este planeta global nuestro.
La diferenciación en el diseño web dos mil diecinueve como tendencia general. Uno se diferenciará usando 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 utilizar un género de letra especial, diferente. Para eso las tipologías “hechas a mano” son perfectas.
Aquí “sacrificamos” un tanto la usabilidadmóvil por un género de letra que puede no leerse con gran facilidad (a veces) mas 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. Hay muchas donde seleccionar y como no son de gran consumo (todavía) harán que seas original.
Aún así, prepárate por el hecho de que este género de elementos darán mucho que charlar durante todo este 2019.
Y, caso de que para tu propio negocio en internet (web o weblog), no te convenza esta tendencia, te propongo que, si por servirnos de un ejemplo tienes un weblog como , únicamente cojas ciertas 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 parece?
1.6) 6.- Vídeos a pantalla completa
Volvemos a tener presente el empleo del móvil para esta nueva tendencia.
Antes los vídeos eran una pequeña ventana en la página, o bien un simple link a un canal de youtube. Ahora los vídeos se muestran en automático a pantalla completa a fin de 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 velocidad de carga, con lo que hay que tener mucho cuidado a la hora de atestar nuestras webs con vídeos de calidad a pantalla completa.
Puede que el contenido del vídeo sea magnífico, mas si esto causa que la web tarde en cargarse, la tasa de rebote subirá arriesgadamente y el usuario al final no verá dicho vídeo.
Úsese el vídeo, sí, pero con moderación, optimizado para móviles, comprimido a fin de que pese lo menos posible, con una calidad de imagen y sonido buena para que merezca la pena su visionado. Y, por supuesto, que el contenido de ese vídeo sea útil, aporte algo o bien sirva para algo.
De nada sirve introducir un vídeo en tu web sólo porque 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 indiques 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 animaciones para hacer más visual, sorprendente y original tu página web.
Cualquier publicista te dará miles y miles de ideas para crear tus propias animaciones. Cualquier diseñador gráfico las creará optimizándolas para tu página web.
Además, cualquier administrador web las optimizará para que sean fácilmente viralizables.
Pero también existen programas de pago y gratis para que hagas tú mismo dichas animaciones y las publiques en tu página 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 tienen que alcanzar a las imágenes que utilices en tu web.
En un mundo de fotografías libres de derechos que muchísima gente usa todos los días, ser original tiene premio.
Usar tus propias fotografías y maquétalas o bien edítalas, dándoles tu toque, tu personalidad, hará que sea más fácilmente identificable y te distingas de tu competencia.
Recuerda, si vas a incluir texto en tus imágenes, las otras tendencias que 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 bien pasarán inadvertidos, desde el móvil. Así que emplea fotografías pensando en el móvil, en cómo se verán en esta clase de dispositivos.
Pero también tienes que tomar en consideración que las imágenes ralentizan el tiempo de carga de la página web, por tanto, no debes utilizarlas sencillamente por ser una tendencia del diseño web 2019, sino pues 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 refulgentes, fosforitos, 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 atestar de ‘colorines’ tu nueva página web, esto contrastaría con todo lo que te he contado hasta ahora, sobre las últimas tendencias de diseño web 2019.
Pero sí te digo que el uso de colores brillantes, aun fluorescentes, para llamar la atención sobre un punto o aspecto específico de tu web es tendencia en alza para el dos mil diecinueve.
La limpieza y sencillez de la página web debe 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 empleo de este tipo 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 dos mil diecinueve, os quiero señalar 2 que están empezando a pegar fuerte.
Los botones en las webshasta ahora se hacían destacar de una forma o bien otra para que el visitante pinchara en ellos.
Una tendencia que está comenzando, y no sabemos si triunfará, es poner los botones trasparentes y que solo se destaquen cuando pases el ratón.
Esto parece 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 comprendo muy 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, pero no sé si llegará a triunfar y a imponerse como diseño web dos mil diecinueve.
La última tendencia que quiero enseñar 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 vertical. A la izquierda una foto y a la derecha texto; arriba un logotipo y debajo todo el texto…
Pues bien, ahora se está comenzando 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 archivo de imagen se divide con curvas para insertar texto o bien 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 terminando este artículo os quiero dejar también una pequeña lista con lo que ha dejado de ser tendencia durante dos mil dieciocho y no se verá demasiado en el diseño web dos mil diecinueve.
Back to top
2) 2 Tendencias de diseño web que ya NO permanecerán en 2019
Ya sea pues no llegaron a triunfar completamente, o pues se ha probado que no son tan eficientes como se pensaba en un principio.
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 tipo de diseño no ha llegado a un año de vida, más o menos, y los diseñadores web ya quieren deshacerse de él.
Se trata de las 3 rayitas que hay que pinchar para que se despliegue el menú completo. Ahorraban espacio y “limpiaban” el diseño de la web escondiendo información para el usuario hasta que este efectuaba la acción específica de pinchar el menú.
Ahora se quiere volver al menú “de toda la vida” una línea horizontal con los botones individuales que te llevan a las distintas páginas o bien apartados de la página web.
En ciertas webs se está viendo cómo esta clase 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 que las cierras o bien haces la acción que te pide dicho popup.
Hace parcialmente poco comenzamos a ver estas popups a pantalla completa, y en ciertos casos, con el aspa para cerrar la ventana realmente bien disimulada.
Este tipo de publicación altamente intrusiva no gustó nunca, mas debía ser muy 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 empleen este tipo de recursoinvasivo, así que todos 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 2019, 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 seguimos aprendiendo sobre esto tan apasionante que es el diseño web.
Back to top
