{"id":4759,"date":"2015-06-02T17:57:58","date_gmt":"2015-06-02T17:57:58","guid":{"rendered":"http:\/\/www.apprentalonline.es\/blog\/?p=4759"},"modified":"2016-01-11T17:45:12","modified_gmt":"2016-01-11T17:45:12","slug":"luces-y-sombras-en-el-responsive-design","status":"publish","type":"post","link":"https:\/\/www.k3bone.com\/blog\/2015\/06\/luces-y-sombras-en-el-responsive-design\/","title":{"rendered":"Luces y sombras en el Responsive Design"},"content":{"rendered":"

Si no vas a dedicarle tiempo, presupuesto y las revisiones adecuadas, soy de la opini\u00f3n que tal vez poner patas arriba le trastero con polvo acumulado que podr\u00eda ser tu web actual, y convertirlo en una web responsiva (responsive design) no tiene por que ser la soluci\u00f3n m\u00e1s adecuada<\/strong>. Hay que estudiar cada caso de manera personalizada, y antes de ponerse a ello y dejarse llevar por las \u00faltimas modas online y no querer ser el \u00faltimo de la fila en pasarse a las webs adaptativas, hay que mirar con que recursos se cuentan, y si al finalizar el proceso, vamos a dedicarle el tiempo adecuado para hacer un testeo de nuestra nueva y flamante web en diferentes soportes para asegurarnos su viabilidad.<\/p>\n

Por lo que si no tenemos tiempo o dinero para hacer el proceso de forma decente, repasemos estas alternativas \ud83d\ude09<\/p>\n

Alternativas al Dise\u00f1o Responsivo<\/h2>\n

1. No hacer nada. Es decir, dejar que la web se muestre en el m\u00f3vil tal y como se ha dise\u00f1ado para el escritorio<\/strong>. Esta es la opci\u00f3n m\u00e1s adecuada especialmente si no hay presupuesto.<\/p>\n

2. Desarrollar una versi\u00f3n alternativa para los m\u00f3viles<\/strong>. La t\u00edpica \u201cm.dominio.com\u201d. Si son dos webs para un mismo contenido, pero como la versi\u00f3n de \u201cescritorio\u201d ya est\u00e1 realizada, solo pagar\u00edamos por una adaptaci\u00f3n m\u00f3vil de esta. No es exactamente los mismo que el dise\u00f1o responsivo, pero nos ayudar\u00eda a estar presentes en el mundo m\u00f3vil con una web decente y adaptada<\/strong>. Para ello, podr\u00edamos utilizar una maquetaci\u00f3n distinta a los m\u00f3viles mediante una publicaci\u00f3n din\u00e1mica o Dynamic Serving.<\/p>\n

3. Desarrollar una app nativa<\/strong>. Esto solo lo recomendar\u00eda en el caso de que nuestro cliente estar\u00eda muy localizado, y podr\u00edamos informarle de la disponibilidad de la misma, y as\u00ed asegurarnos de que siempre tiene la mejor opcion para conectarse a nuestra web.
\nEn caso de que no tengamos a los clientes localizados, o sea dif\u00edcil (por el volumen de los mismos) de poder informar a todos y asegurarnos de que se la descargan, mejor no hacerlo, ya que nuestra app se podr\u00eda perder en el gran mar de los mercados de aplicaciones de Android o Apple.<\/p>\n

Be Responsive<\/h2>\n

Sin embargo, aunque no contemos con un gran presupuesto, y no corremos con las prisas de la inmediatez para dar servicio \u201cmovil\u201d a nuestra web, considero que\u00a0en la mayor\u00eda de las ocasiones la soluci\u00f3n Responsive es la m\u00e1s adecuada, y lo ser\u00e1 cada vez m\u00e1s en un futuro, por lo que bien merece ahorrar para ello, ya que :<\/p>\n

El Responsive permite que\u00a0todo el contenido y toda la funcionalidad\u00a0de la web est\u00e9n\u00a0disponibles para m\u00f3viles.<\/p>\n

Al mantener la misma URL es importante para el\u00a0SEO<\/strong>\u00a0(Google lo recomienda) y para la\u00a0usabilidad\u00a0(por ejemplo si comparto una URL con un amigo desde el m\u00f3vil). Y mantener una \u00fanica web es m\u00e1s barato que mantener varias<\/strong>.<\/p>\n

Nos es oro todo lo que reluce<\/h2>\n

Como en todas las panaceas, no hay remedio perfecto para todo, y en el caso del Dise\u00f1o Responsivo por supuesto que no todo son ventajas<\/strong>, tambi\u00e9n hay inconvenientes, como por ejemplo :<\/p>\n

1) El coste de desarrollo inicial es mayor<\/strong> al de una web normal ya que su dificultad t\u00e9cnica es\u00a0mayor.<\/p>\n

2) Las fotos cambian de tama\u00f1o, no de peso<\/strong>, por lo que el tiempo de carga de las im\u00e1genes es mayor debido a que usa las mismas\u00a0en web que en un ordenador por qu\u00e9 s\u00f3lo escala el tama\u00f1o y no usa unas espec\u00edficas.<\/p>\n

