Diseño Web Sensible o Responsive Web Design: algo nuevo para conocer
Qué es...?
Diseño web sensible (o adaptativo) es una aproximación al diseño web en dónde un diseñador intentará proporcionar una experiencia de visualización óptima (1) a través de una amplia gama de dispositivos: desde los monitores de computadores Desktop a teléfonos móviles.
En palabras más sencillas, el uso de Responsive Web Design (RWD) permite crear un sitio web que se adapte perfectamente al ancho del dispositivo en que se lo esté navegando, lo que permite tener un único diseño ya sea para un monitor de PC, un teléfono celular (smartphone) y una tableta (por ejemplo un iPad).
Algo interesante de esta nueva de Responsive Web Design o diseño web sensible es que además de cambiar el diseño cuando se cambia el ancho de la ventana del navegador, tambien se ajusta el tamaño de las imágenes utilizadas en el sitio web.
Beneficios de un diseño web sensible o Responsive Web Design
Reducción de costos de desarrollo y mantenimiento
Se reducen los costos ya que hasta hoy se debía hacer una Web para los dispositivos tradicionales y otro para dispositivos móviles como celulares o tablets, lo que da lugar a mayores costos de creación y mantenimiento de contenidos.
Eficiente actualización de contenidos
Un sitio web se actualiza una sola vez y eso se releja en todas las plataformas que se usen para visualizarlo. Si tuvieramos dos desarrollos distintos: uno para dispositivos tradicionales (PC o notebook) y otro para móviles, deberíamos realizar dos veces la tarea de actualización, aumentando la ocurrencia de errores y debiendo asignar más recursos u horas de trabajo.
Alto Impacto en los visitantes
Al tratarse de una tecnología relativamente nueva, ésta genera un impacto especial en quienes la ven funcionando, lo que sin dudas permitirá asociar a la empresa con innovación y creatividad.
Mejora la usabilidad y conversión
El diseño web sensible aporta mucho a la usabilidad y la conversión. Estudios demuestran que cuando se aprovecha toda la pantalla del navegador, la conversión (2) es mayor.
Un Ejemplo? : éste sitio web
Nuestro sitio web es un ejemplo de Responsive Web Design, intente visualizarlo en un Smartphone, un iPhone, o un iPad y se sorprenderá...
(1) Por visualización óptima entendemos: Fácil lectura y navegación con un mínimo de cambio de tamaño (resizing), panorámica (panning) y desplazamiento (scrolling). (2) La conversión de un sitio web es el proceso por el cual se consigue que las visitas que llegan, hagan lo que nosotros deseamos, por ejemplo: realizar una compra, solicitar un presupuesto, suscribirse o simplemente ir a un determinado lugar en unestro sitio web. El objetivo es obtener el mayor número posible de conversiones.