Las tendencias en diseño web cambian rápidamente, van y vienen. Si acaso hay una constante, es que siempre está evolucionando. El diseño es dinámico y debe ajustarse para adaptarse a la forma y función. Debido a esta naturaleza siempre cambiante, puede ser un desafío mantenerse al día con las últimas tendencias. Como creador de páginas web, es útil saber cuáles son las directrices actuales y estar al pendiente de las que llegarán. De esta forma te mantendrás por delante de la competencia y lo más importante: podrás satisfacer las necesidades de tus clientes. Ten en cuenta que “tendencia” no necesariamente significa “algo nuevo”.

Las tendencias vistas entre 2014 a 2015 (algunas de las cuales continúan vigentes) son:

  • Diseño minimalista
  • Diseño plano “flat”
  • Deslizadores de vídeo “video sliders”
  • Fondo con video
  • Animaciones CSS
  • Patrones verticales
  • Material design
  • Sitios en forma de “slide”
  • Largos “scrolls”
  • Imágenes “héroe”
  • Menús hamburguesa
  • Diseño responsivo
  • Lo móvil es primero
  • Ventanas emergentes “popups” o “modal”
  • Frameworks frontend

Ahora, en el 2016 vemos que:
Las tendencias en diseño web vistas en 2016, probablemente se podrían resumir en: Sitios optimizados para dispositivos móviles, mejores prácticas en UX (experiencia de usuario) y que los sitios cuentan con una interfaz de usuario UI limpia y amigable.

UX – La experiencia del usuario es el eje central en las tendencias de diseño más relevantes. La creación de contenido que es sensible, accesible y fácil de usar, mejorará la satisfacción del usuario. Las tendencias de diseño emergentes de este año han tenido como objetivo simplificar y perfeccionar la experiencia del usuario.

Mobile-UX

Diseño Web Responsivo
En realidad, más que una tendencia, se trata de la forma en que los sitios se seguirán construyendo de aquí en adelante. Desde que Google comunicó que los sitios que no estén optimizados para móviles serán penalizados en su posicionamiento web, esta práctica se hace imprescindible para cualquier sitio que desea estar en los primeros lugares de preferencia en Internet.

Los sitios web ya no se visualizan sólo en el monitor de una computadora. Existen teléfonos inteligentes, laptops y tabletas que tienen una serie de resoluciones y tamaños de pantalla diferentes. Ahora el diseño se debe ver bien en todos los dispositivos. Los sitios web responsivos de hoy, tienen la tarea de adaptarse a las diferentes dimensiones de cualquier dispositivo. Pero no sólo es el texto, también debe funcionar para imágenes y diseños ajustables en función del tamaño del navegador.

earth-hourEarth Hour France

Diseño estilo tarjeta
El diseño de un sitio web estilo tarjeta, se hizo popular gracias a Pinterest hace unos años y desde entonces se han convertido en una tendencia para las páginas web con contenido visual. Las tarjetas son una forma intuitiva, eficiente y atractiva para mostrar información de grupo en un recuadro. Se deja en claro qué información se relaciona con la tarjeta y las acciones que puede tomar.

pinterest

Tarjetas que consisten en una imagen, el título, texto principal y una “call to action” (como un botón de acción o enlace) y que en conjunto funcionan como base para la organización de grandes cantidades de contenido. Por otra parte, el diseño estilo tarjeta, enfatiza la organización y claridad visual, lo que es ideal para los diseños móviles y responsivos. Así, no sólo se trata de una tendencia, sino de un método práctico para organizar el diseño de un sitio web.

the-guardian

Continúa el Material Design
Aparte de la revolución que causó en su momento, la tendencia indica que la aprobación hacia el material design de Google, como base para la presentación de la interfaz de usuario y el desarrollo, sigue vigente. Esta tendencia refleja el viraje hacia los teléfonos inteligentes como el dispositivo primario para acceder a la web (mobile first). A pesar de que ya no es “nuevo”, el material design cada día se generaliza más y van apareciendo diferentes series de extensiones y kits.

Angular-site

El color y la tipografía más audaces
El uso del color como un reforzamiento de la marca, es una importante herramienta de marketing, así como es el uso eficaz de la tipografía para resaltar los valores y transmitir mensajes importantes. Ahora los diseñadores podrán utilizar estas herramientas con más libertad, pero manteniendo la buena comunicación del sitio web.

creative-spark

kashoo

Continúan las imágenes héroe pero ya no tanto como en el 2015
Una de las mejores maneras de captar la atención del usuario es con una imagen llamativa. Las imágenes héroe se crearon para ofrecer una imagen de alta definición para llamar la atención del usuario y un “call to action” que pueda aumentar las conversiones. Hay que utilizarse con cuidado, porque si el público target de tu sitio no cuenta con un buen ancho de banda, sufrirá cada vez que se cargue esa gran imagen.

the-renovator

Videos y animaciones de fondo
El utilizar videos y animaciones de fondo puede añadir una dimensión interesante a un sitio web, pero por otro lado puede distraer al usuario. Cuando se ejecuta bien, esta tendencia puede mejorar el contenido de una página y mostrar la creatividad. La clave es probar con diferentes velocidades hasta que los vídeos y contenidos se vean interesantes y sin problemas. Lo importante aquí, es identificar cuándo resulta molesto a los usuarios, aunque por otra parte, ha llegado el momento de usarlo sólo de vez en cuando.

the-build-film
The Build

Sitios con Scrolling largos
Este tipo de sitios sólo debe usarse para el “storytelling”, en donde mostrar una historia continua es imprescindible. No se recomienda para una navegación amigable en un sitio con mucho contenido.

mario-IGN
IGN presents Museum of Mario