3) Al ser el mismo contenido para todas las versiones, puede ser demasiado pesado para la versi\u00f3n m\u00f3vil.<\/strong><\/p>\n

4) Al cargarse algo de HTML y CSS innecesario, hace que muchas veces el tiempo de carga aumente considerablemente<\/strong>.<\/p>\n

5) El desarrollo de la primera versi\u00f3n de Responsive Design tiene un coste extra de tiempo<\/strong> y dinero. Pero las futuras actualizaciones son m\u00e1s sencillas<\/p>\n

6) Hay que tener en cuenta que habr\u00e1 la misma disponibilidad de contenidos para las diferentes plataformas y sistemas operativos<\/strong>, pero por otra parte, puede que cada plataforma tenga un perfil diferente de cliente, y que estos no necesariamente quieran tener la misma experiencia en todos los dispositivos.<\/p>\n

Resumiendo<\/h2>\n

El\u00a0principal inconveniente\u00a0que le veo\u00a0al Responsive es que\u00a0puede llegar a ser muy pesado\u00a0y que eso perjudica a los m\u00f3viles. Las\u00a0dificultades\u00a0pueden estar relacionadas con las descargas lentas<\/strong> ya que el sitio debe cargar todas las im\u00e1genes para los distintos dispositivos. Aunque en un futuro esta variable cada vez ser\u00e1 menos relevante porque la conexiones y tarifas de datos van mejorando<\/strong> y tambi\u00e9n las t\u00e9cnicas que permiten disminuir el peso de los archivos que se descargan cuando se accede desde m\u00f3viles y\/o conexiones lentas.<\/p>\n

En resumen, es importante analizar si es necesario realizar un dise\u00f1o adaptativo. Si bien puede ser una gran tentaci\u00f3n, en algunos casos puede ser recomendable entregar versiones distintas para m\u00f3viles, tablets y equipos de escritorio<\/strong>. Esto tiene que ver con lo que mencion\u00e1bamos de la experiencia de usuario y tambi\u00e9n con el rendimiento, ya que en ocasiones puede ser m\u00e1s eficiente realizar una versi\u00f3n para distintos dispositivos, y aprovechar mejor cada una sus caracter\u00edsticas. Sobre todo si tenemos clientes con perfil muy diferente asociados al uso de un determinado dispositivo.<\/p>\n","protected":false},"excerpt":{"rendered":"

Si no vas a dedicarle tiempo, presupuesto y las revisiones adecuadas, soy de la opini\u00f3n que tal vez poner patas arriba le trastero con polvo acumulado que podr\u00eda ser tu web actual, y convertirlo en una web responsiva (responsive design) no tiene por que ser la soluci\u00f3n m\u00e1s adecuada. Hay que estudiar cada caso de […]<\/p>\n","protected":false},"author":5,"featured_media":4979,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[32],"tags":[61,67,268,270,37],"class_list":["post-4759","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-de-sitios-web","tag-personalizacion-wordpress","tag-plantillas","tag-responsive","tag-responsive-design","tag-wordpress"],"featured_image_src":{"landsacpe":["https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2015\/06\/ecommerce.png",861,445,false],"list":["https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2015\/06\/ecommerce.png",463,239,false],"medium":["https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2015\/06\/ecommerce-300x155.png",300,155,true],"full":["https:\/\/www.k3bone.com\/blog\/wp-content\/uploads\/2015\/06\/ecommerce.png",940,486,false]},"_links":{"self":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts\/4759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/comments?post=4759"}],"version-history":[{"count":0,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts\/4759\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/media\/4979"}],"wp:attachment":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/media?parent=4759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/categories?post=4759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/tags?post=4759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}