5 tendencias en diseño web para el 2013

Las tendencias en diseño web sólo son un reflejo de lo que los usuarios esperan y de sus necesidades, el diseño que no se adapte a eso ESTÁ DESTINADO A MORIR EN LLAMAS. PERECER EN EL CORAZÓN DEL MISMÍSIMO INFIERNO.

Por eso,  aquí están 5 tendencias que veremos durante este año en diseño web.

Mosaicos.

La mayoría de los sitios que usan este estilo son blogs gráficos, es una tendencia que se parece a los boards de Pinterest.

Sitio web de Instagram

Videos cortos.

Sirven para destacar elementos similares sin romper con la armonía visual de la página. No son videos largos pero tampoco son gifs. Generalmente se reproducen de manera automática, dando la impresión de que una revista por fin tiene movimiento.

Sitio web de Blacknegative.

Sitio web de Blacknegative

 

Sitio web de Ermenegildo Zegna.

Sitio web de Ermenegildo Zegna

Estilo Metro.

El estilo metro se caracteriza por ser bidimensional, sin bordes, usa mosaicos de colores vivos y elimina por completo gradientes y texturas. Esta estética es presentada por los nuevos productos de Microsoft que tienen un toque más digital que los diseños de interfaces presentados por Apple en los últimos años. Una ventaja de este diseño es que es más ligero, por lo tanto puede beneficiar las búsquedas hacia tu sitio.

Diesel, por ejemplo, mezcla colores vivos y fotos del lookbook de su nueva temporada.

Sitio web de Diesel

Sitio web de Windows

Punto intermedio entre digital y sensorial

Algunos sitios plantean un punto intermedio entre la estética skeumórfica y la de los elementos digitales intangibles.

La estética skeumórfica dificulta la relación entre el producto (sitio web) y la identidad visual de la empresa, porque básicamente se asemeja a elementos reconocibles que no son propiedad de la marca, como botones o texturas.

El balance entre lo tangible (sensorial) y el reconocimiento de la identidad (digital) beneficia a las empresas que crean los sitios web porque los hacen reconocibles.

Mashable

Perfiles en círculos o fotografías en círculos

Existe una tendencia creciente en ubicar los perfiles de usuarios en blogs o en el área de comentarios mediante círculos. Parece ser un buen uso del lenguaje visual para distinguir a una persona de cualquier otra imagen dentro de una página.

Por otra parte esos nuevos usos de formas pueden ayudar cuando los sitios comienzan a verse un poco cuadrados.

Weil

Estas tendencias no necesariamente aparecieron a inicios del año, muchas de ellas iniciaron entre el 2011 y el año anterior pero su adopción empieza a ser más común en estos días.

Muchas empresas tienen la necesidad de implementar nuevos sitios web y fácilmente se pueden dejar llevar por la estética de otras páginas sin revisar previamente su propia estrategia. Antes de tener una página web es muy importante considerar las necesidades de los usuarios y de la empresa, así como su estrategia de comunicación.

Cualquiera que sea la opción por la que uno decida para construir su sitio web, no hay que olvidar que éste debe obedecer a los atributos de la marca y tiene que ser un reflejo de lo que la marca quiere transmitir.

3 comments

  1. LuisZunigaF

    Buenos comentarios, Una pregunta, ¿cuál de estas tendencias es más compatible con dispositivos móviles y con equipos que no forzosamente tienen incorporado Java?

    • remarcaideas

      @LuisZunigaF
      Todas estas tendencias tendrán vida también en dispositivos móviles. Aunque debido a la velocidad de conexión y tecnología que utilicen, pueden tener sus pros y sus contras.
       
      El diseño minimalista y reducido a la importancia del contenido, beneficiará a los usuarios de dispositivos móviles que no tienen realmente el tiempo de estar revisando todo un sitio web completo.
       
      Introducir video en sitios móviles quizá entorpezca la experiencia, ya que la tecnología y/o la conexión pueden limitarla. Es por eso que el desarrollo de estos sitios generalmente cuenta con “fallbacks”, recursos que muestran un elemento seguro cuando no se cuenta con la tecnología necesaria para mostrar el elemento original adecuadamente.
       
      Probablemente estos diseños  no sean tan compatibles con dispositivos que no tienen habilitado javascript, pero el código debe ser mejorado en función de mostrar el contenido de la manera más coherente. La tecnología no debería limitar la experiencia que genere un sitio, pero en cualquier caso el diseño debe contemplar los posibles escenarios con que se va a enfrentar el producto.

  2. remarcaideas

    Todas estas tendencias tendrán vida también en dispositivos móviles. Aunque debido a la velocidad de conexión y tecnología que utilicen, pueden tener sus pros y sus contras.
     
    El diseño minimalista y reducido a la importancia del contenido, beneficiará a los usuarios de dispositivos móviles que no tienen realmente el tiempo de estar revisando todo un sitio web completo.
     
    Introducir video en sitios móviles quizá entorpezca la experiencia, ya que la tecnología y/o la conexión pueden limitarla. Es por eso que el desarrollo de estos sitios generalmente cuenta con “fallbacks”, recursos que muestran un elemento seguro cuando no se cuenta con la tecnología necesaria para mostrar el elemento original adecuadamente.
     
    Probablemente estos diseños  no sean tan compatibles con dispositivos que no tienen habilitado javascript, pero el código debe ser mejorado en función de mostrar el contenido de la manera más coherente. La tecnología no debería limitar la experiencia que genere un sitio, pero en cualquier caso el diseño debe contemplar los posibles escenarios con que se va a enfrentar el producto.

Post a comment

You may use the following HTML:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>