4 razones por las que debemos pensar en diseño web responsivo

Por: Jack Ades
Twitter: @jades_09

En la columna que escribí la semana pasada sobre tendencias en diseño web para el 2012 uno de los puntos más destacados y sobre los que más comentarios recibí fue el de las interfaces de diseño web responsivo y por ello decidí profundizar en el tema.

Más columnas de Jack Ades:
7 tendencias en diseño web para el 2012
5 criterios que debes considerar al seleccionar un adserver
4 datos del Cyber Monday que debes saber

Responsive web design es el término que se utiliza para englobar una nueva forma de crear sitios en la que el ancho y el tamaño de las imágenes presentadas se ajusta al dispositivo desde el cual se intente visitar una página sin importar si son computadoras de escritorio, laptops, tablets o móviles.

Para los lectores más técnicos, esta forma de desarrollar sitios favorece el cambio de lay-outs de la página dependiendo de la resolución de la pantalla desde la cual accesa el visitante permitiendo ajustar un diseño de 4 columnas en uno de dos de forma automática gracias a la creación de diferentes hojas de estilo.

Este cambio sin lugar a dudas será el fin de los sitios móviles como los conocemos aunque lograr un sitio con estas características no es trabajo fácil, se requiere un importante trabajo de análisis de la funcionalidad del sitio antes de empezar, debemos considerar un diseño fluido para el fondo, imágenes y textos además de programar acorde a lo requerido. Algunas de las principales ventajas de hacerlo son:

Misma experiencia para el usuario

En la medida en la que nuestros móviles han evolucionado nuestras expectativas sobre la forma en la que un sitio debe mostrarse en nuestros dispositivos también lo han hecho. Esperamos poder vivir una experiencia de navegación similar y no la versión recortada.

Reducción de costos

Tener que crear y mantener una página para web y otra para móviles resulta costoso. Con el diseño responsivo se puede lograr una reducción significativa en ambos casos.

Actualizaciones eficientes

La página debe actualizarse solamente una vez y los cambios se ven reflejados en todos los dispositivos. Esto disminuye el margen de error y la cantidad de trabajo manual que debe realizarse.

Aumento en la conversión

Al aprovechar toda la pantalla del usuario de forma óptima, explotar los recursos de su dispositivo al máximo y mostrarle una misma cara sin importar como se origine su visita seguramente lograremos conseguir que lleve a cabo las acciones que queremos que realice en nuestro sitio.

Algunos buenos ejemplos

Foodsense

Sasquatch! Music Festival

Illy issimo