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.

Revista Merca2.0
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La informaciĆ³n de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender quĆ© secciones de la web encuentras mĆ”s interesantes y Ćŗtiles.