SuscrĆ­bete a Merca2.0. Haz clic aquĆ­

Alvaro Rattinger

Tendencias en el diseƱo de sitios web 2012

El sitio web ha pasado por muchas etapas desde su concepciĆ³n inicial, ha sido una tarjeta de presentaciĆ³n, un portal de informaciĆ³n o directorio de contactos, lo cierto es que hasta hace muy poco se ha reconocido su funciĆ³n como eje de los esfuerzos digitales.

El sitio web ha pasado por muchas etapas desde su concepciĆ³n inicial, ha sido una tarjeta de presentaciĆ³n, un portal de informaciĆ³n o directorio de contactos, lo cierto es que hasta hace muy poco se ha reconocido su funciĆ³n como eje de los esfuerzos digitales. En MĆ©xico la inversiĆ³n en sitios web parece hacerse rara vez y su actualizaciĆ³n se reduce a un rediseƱo cada vez que se hace indispensable.

La tecnologĆ­a con la que se construyen tambiĆ©n ha cambiado el HTML con tablas ha dado paso al flash que a su vez se ha desvanecido ante la fortaleza del HTML5 y los Cascading Style Sheets o CSS en su Ćŗltima encarnaciĆ³n la versiĆ³n 3. El uso de nueva tecnologĆ­as ha permitido romper moldes que parecĆ­an insalvables hasta hace tan sĆ³lo un par de aƱos, tipografĆ­as especiales, diseƱo fluidos e interfases mĆ”s complejas.

Las tendencias que parecen dominar el panorama actual puede resumirse en 5, estas son cada vez mĆ”s visibles en sitios web nacionales ya sea por la implementaciĆ³n de plantillas de diseƱo o la contrataciĆ³n de agencias especializadas en usability.

1. DiseƱos verticales fluidos

Para el usuario experimentado se ha vuelto natural hacer scroll verticales, principalmente ya que la mayorĆ­a de los mouse modernos cuenta con una forma para desplazar la ventana de manera vertical. Este fenĆ³meno ha permitido crear pĆ”ginas que fluyen en distintos planos, texto, imĆ”genes y menĆŗs se mueven a distinta velocidad creando una ilusiĆ³n Ć³ptica muy particular.

2. Image takeovers

El tamaƱo de monitor ha influido fuertemente en la estrategia de diseƱo en los Ćŗltimos aƱos, de manera normal se encuentra sitios acotados a 960 px de ancho, pero en la medida en que se hicieron comunes los monitores mĆ”s rectangulares se comenzĆ³ a aprovechar el espacio restante. En fechas recientes el uso de imĆ”genes a todo lo ancho de la pĆ”gina se ha vuelto comĆŗn y se ha mezclado con la habilidad de ajustar el tamaƱo de las fotografĆ­as a la pantalla de cada usuario.

3. Hyperrealismo grƔfico

Los usuarios se han acostumbrado cada vez mĆ”s a ver interfases realistas que tratan de emular las texturas e iluminaciĆ³n del mundo real. Al puro estilo hollywoodense las empresas de diseƱo han integrado fondos, texturas e iluminaciĆ³n relativas a cada proyecto inspirados en parte por los diseƱo del iPad y iPhone que han seguido esta tendencia desde sus inicios.

4.One design fits all, diseƱo adaptativo

Los clientes y cada vez mĆ”s han entendido el reto de la plataforma digital y el alto nivel de recursos y compromisos que se requieren para comunicar algo al consumidor. Las agencias de diseƱo grĆ”fico y web han recurrido a integrar departamentos de programaciĆ³n con el fin de crear experiencias que sean personalizadas a cada plataforma. Esto se traduce en un sĆ³lo diseƱo que se adapta de manera inmediata a la tecnologĆ­a con la que se acceda, ya sea un iPhone un Kindle Fire o una Laptop.

 

5.Print to web

El double page spread como se le conoce a las pĆ”ginas dobles de diseƱo en el mundo de las revistas ha influido de manera determinante en el formato de las pĆ”ginas web, este fenĆ³meno se ha agudizado en los Ćŗltimos meses en especial ya que las revistas han migrado sus formatos al iPad lo que ha resultados en capacitaciĆ³n cruzada entre Ć”reas de diseƱo y las de creaciĆ³n de contenido y programaciĆ³n. El uso de tipografĆ­as personalizadas y la colocaciĆ³n de objetos por fuera de los grids de diseƱo web tradicionales son uno de los sellos mĆ”s distintivos de un formato vanguardista.

 

ĀæQuĆ© otras tendencias han detectado ustedes?, me encantarĆ­a escucharlas en este mismo espacio de comentarios o por twitter @varu28, seguro nos vamos a divertir.

Sigue a Alvaro Rattinger en Redes Sociales



.

 

 

SuscrĆ­bete al contenido premium de Merca2.0

De Madrid a la Ciudad de MƩxico, la fuente mƔs confiable de estrategias de mercadotecnia a nivel global. Una mirada a las estrategias de las grandes marcas y las tendencias del consumidor.

MĆ”s de 150,000 mercadĆ³logos inscritos en nuestros boletĆ­n de noticias diarias.

Premium

Populares

ƚnete a mĆ”s de 150,000 lectores

Regƭstrate a nuestro newsletter en la siguiente forma y recibe a primera hora las noticias mƔs importantes de mercadotecnia, publicidad y medios en tu correo.

MƔs de Merca2.0

ArtĆ­culos relacionados

You don't have credit card details available. You will be redirected to update payment method page. Click OK to continue.