{"id":261,"date":"2014-11-28T11:49:03","date_gmt":"2014-11-28T11:52:52","guid":{"rendered":"https:\/\/c5686heatmap-responsive-adsense-theme.gif"},"modified":"2015-07-16T15:24:08","modified_gmt":"2015-07-16T21:24:08","slug":"diferencias-entre-el-diseno-web-responsive-o-web-adaptive","status":"publish","type":"post","link":"https:\/\/emanuelpaxtian.com\/blog\/diferencias-entre-el-diseno-web-responsive-o-web-adaptive\/","title":{"rendered":"Diferencias entre el Dise\u00f1o web Responsive o web Adaptive"},"content":{"rendered":"<p>Cuando se desea contratar el desarrollo de una nueva web o bien reformar la existente, es muy probable, que su agencia de marketing online o dise\u00f1ador web, le mencione conceptos como \u201cdise\u00f1o web responsive (o responsivo) \u201d o \u201cdise\u00f1o web adaptive (o adaptable) \u201d y es importante conocer dichos conceptos y sus diferencias para la toma de decisiones y escoger la mejor opci\u00f3n para su proyecto. En este explicaremos la diferencia entre los mismos.<\/p>\n<p>La creaci\u00f3n de estas nuevas tecnolog\u00edas para el \u00a0dise\u00f1o web es \u00a0debida fundamentalmente\u00a0 a la necesidad \u00a0de navegaci\u00f3n en internet \u00a0a trav\u00e9s de dispositivos m\u00f3viles y tabletas.<\/p>\n<p>El uso de internet a trav\u00e9s de dispositivos m\u00f3viles \u00a0es cada vez m\u00e1s frecuente yno para de aumentar, hay infinidad de tama\u00f1os de pantalla y formas en los m\u00f3viles y tabletas, desde tama\u00f1os muy peque\u00f1os\u00a0 a otros mayores pero \u00a0generalmente m\u00e1s peque\u00f1os que un PC de sobremesa. Es evidente que deseamos que la web\u00a0 funcione y se vea correctamente en cualquier dispositivo, para facilitar la navegaci\u00f3n e interacci\u00f3n \u00a0del usuario de forma de poder mostrar nuestro mensaje o producto eficazmente y \u00a0conseguir la conversi\u00f3n esperada. Si el usuario no\u00a0 encuentra a su web optima y amigable realizar\u00e1 el salto a otra que si lo cumpla y se siente c\u00f3modo.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/cdn2.hubspot.net\/hub\/19559\/file-2111254432-jpg\/images\/uso-internet-espa%C3%B1a.jpg?t=1417021678868\" alt=\"Uso de internet en Espa\u00f1a seg\u00fan dispositivos\" width=\"657\" border=\"0\" data-constrained=\"true\" \/><\/p>\n<p>La tecnolog\u00eda en dise\u00f1o web no para de evolucionar para solucionar este problema, para ello nuestro proyecto debe de estar desarrollado con un dise\u00f1o web responsive o bien web adaptive para que la web sea adecuada a cualquier dispositivo. Usted debe de\u00a0 escoger cual es el que mejor se adapta a sus necesidades por ello le indicamos una breve descripci\u00f3n de ellos junto con pros y contras.<\/p>\n<h2>\u00a0Dise\u00f1o web Responsive<\/h2>\n<p>Un sitio web desarrollado con tecnolog\u00eda Responsive cambia su aspecto autom\u00e1ticamente para adaptarse al dispositivo que el usuario est\u00e1 utilizando. Una de las principales diferencias entre Responsive y Adaptive es que en \u00a0el responsive , permite que las p\u00e1ginas de la web \u00a0se ajusten autom\u00e1ticamente \u00a0al sistema operativo y el dise\u00f1o de cualquier navegador, adapt\u00e1ndose al dispositivo ya sea un PC de sobremesa, un port\u00e1til, un m\u00f3vil o un tablet.<\/p>\n<p>En principio se mostrar\u00e1 el mismo contenido de la web sea cual sea el dispositivo, pero la distribuci\u00f3n del mismo variar\u00e1 en funci\u00f3n del tama\u00f1o de la ventana<\/p>\n<h3>Ventajas<\/h3>\n<ul>\n<li>Solo se utiliza una web \u00fanica, la misma url, es decir se muestra el mismo contenido con la misma url independientemente del dispositivo.\u00a0 Si se crea una web m\u00f3vil, solo para m\u00f3viles se requiere otras urls<\/li>\n<li>La p\u00e1gina web se ajusta autom\u00e1ticamente al tama\u00f1o de la pantalla<\/li>\n<li>Se utiliza una \u00fanica plantilla para todos los dispositivos, cualquier cambio que deseamos realizar en una p\u00e1gina solo se act\u00faa en esta p\u00e1gina con la misma url<\/li>\n<\/ul>\n<h3>Inconvenientes<\/h3>\n<ul>\n<li>La carga de p\u00e1gina es mas lenta que en el Adaptive<\/li>\n<li>Requiere mayor tecnolog\u00eda<\/li>\n<li>Se carga todo el contenido, es decir\u00a0 puede ser que interese diferenciar el contenido en la versi\u00f3n PC que en un m\u00f3vil. Actualmente tambi\u00e9n se puede realizar, pero depende de la tecnolog\u00eda usada.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Dise\u00f1o web\u00a0Adaptive<\/h2>\n<p>En el dise\u00f1o Adative\u00a0 se desarrollan y crean un conjunto de plantillas \u00a0de dise\u00f1o predefinidos basados en diferentes tama\u00f1os de pantalla de dispositivos es decir se muestra el dise\u00f1o \u201cadaptado\u201d al dispositivo. A diferencia del anterior que a trav\u00e9s del navegador, es el servidor quien detecta el dispositivo del usuario y carga la versi\u00f3n adecuada del sitio seg\u00fan el dispositivo al que est\u00e1 optimizado.<\/p>\n<h3>Ventajas<\/h3>\n<ul>\n<li>Solo se utiliza una web \u00fanica, la misma url, es decir se muestra el mismo contenido con la misma url independientemente del dispositivo, como el caso anterior<\/li>\n<li>La carga es m\u00e1s r\u00e1pida que el caso anterior, ya que solo se carga el contenido espec\u00edfico para dicho dispositivo<\/li>\n<li>Se puede diferenciar el contenido para cada dispositivo<\/li>\n<\/ul>\n<h3>Inconvenientes<\/h3>\n<ul>\n<li>Generalmente requiere mayor mantenimiento<\/li>\n<li>La web es diferente en cada dispositivo , un cambio implica hacerlo en cada plantilla de cada dispositivo<\/li>\n<\/ul>\n<h2>\u00bfCu\u00e1l escoger? \u00bfResposnve o Adaptive?<\/h2>\n<p>La decisi\u00f3n siempre depende de las necesidades\u00a0 y requerimientos de cada caso.<\/p>\n<p>Los sitios web con mucho contenido o que no requieren grandes diferencias en la presentaci\u00f3n de contenidos para m\u00f3viles y PC suelen\u00a0 ser adecuadas para un dise\u00f1o web Responsive.<\/p>\n<p>Tal vez aconsejar\u00edamos un dise\u00f1o web adaptive cuando se requiere un tratamiento diferencial para el usuario del m\u00f3vil respecto al PC\u00a0 y el rendimiento del sitio web es un factor crucial.<\/p>\n<p>Si necesitas un nuevo desarrollo para tu web, o bien un\u00a0redise\u00f1o web\u00a0para modificarla y modernizarla para adaptarla a cualquier dispositivos ases\u00f3rate correctamete y conoce y comprende \u00a0las necesidades de tus clientes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando se desea contratar el desarrollo de una nueva web o bien reformar la existente, es muy probable, que su agencia de marketing online o dise\u00f1ador web, le mencione conceptos&hellip;<\/p>\n","protected":false},"author":1,"featured_media":616,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-261","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"_links":{"self":[{"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/posts\/261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/comments?post=261"}],"version-history":[{"count":0,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/posts\/261\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/media\/616"}],"wp:attachment":[{"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/media?parent=261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/categories?post=261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/tags?post=261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}