Ya vamos...

diseño web minimalista

Categoría: Diseño Web

Tendencias en Diseño web 2016 y 2017

Vamos a echar un vistazo a las tendencias en diseño web para 2016 y 2017. Las tendencias en el diseño web van y vienen, como tendencias en moda. Están influenciados por las tecnologías y la cultura, por el pasado y el presente, por los medios y UX, y por muchas otras industrias. A veces se convierten en una necesidad como el diseño web responsive o responsive (que se adapte a los dispositivos móviles), a veces simplemente reflejan el cambio de las grandes empresas del sector al igual que ocurrió con el diseño plano, que ha ido ganando popularidad desde que Microsoft introdujo Metro UI.

Tendencias diseño web 2016 y 2017

1. Diseño material, diseño plano, flat design

El diseño material es un lenguaje de diseño desarrollado por Google, que se introdujo en abril de 2014. Se integra profundidad y dimensión a través de sutiles sombras, degradados y bien pensado a través de transiciones.

uber
brand.uber.com

Todo lo que ayuda a crear un diseño que parece más realista para el usuario y más fácil de usar. Este lenguaje visual se caracteriza por “opciones de color deliberadas, imágenes de borde a borde, tipografía a gran escala, y espacios en blanco intencional”, según Google.

El 68% de los profesionales de la web piensa que el diseño plano está aquí para quedarse.

La popularidad de diseño material de Google está siendo adoptado por una gran cantidad de diseñadores y desarrolladores. De acuerdo con la investigación realizada por Usabilla, esta tendencia perdurará y no va a desaparecer a corto plazo. Usabilla es una herramienta de prueba de la utilidad basada en web que permite a los comerciantes, analistas, diseñadores y usabilidad expertos para recoger retroalimentación visual en su página web.

Tendencias en Diseño web 2016 y 2017. Tipografía dramática

Otra de las tendencias en diseño web 2016 y 2017 son las webs con tipografía (letra) llamativa que sobresale por encima de otros elementos. Últimamente la tipografía está siendo utilizada para algo más que la legibilidad y facilidad de lectura. Simple o elaborada, grande o pequeña, las palabras se utilizan para agregar un sentido del drama en el diseño de páginas web de hoy en día.

diseño web tipografico
adidas.co.uk

Pensar en el tamaño, el color, la textura o el arreglo. El uso dramático de la tipografía está adaptado para comunicar jerarquía o atraer la atención del usuario mediante la creación de un interés visual. A pasado de ser una tendencia a una técnica que se reinventa de vez en cuando. Lo que vemos ahora es una interacción actual de cómo la mayoría de los diseñadores están utilizando la tipografía. Y aunque mi predicción sobre estas tendencias en diseño web 2016 y 2017 es que ésta va a durar mucho tiempo, la tipografía dramática definitivamente se quedará con nosotros hasta el año 2017.

3. Los colores de acento brillantes como tendencia en diseño web 2016 y 2017

En 2016 vemos una gran cantidad de colores saturados y vibrantes, a veces casi de neón y fluorescentes, que se utilizan en el diseño web. Al igual que la tipografía en negrita, el color se utiliza estratégicamente para crear interés visual o la atención del usuario directo.

colores brillantes
makeitbright.diadora.com

Brillantes colores de acento, a diferencia de colores neutros apagados de fondo y los elementos circundantes, dan a los diseñadores web más control sobre lo que debe y lo que no debe ser visto.

4. Tendencias en Diseño web 2016 y 2017. Diseño modular o grid

Diseño basado modular o grid, también conocido como enfoque de diseño por “cards” / “tiles” (tarjetas /azulejos), es muy “friendly”. Es extremadamente flexible, muy visual e intuitivo y limpia en cualquier tamaño de pantalla.

diseño web en grid
curiousspace.com

Sin embargo, los módulos son populares para otras áreas de diseño, así, debido a que el uso de una rejilla distinta es una buena manera de organizar y gestionar el contenido y el espacio. Hoy en día los diseños en “grid” o rejilla están siendo muy utilizados por muchas aplicaciones web como Pinterst o Instagram. En 2016 diseños modulares están cambiando ligeramente de una rejilla Strick donde todo está perfectamente alineado, hacia un uso más único y flexible de diseño de azulejos o “tiles”. En 2017 esperamos ver aún más diseños modulares.

5. Las grandes imágenes de fondo o videos

Las grandes imágenes de fondo, así como videos crean un impacto en la percepción del usuario de la marca, pero deben usarse con moderación, ya que se puede volver muy destructivos en términos de carga de la web por la gran cantidad de pixels y el uso de recursos que implican.

