El término “diseño web receptivo” se refiere a sitios web que cambian y adaptan su apariencia para una visualización óptima en todos los tamaños de pantalla, tabletas, teléfonos inteligentes, ipods, kindles junto con pantallas de computadoras de escritorio y portátiles. Ocasionalmente, en la industria de las artes digitales, se llama “diseño fluido”, “diseño adaptativo de sitios web” o “RWD”. Los sitios web que no responden no cambian para adaptarse a diferentes tamaños de pantalla, lo que significa que pueden ser difíciles de navegar y mirar en dispositivos más pequeños.

Las ventas de computadoras de escritorio ya han sido superadas por las ventas de dispositivos móviles, y la mayoría de las fuentes de educación en medios digitales predicen que el uso de la web móvil superará el uso de computadoras de escritorio en 2014. Por lo tanto, parece lógico que la búsqueda de dispositivos de escritorio también se supere pronto. El sesenta por ciento de los usuarios web dicen que estarían más inclinados a comprar en sitios web optimizados para dispositivos móviles. Por lo tanto, las empresas que dependen del SEO tendrían mucho sentido para comenzar a avanzar hacia sitios optimizados para dispositivos móviles y diseños de sitios receptivos específicamente. Especialmente porque las nuevas actualizaciones del algoritmo de Google ahora fruncen el ceño en sitios separados solo para móviles. Como aquellos con a.mobi en la url. Cada vez más, los nuevos sitios web se crean utilizando métodos de diseño receptivo para erradicar el requisito de sitios web móviles independientes. Además, esta decisión mejora dramáticamente la experiencia del usuario. Esto conduce a una mayor interacción y ventas con los clientes, ya que los posibles clientes no se ven alienados por el texto pequeño y la navegación difícil.

Para que los diseños receptivos funcionen, se utiliza una consulta de medios para determinar el tamaño de pantalla desde el que se accede al sitio. El script puede detectar todos los dispositivos, ya sean tabletas, computadoras portátiles o teléfonos inteligentes. Luego, utiliza CSS para mostrar el sitio web en un formato adecuado. Las imágenes pueden redimensionarse en consecuencia para que quepan en pantallas más pequeñas. El texto se hace más grande y los menús pueden cambiar a una variedad de formatos desplegables diferentes, a diferencia de la pantalla horizontal en su mayoría estándar.

Los beneficios de usar este tipo de diseño, en comparación con la configuración de una versión móvil de su sitio web que es completamente independiente de su sitio original, son obvios. Cada vez que actualice su sitio web, se actualizará para cada dispositivo y se mostrará correctamente en cada pantalla. Solo tiene que actualizar en una ubicación, donde un sitio móvil separado requeriría una ubicación separada que también requiera actualización. A menudo, se accede a sus sitios web desde una tableta. Si tiene dos sitios separados, una versión móvil y una de escritorio, nadie adivinará qué versión de la tableta del sitio verán los usuarios. Con un diseño receptivo, puede controlar (principalmente) lo que verá cada tamaño de pantalla.

Varias compañías ofrecen diseño fluido y diseño móvil para sitios web. Sin embargo, los métodos RWD están mejorando constantemente, por lo que parece tener un pequeño punto en tener un sitio web móvil independiente. El único momento en que podría querer un sitio separado sería si prefiere publicitar de manera diferente a los usuarios de computadoras portátiles o de escritorio, en comparación con la forma en que publicitaría
a usuarios móviles. Por ejemplo, una compañía de comida rápida podría desear dirigirse a personas en movimiento con una oferta especial instantánea, pero mostrar sus próximas promociones y menú a los usuarios de computadoras portátiles. Sin embargo, en muchos casos, un sitio web atenderá a todos los usuarios de manera idéntica, por lo tanto, un diseño receptivo es la opción preferida.

En el futuro cercano, todos los sitios web deben tener diseños receptivos, ya que los usuarios lo esperarán. Por lo tanto, en un par de años, las empresas que crean sitios web que no responden tendrán que pagar por un nuevo sitio para compensar a sus usuarios la falta en su sitio web. En consecuencia, antes de comenzar cualquier nuevo proyecto de diseño de sitios web, sería aconsejable obtener más información sobre el costo y las ventajas de los diseños adaptativos.