28 Ene Tendencias en diseño web 2018 por 8 referentes

¿Quieres estar a la última con tu página web para mejorar el resultado de tus conversiones de visitas en clientes? Empieza el año y ya empezamos a ver las tendencias reales que van a marcar las tendencias en diseño y posicionamiento web para este 2018.

¿Quieres saber por qué es importante que tu página web se adapte a las tendencias de diseño web 2018? ¡Dale al play!

Tendencias en diseño web 2018 por 8 referentes:

Jose Antonio Carreño

«Personalmente, creo que 2018 no va a ser muy distinto en cuanto a las tendencias de diseño web que hay en la actualidad.

Respecto al punto de vista visual, intuyo que el conocido como flat design va a seguir imponiéndose al resto de tendencias, debido a que es el tipo de diseño que mejor se consigue adaptar a los diferentes tamaños de pantallas existentes en la actualidad.

Por si no sabes lo que es, el flat design o diseño plano es un tipo de diseño en el que prima el minimalismo y en el que se prescinde o se reduce considerablemente todo tipo de adornos innecesarios en la web con el objetivo de simplificar el mensaje, mejorar la funcionalidad y la consecución de objetivos de la web.

Aunque considero que hay una variante en este tipo de diseños que se va a instaurar en los próximos meses  y es que los colores (o paletas de colores) que se utilizarán tenderán a ser más llamativos que los típicos colores pastel que nos encontramos ahora en muchas webs.

Eso sí, para los fondos, seguirá predominando el blanco por encima de todos. 😉

Los sliders de imágenes cada vez tendrán menos cabida en los diseños. De hecho, desde hace bastante tiempo cada vez están más en desuso, pero todavía se ve alguno por ahí.

Ayuda también a su desaparición la tendencia a utilizar un tipo de imágenes enormes que ocupan todo el ancho y alto de pantalla denominadas hero. Tienes algunos ejemplos de este tipo de imágenes hero aquí.

Otra tendencia visual cada vez más en auge (que también ha reventado el mundo del marketing online durante 2017 y lleva un tiempo entre nosotros) es el uso cada vez más frecuente y constante del vídeo, tanto dentro de los contenidos de una web como para fondos.

Respecto a WordPress, CMS en el que estoy especializado, el uso de maquetadores web seguirá siendo imparable. Personalmente, recomiendo en este sentido la utilización de Elementor.

La experiencia de usuario se deberá seguir cuidando fuertemente por encima de todas las cosas.

Un papel muy importante en ello lo seguirá jugando, como desde hace ya unos cuantos años, el diseño web responsive, ya que la visualización de sitios webs es cada vez más pareja (o incluso mayor) entre este tipo de dispositivos y los ordenadores de sobremesa.

Además, esta experiencia de usuario también tendrá que ser muy cuidada en relación al SEO, ya que ambos seguirán ligados fuertemente.

La tendencia de nuestro amigo Google en los últimos tiempo es pensar más en lo primero que en lo segundo según dicen los más entendidos en esta materia. Cosa muy lógica por otra parte.

Personalmente, creo que se trata de no obsesionarse con ninguna de ellas y encontrar el máximo equilibrio posible entre optimización SEO (escribir textos y contenidos para los bots de Google) y experiencia de usuario (escribir para las personas). Como decía Aristóteles, en el punto medio está la virtud. ;)»

José Peña

En cuanto al diseño, yo creo que el 2018 va a ser un año de cambios.

El video, el diseño minimalista, cabeceras con imágenes grandes, amplios espacios entre secciones y colores vivos y degradados va a ser un poco la línea de trabajo.

Efectos hover y elementos en movimientos con animaciones y los tan famosos cinemagraphs(imágenes con algún elemento en movimiento) van a ser tendencia.

Todos estos efectos a nivel de diseño funcionan y son realmente atractivos pero ha de encontrarse un equilibrio.

Todos estos scripts ralentizan la web y hay que usarlos con mucho cuidado ya que la velocidad de carga  a nivel de seo es muy importante.

Google pone difícil un gran diseño  al limitar mucho estas funcionalidades como marca su herramienta Google page speed.

Además el que “obligue” a que usemos la versión AMP en el móvil hace que muchos diseñadores estén en contra de usar este medio.

Sí es cierto que ganamos en usabilidad con AMP, no sabemos a día de hoy que hará Google.

Otro factor importante que creo que se va a empezar a usar más y las plantillas van a empezar a implementar en la versión móvil, es la de utilizar el menú hamburguesa más abajo, al hacer scroll con el dedo el menú debe cambiar de sitio.