Users pay close attention to photos and other images that contain relevant information but ignore fluffy pictures used to “jazz up” Web pages.
– Nielsen Norman Group

uso del video en diseño web, tendencias en diseño web 2016 y 2017

uncharted.sunbrella.com

Los sitios web son generalmente herramientas de narración de cuentos y la narración pueden ser mucho más eficaces cuando elementod visuales y de movimiento están involucrados por lo que las ideas y las emociones pueden ser transferidos a los usuarios más fácilmente. Veremos que esta tendencia es cada vez mayor gracias al aumento de la velocidad de conexión a Internet que permite cargar archivos más pesados más rápidamente.

6. Tendencias en Diseño web 2016 y 2017. Animaciones

Las animaciones son otro conjunto de herramientas en el diseño web se utilizan para mejorar la narración de página web, haciendo la experiencia más interactiva y más entretenida. Pueden ir desde el “loader” (ese pequeño gráfico que nos indica que se está cargando la página), hasta los efectos “hover” (lo que ocurre cuando paso el cursor por encima de una imagen antes del clic).  Las animaciones son una pieza clave en las tendencias en diseño web 2016 y 2017.

animaciones web, tendencias en diseño web 2016 y 2017
booneselections.com

Sin embargo, la animación no se puede colocar en cualquier sitio. Por desgracia, a menudo vemos animaciones que se usan para el efecto “cool” que al final perjudican la capacidad de uso del sitio web. Sin embargo, con las posibilidades de CSS3 y HTML5 están dando a los diseñadores de páginas web grandes resultados, esta tendencia ya se convirtió en un elemento común en 2016 y simplemente continuará expandiéndose en 2017.

7. El minimalismo

El objetivo de la interfaz web minimalista debe ser presentar el contenido y las características de una manera sencilla y directa. Las características comunes para la página web minimalista son la textura plana, paletas de colores limitados, el uso del espacio negativo, y la tipografía dramática.

En la mayoría de las interfaces minimalistas, el color se utiliza estratégicamente para crear interés visual o de atención directa, sin añadir ningún elemento de diseño adicionales o gráficos reales.

diseño web minimalista, tendencias en diseño web 2016 y 2017
pumperlgsund-bio.de

Esta tendencia de diseño web es una reacción a”clutter” diseño hinchado ‘maximalista’ de interfaz de usuario. Muchas de las tendencias en diseño web 2016 y 2017 mencionadas anteriormente (como el diseño material, por ejemplo) son influenciados directa o indirectamente por el minimalismo. En general, una estrategia de diseño minimalista puede ser una herramienta poderosa, pero sólo cuando está enmarcado por las necesidades de sus usuarios.

Mi opinión…

Como dije al principio, las tendencias van y vienen. No hay necesidad de seguir las tendencias sólo porque son “hot” en este momento. El diseño web basado en las tendencias sólo se saldrá de la fecha tan pronto como esas tendencias se desvanecen. Siempre piensa en la usabilidad y experiencia de usuario en primer lugar. Si un diseño modular sirve a la necesidad de su sitio web, a continuación, ir a por ello por todos los medios. Pero no crees una web de comercio electrónico en una sola página de scroll de desplazamiento sólo porque lo viste como tendencia y visualmente queda muy bien.

Necesitas ayuda con tu web? Cuéntame…

Basado en el artículo de dotdotcomma

Artículos relacionados: 7 Tendencias en Diseño web obsoletas

Facebooktwittergoogle_pluspinterestlinkedinmail
  • Monica Garcia Iniesta

    Muy interesante articulo Marily. Muchas gracias por la informacion!.

  • Roberto

    Si lo hubiera sabido unos días antes…
    Ahora ya tengo web, y veo que lo que me han hecho ha está obsoleto.
    Los contactaré en breve.

    • Marily

      vaya! siento oirlo. Hay muchos términos que intervienen en la creación de una buena web: lo primero es que pueda cumplir con su objetivo (venta, imagen de marca, captar suscriptores…) pero más allá de eso está el atractivo gráfico y para eso sí creo que hay que tener en cuenta las tendencias visuales. Al incluir en tu web términos desfasados podemos proyectar una imagen descuidada, eso es lo que tenemos que intentar evitar.

  • Ana Lopez

    Muchas gracias por el aporte! Buenisimo.

    • Marily

      Me alegro de que te haya servido Ana. Ya estoy preparando una nueva actualización de las tendencias para 2017, cambia el diseño tan rápido!!

  • Alonso G.

    Hola tengo un dilema si la pagina web que tengo que hacer se mas actual o mas funcional te dejo el reto de cual es la mejor opcion para una web de rubro hotel.

Deja tu Comentario...