Diseño web receptivo ( ing. Diseño web receptivo ): diseño de página web que garantiza la visualización correcta del sitio en varios dispositivos conectados a Internet y se ajusta dinámicamente al tamaño especificado de la ventana del navegador .
El objetivo del diseño web receptivo es hacer que el contenido del sitio web se muestre universalmente en diferentes dispositivos. Para que el sitio web se pueda ver cómodamente desde dispositivos de formatos y con pantallas de varias resoluciones , utilizando tecnología de diseño web adaptativo , no es necesario crear versiones separadas del sitio web para ciertos tipos de dispositivos. Un sitio puede funcionar en un teléfono inteligente, tableta, computadora portátil y TV con acceso a Internet, es decir, en toda la gama de dispositivos [1] .
El concepto de diseño web receptivo ( responsive web design from responsive architecture ) fue introducido por primera vez por Ethan Marcott [2] en uno de sus artículos en mayo de 2010 [3] . Posteriormente, publicó un libro llamado “ Responsive Web Design ” dedicado a esta tecnología [4] .
jeffrey zeldmanpropuso extender el concepto de Ethan Marcott para cubrir cualquier enfoque que proporcione una experiencia visual clara independientemente de las características de la pantalla y otras limitaciones del dispositivo del usuario [5] .
Por otro lado, Aaron Gustafson publicó el libro Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement [ 6] , que considera la mejora progresiva como una parte importante del diseño receptivo .
Como resultado, los diseñadores web comenzaron a entender el diseño adaptativo ( English adaptive design , que no debe confundirse con el diseño adaptativo en inglés ) como un concepto más amplio que incluye el diseño receptivo (como una de las implementaciones de la adaptabilidad) y la mejora incremental [7] [8 ] .
Las principales razones del surgimiento y desarrollo de tecnologías de diseño web adaptativo son:
El diseño comienza con una versión adaptativa del sitio web para dispositivos móviles. En esta etapa, los diseñadores se esfuerzan por transmitir correctamente el significado y las ideas principales utilizando una pantalla pequeña y una sola columna. Se reduce el contenido si es necesario, eliminando bloques de información secundaria y dejando los más importantes [11] .
Como ilustración de la idoneidad de este enfoque, se puede citar a un antiguo desarrollador de aplicaciones móviles de Facebook :
Inicialmente, solo consideré la aplicación web móvil como un servicio de respaldo para facebook.com, pero a medida que fui conociendo la plataforma, rápidamente me convencí de que era posible crear una versión que sería mucho mejor que el sitio principal. ! (Joe Hewitt)
Texto original (inglés)[ mostrarocultar]Inicialmente, mi objetivo era solo hacer un compañero móvil para la nave nodriza de facebook.com, pero una vez que me sentí cómodo con la plataforma, me convencí de que era posible crear una versión de Facebook que fuera mejor que el sitio web. (Joe Hewitt)
—Joe Hewitt, iPadEste enfoque no es un requisito previo, pero tiene la ventaja de un tamaño de código más pequeño debido a menos consultas de medios y un mayor énfasis en el diseño en resoluciones bajas.
| Web y sitios web | |
|---|---|
| globalmente | |
| En la zona | |
| Tipos de sitios y servicios |
|
| Creación y mantenimiento | |
| Tipos de diseños, páginas, sitios. | |
| Técnico | |
| Marketing | |
| sociedad y Cultura | |