Pensando en el usuario, el diseño tiene que ser limpio y cuidado, el visitante tiene que tener todo a un clic, y hacer que lea lo menos posible, hay que pensar que en el móvil los textos se hacen muy largos.

Elementor page builder(para mi el mejor maquetador en la actualidad) incluye cajas de flip box que permiten crear cuadros de dos caras permitiendo incrustar textos haciendo la lectura más amena y ocupando menos espacio.

Google quiere que pensemos en el usuario cada vez más, es necesario que le sirvamos la información lo más directa posible, que sepamos guíarlo por toda la web de manera fácil es fundamental hoy día.

Si el diseño no le atrae nada mas entrar, abandonará pronto la web, si se pierde por el sitio no durará mucho, si no hay textos y llamadas a la acción es muy probable que perdamos esa venta o posible lector.

Max Camuñas

Si tuviera que elegir una tendencia para diseño web que vamos a ver mucho en 2018 (de las diferentes tendencias que triunfarán en los próximos meses), es la de crear diseños para cada dispositivo de forma independiente.

Esto quiere decir que cada vez vamos a ir más a crear un diseño específico para el móvil y otro para el escritorio. Es decir, pasar del actual modelo de diseño responsive a diseños concretos para cada dispositivo.

En mi caso, es algo que llevo haciendo un tiempo y me da muy buenos resultados. Todos sabemos qué pasa al adaptar una cabecera en ancho completo a la versión móvil, por ejemplo.

Harto de adaptaciones rebeldes, decidí empezar mis diseños por la versión de escritorio y, una vez está a mi gusto (o al del cliente), creo un diseño para el móvil siguiendo el mismo modelo: imágenes, colores, textos, etc.

Un ejemplo muy claro es mi propia web, la adaptación de los cuadros azules claros superpuestos quedaba espantosa en el móvil.

Así que decidí crear primero la versión de escritorio y, cuando todo estaba a mi gusto, hice la del móvil desde cero. Se me ocurrió esta ‘técnica’ propia paga salvar los posibles errores en el responsive.

Versión web (la original)

versión móvil (creada a partir de la original)

Aunque parezca un poco laborioso, lo cierto es que el resultado es muchísimo mejor que con un simple diseño responsive y al final tienes una versión propia para cada dispositivo.

Otro ejemplo es uno de mis últimos diseños para un cliente. En este caso, la plantilla no adaptaba correctamente la cabecera de la home en la versión móvil. De modo que recurrí a crear una página de inicio para la web y otra para el teléfono.

versión web

versión móvil

Especialmente es importante de cara al usuario, pues te aseguras un diseño exclusivo en ambos dispositivos y su experiencia de navegación está mucho más trabajada y afinada.

Espero que este truquillo os sea de mucha utilidad a la hora de diseñar vuestros sitios web

Ernesto G Bustamante

Javier Govea

Joan Boluda

Espero y deseo que sea un diseño y tendencia minimalista. En todos mis proyectos y los de mis clientes, cuanto más simplificamos la web, más vendemos y más convertimos. Diseño plano, limpio, claro, y con espacios generosos. Sin adornos, sliders, popups o cualquier exceso de información. Cada vez vemos menos barras laterales y se apuesta de nuevo por la única columna de contenido. Fuentes sans legibles, de cuerpo generoso, mínimo 14 o 16. Y eso sí, como siempre… una buena CTA.

Omar de la fuente

Creo que en 2018, casi por mandato del Dios Google, la tendencia del diseño web se verá muy condicionada por la importancia del responsive design. Ya es algo muy importante desde hace tiempo, pero este año lo será más debido al avance de la conexión a través de los teléfonos móviles y supongo que el diseño minimalista que piense en la optimización del tiempo de carga y visualización en estos dispositivos, será clave.

Luis Villanueva

Esta claro que Google en 2018 se va a poner serio con el tema del móvil y por ello expandirá «mobile first index». Por lo que el desafío para el próximo año será aunar definitivamente la parte móvil con la de escritorio, siendo las 2 partes lo más parecidas entre si posibles.

Si quieres estar a la última con tu página web no dejes pasar por alto las recomendaciones de estos 8 cracks del diseño y el posicionamiento web, te ayudarán sin ninguna duda a captar la atención de tus usuarios, retenerlos y … convertirlos en clientes! Sin pasar por alto las mejoras y adaptaciones seo que necesitas implementar para ser irresistible para el señor Google. ¿Qué recomendación resuena más en tu cabeza para empezar a implementarla ya?