{"id":825,"date":"2018-07-30T15:22:34","date_gmt":"2018-07-30T20:22:34","guid":{"rendered":"https:\/\/www.marketerosagencia.com\/blog-test\/diseno-web\/que-es-el-diseno-responsivo"},"modified":"2025-06-05T07:27:53","modified_gmt":"2025-06-05T12:27:53","slug":"diseno-responsivo","status":"publish","type":"post","link":"http:\/\/www.marketerosagencia.com\/blog\/diseno-web\/diseno-responsivo\/","title":{"rendered":"\u00bfQu\u00e9 es el Dise\u00f1o Responsivo?"},"content":{"rendered":"

OFRECE UNA MEJOR EXPERIENCIA A TUS USUARIOS SIN IMPORTAR EL DISPOSITIVO DESDE EL CUAL VISITEN TU SITIO WEB<\/strong><\/h2>\n

En un principio, y en t\u00e9rminos generales, el dise\u00f1o responsivo es un pensamiento de dise\u00f1o y desarrollo que tiene en cuenta la enorme diversidad de dispositivos que utilizan los usuarios para visitar los sitios web. Dicho pensamiento propone que la internet est\u00e9 dispuesta para el consumo de todos (Web for All)<\/em>, y no \u00fanicamente para aquellos que ingresan mediante ordenadores de escritorio.<\/p>\n

\"\u00bfQu\u00e9<\/p>\n

Ethan Marcotte; dise\u00f1ador y autor estadounidense, fue el primero en hablar sobre la importancia del dise\u00f1o responsivo hace m\u00e1s de una d\u00e9cada, y aunque el tema fue bien recibido, no tom\u00f3 tanta relevancia como a lo largo de los \u00faltimos a\u00f1os, donde la implementaci\u00f3n de dispositivos como tablets, smatphones, televisores inteligentes y ordenadores port\u00e1tiles entre otros, han obligado a las marcas a estructurar sitios amigables que motiven al usuario a navegar y a realizar las acciones deseadas, independientemente al dispositivo mediante el cual ingresan.<\/p>\n

Adicionalmente, el dise\u00f1o web responsivo, adaptable, adaptativo o responsive<\/em> (originalmente en ingl\u00e9s), no solo trabaja alrededor del tama\u00f1o de la pantalla del dispositivo, sino tambi\u00e9n de sus caracter\u00edsticas en concreto, como lo es la potencia del CPU, la resoluci\u00f3n, el sistema operativo, la capacidad de la memoria, etc\u00e9tera.<\/p>\n\n

ENTRADA RELACIONADA:\u00a0\u00bfEs importante el dise\u00f1o web en una estrategia de marketing?<\/a><\/p><\/blockquote>\n\n

Diariamente Google registra alrededor de 3.500 millones de consultas, de las cuales m\u00e1s del 50% son llevadas a cabo desde dispositivos m\u00f3viles, lo cual corrobora cu\u00e1n importante es que una empresa cuente con un sitio optimizado. Ello se logra a trav\u00e9s de la estructuraci\u00f3n de dimensiones de ancho y m\u00e1rgenes en medidas proporcionales, en vez de establecer cantidades fijas en pixeles. Adicionalmente se requiere de la implementaci\u00f3n de hojas de estilo y media queries<\/em> para colocar las CSS adecuadas a la proporci\u00f3n de cada display<\/em> o pantalla.<\/p>\n\n

\"pagina<\/p>\n\n

Entre los casos m\u00e1s comunes donde nos encontramos con dise\u00f1os responsivos, podemos ver las Web Responsive<\/em> que, como lo hemos venido diciendo, se tratan de p\u00e1ginas web dise\u00f1adas para acomodarse correctamente a las dimensiones de los diferentes dispositivos. Tambi\u00e9n encontramos los Aplicativos o Apps<\/em>, las cuales se caracterizan por ser pr\u00e1cticas e intuitivas, brindando soluciones inmediatas al usuario por medio de excelentes experiencias de usuario. Aunque los aplicativos funcionan principalmente en dispositivos m\u00f3viles, es importante tener en cuenta que podemos acceder a ellas desde tabletas y tel\u00e9fonos inteligentes de varias caracter\u00edsticas. Finalmente, las Mobile Web<\/em>, cuyo dise\u00f1o est\u00e1 puntualmente pensado a los dispositivos m\u00f3viles. Sin embargo, las Mobile Web<\/em> (o web m\u00f3vil) obligan a las empresas a incurrir en gastos adicionales, pues deben estructurar sitios especializados para cada dispositivo por separado.<\/p>\n

Adem\u00e1s de la evidente utilidad en cuanto a la experiencia del usuario, el dise\u00f1o web responsivo ofrece otras ventajas, como por ejemplo:<\/p>\n