En esta infografía didáctica podéis valorar las ventajas del diseño web adaptable o adaptativo (en inglés, Responsive Web Design), es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio web para visualizarse en cualquier dispositivo, ya se trate de Ordenadores portátiles o de sobremesa con diferentes resoluciones de pantalla, tablets, smartphones, etc…

El diseño web adaptable.

Infografía sobre aspectos y ventajas del diseño web Adaptable.

Origen

La idea y el propósito del diseño web adaptativo fue previamente discutida y descrita por el consorcio W3C en julio de 2008 en su recomendación “Mobile Web Best Practices” bajo el subtítulo “One Web“. Dicha recomendación, aunque específica para dispositivos móviles, puntualiza que está hecha en el contexto de “One Web“, y que por lo tanto engloba no solo la experiencia de navegación en dispositivos móviles sino también en dispositivos de mayor resolución de pantalla como dispositivos de sobremesa. El concepto de “One Web” hace referencia a la idea de construir una Web para todos (Web for All) y accesible desde cualquier tipo de dispositivo (Web on Everything). Hoy en día, la variedad de dispositivos existente en el mercado ha provocado que la información disponible no sea accesible desde todos los dispositivos, o bien es accesible pero la experiencia de navegación es muy pobre.

Ventajas

Con una sola versión en HTML y CSS se cubren todas las resoluciones de pantalla, es decir, el sitio web creado estará optimizado para todo tipo de dispositivos: PCs, tabletas, teléfonos móviles, etc. Esto mejora la experiencia de usuario a diferencia de lo que ocurre, por ejemplo, con sitios web de ancho fijo cuando se acceden desde dispositivos móviles. De esta forma se reducen los costes de creación y mantenimiento, pues se evita tener que desarrollar aplicaciones para versiones móviles, por ejemplo, una aplicación específica para móviles Android, otra para IPhone, etc… Desde el punto de vista de la optimización de motores de búsqueda, sólo aparecería una URL en los resultados de búsqueda, con lo cual se ahorran redirecciones y los fallos que se derivan de éstas. También se evitarían errores al acceder al sitio web en concreto desde los llamados “social links“, es decir, desde enlaces que los usuarios comparten en medios sociales tales como Facebook, Twitter, LinkedIn, Google+, etc… y que pueden acabar en error dependiendo de qué enlace se copió (desde qué dispositivo se copió) y desde qué dispositivo se accede.

Recomendaciones

Con motivo de la cada vez mayor demanda de dispositivos móviles, la mayor utilización de estos por parte del usuario medio para visitar todo tipo de sitios web, y sobre todo las expectativas de los motores de búsqueda y los navegadores de que esto se suceda de forma agradable y natural, a día de hoy se hace no solo recomendable si no más bien imprescindible la creación o renovación de sitios web para hacerlos adaptables.

En IngenioVirtual creamos sitios web modernos y funcionales, y por supuesto también adaptables a los dispositivos móviles, siempre para facilitar la interacción de los usuarios o público objetivo de nuestros clientes desde cualquier parte, si necesitas un sitio web para exponer tus productos o servicios, o deseas renovar el que ya tienes no dudes en contactar, estaremos encantados de informarte.

Lee otras publicaciones relacionadas:

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies

Suscríbete al Boletín

Suscríbete a nuestro boletín para recibir información sobre publicaciones, materiales y ofertas que pudieran ser de tu interés.

Te has suscrito con éxito, aún debes confirmar la suscripción a través del mensaje que enviamos a tu correo.

Pin It on Pinterest

Share This