10 tendencias del diseño web actual

Por
Ana Patricia Roncal Alva
10 tendencias del diseño web actual

¿Te interesa el diseño web? Conoce algunas de las tendencias que veremos en el diseño de sitios web.

1. Fotografías grandes

Cuando hablamos de diseño y pantallas, ¡lo visual es lo que manda! Una imagen grande, a toda pantalla, es el mejor elemento que podemos utilizar para comunicar a detalle lo que la web nos ofrece.  Este año vamos a sustituir las palabras por imágenes como ya varios sitios lo están haciendo.

Ejemplos:

http://bellroy.com/live-life-outside

http://locomotive.ca

http://www.borngroup.com/

2. Experiencia multimedia

Y si las imágenes nos cautivan, ¿qué decir de los videos? Este recurso se está utilizando cada vez más: videos cortos que brindan una breve sinopsis de la web, algunos reproducidos en bucle desde la home. Gracias a HTML5 es posible elevar un sitio web a un diseño multimedia nunca antes pensado, con animaciones y una experiencia de usuario fantástica.

Ejemplos:

http://jviewz.com/

http://raisetheriver.org/

http://www.vacationequalityproject.com/

http://thecreativeclass.tv/

http://wistia.com/

3. Supremacía del scroll

Tenemos una clara tendencia del uso del scroll en la navegación de un sitio web, sobre todo en las páginas de inicio. Probablemente, una de sus principales razones es el incremento de navegabilidad desde dispositivos móviles. Cuando ingresamos a un sitio desde una tablet o un celular, dar clic sobre un botón y esperar que nos vincule hacia otra página puede resultar muy tedioso. Los usuarios esperan poder desplazarse en una sola página y encontrar toda la información que necesitan, sobre todo los usuarios provenientes del mundo móvil.  

Además, cabe mencionar que otra tendencia que viene con el scroll es la adición de la animación agregada al navegar por la web, como en el caso de Boldking, en el cual la animación va iniciando conforme vamos bajando en el scroll.

Ejemplos:

https://www.boldking.com/

http://www.quoplus.com/

4. Storytelling e interacción

¿A quién no le gusta escuchar, leer o ver una buena historia? Otra tendencia de los sitios web tiene que ver con la capacidad de estos para contarnos la historia de la marca, producto, servicio a los cuales pertenece el sitio. Y si existe la posibilidad de que el usuario pueda formar parte de la historia a través de la interacción, ¡mucho mejor!

Ejemplos:

http://www.spaceneedle.com

http://www.impossible-bureau.com/

5. Menús mobile desde el escritorio

Estamos acostumbrados al modelo estándar del menú en los sitios web, pues es uno de los elementos que menos cambios ha tenido y los usuarios ya están acostumbrados a ellos. Sin embargo, el incremento de la utilización de dispositivos móviles nos regala una nueva tendencia en el diseño de sitios para escritorio: la utilización del menú escondido que usamos para el diseño móvil, simplificando así la visualización.

Ejemplos:

http://brianhoffdesign.com/

http://locomotive.ca/en/

http://www.v76.com/

http://24ways.org/

6. Tipografías grandes

La tipografía es una de las piezas claves de un buen diseño. Si bien queremos más imágenes que palabras, las pocas palabras que digamos deben ser de fácil lectura, atractivas, con una visualización rápida en la primera página.

Ejemplos:

http://madebytinygiant.com/

7. Flat Design

¡El diseño flat continúa vigente! Lleva puesta la corona en el diseño ya desde hace un par de años y mantendrá su puesto, por fortuna, ya que este tipo de diseño y minimalista propicia una comunicación muy efectiva. Esta tendencia se encontrará especialmente en íconos, menús e ilustraciones.

Ejemplos:

http://colinanddewi.com/

http://www.makershape.com/

http://www.canaltp.fr/

8. Responsive Web Design

Con la tendencia de Responsive Web Design en su auge se espera que los sitios hechos solo para móviles vayan desapareciendo y, finalmente, casi todos los sitios se adapten a filosofía Responsive.

9. Botones fantasmas

Es cada vez más común encontrar en una página de inicio con ghost buttons o botones transparentes. Estos botones funcionan muy bien, sobre todo en las páginas que utilizan fotografías o videos de fondo.

Ejemplos:

https://www.hartisland.net/

http://www.etecc.com/

10. Rapidez y rendimiento

Una tendencia marcada, que probablemente ha dado origen a las demás, es la búsqueda de una mayor rapidez y rendimiento de los sitios webs. ¿Por qué? Sencillo, una mejor experiencia de usuario permite generar mayor conversión. Por tanto, diseñadores y desarrolladores seguirán investigando nuevos modos de crear sitios web atractivos cuidando siempre los elementos que utilicen, fijándose en el peso y velocidad. 

Recuerda que si deseas empezar a crear tu primer sitio web, puedes ingresar a nuestros cursos de HTML5 y CSS, CSS3, Responsive Web Design y JavaScript accediendo por devcode.la/cursos

Ana Patricia Roncal Alva

Ana Patricia Roncal Alva

@