{"id":4755,"date":"2014-10-17T11:52:10","date_gmt":"2014-10-17T11:52:10","guid":{"rendered":"http:\/\/www.apprentalonline.es\/blog\/?p=4755"},"modified":"2014-10-17T11:52:10","modified_gmt":"2014-10-17T11:52:10","slug":"bonanzas-del-diseno-responsive","status":"publish","type":"post","link":"https:\/\/www.k3bone.com\/blog\/2014\/10\/bonanzas-del-diseno-responsive\/","title":{"rendered":"Bonanzas del dise\u00f1o responsive"},"content":{"rendered":"

\"dise\u00f1o<\/a>El dise\u00f1o responsive<\/strong> \u00f3 dise\u00f1o web adaptativo es una t\u00e9cnica de dise\u00f1o y desarrollo web que crea un sitio web que se adapta al tama\u00f1o de la pantalla del usuario<\/strong>.<\/p>\n

El uso del dise\u00f1o responsive<\/strong>, mejora la experiencia de navegaci\u00f3n del usuario<\/strong> al ofrecer la misma p\u00e1gina web adaptable y flexible, optimizada para el dispositivo que est\u00e1 utilizando<\/strong>, sea este smartphone, PC o tablet, y es la forma m\u00e1s sencilla para llegar a usuarios que utilizan m\u00faltiples dispositivos y asegurarles la misma experiencia satisfactoria en todos.<\/p>\n

Si te ven y eres el mismo, es que existes, que eres coherente y te preocupas de serlo<\/h2>\n

El aumento del uso de Internet durante todo el d\u00eda y la proliferaci\u00f3n de las tablets y los dispositivos m\u00f3viles han tra\u00eddo consigo m\u00faltiples tama\u00f1os, resoluciones y formatos.<\/p>\n

Anteriormente (y tristemente en muchos casos actuales de empresas espa\u00f1olas) en vez de tener una web flexible y adaptada a todos los formatos, los usuarios eran redirigidos a un sitio espec\u00edfico para su dispositivo (versi\u00f3n m\u00f3vil de la web), pero con el dise\u00f1o responsive, solo una versi\u00f3n web ser\u00e1 suficiente<\/strong> para satisfacer la demanda de la mayor\u00eda de soportes digitales.<\/p>\n

Los smartphones y las tabletas son los medios digitales de mayor penetraci\u00f3n en el mercado actual, la \u00e9poca del \u201csolo PC\u201d a pasado a mejor vida, y ahora el Internet nos acompa\u00f1a all\u00e1 donde vamos.
\nSi queremos ser encontrados en cualquier momento, el dise\u00f1o responsive una obligaci\u00f3n inevitable para nuestra web<\/strong>.<\/p>\n

Diferente formato, misma interacci\u00f3n<\/h2>\n

Si nuestro negocio es ecommerce<\/a>, el ratio de conversi\u00f3n de nuestros clientes es la clave en cada visita. Tener una web con dise\u00f1o responsive facilita que nuestro usuario habitual este acostumbrado a la navegaci\u00f3n de nuestra web y que era exactamente como y donde encontrar el apartado de su inter\u00e9s y reservarlo \/ comprarlo de la misma forma sea en un tablet o en un PC.<\/p>\n

Esta coherencia tiene un impacto positivo en los ratios de conversi\u00f3n<\/strong> ya que el usuario est\u00e1 ya familiarizado con la navegaci\u00f3n de la web en distintos dispositivos.<\/p>\n

Si que es verdad que el dise\u00f1o responsive hace peque\u00f1as modificaciones en la presentaci\u00f3n de la pagina dependiendo de la pantalla de nuestro dispositivo digital (no es lo mismo 10\u201d en horizontal que 4,7\u201d en vertical) pero eso siempre se ve subsanado con el scrolling, y no afecta de manera considerable la usabilidad habitual de la web.<\/p>\n

De todos modos, desde k3bone<\/strong>, siempre recomendamos un chequeo de la pagina web en diferentes formatos y soportes<\/strong> para asegurarnos de la que navegaci\u00f3n es optima y de que ninguno de los men\u00fas haya sido eliminado en la conversi\u00f3n de un formato a otro. Un buen sitio para realizar este chequeo es responsinator<\/a>.<\/p>\n

Con el aumento de las ventas de tabletas y m\u00f3viles, el dise\u00f1o responsive es la clave para mantenerte por delante de los competidore<\/strong>s y ganar cuota de mercado. O por lo menos, no quedar en el pozo profundo de las \u201cadaptaciones web a movil\u201d que poco a poco comenzar\u00e1n a hundirse en el olvido de los usuarios que exigen una inmediatez y flexibilidad de soporte.<\/p>\n

\"multidispositivo-web-starter\"<\/a><\/p>\n

Misma web, an\u00e1lisis \u00fanicos<\/h2>\n

Tener una \u00fanica web disponible para todo los formatos, significa que ya no se tiene que seguir la pista de la navegaci\u00f3n de os usuarios<\/strong>, las rutas de conversi\u00f3n, rebotes, embudos y redirecciones entre los distintos sitios web. Herramientas de anal\u00edtica web como Google Analytics est\u00e1n ahora optimizadas para gestionar m\u00faltiples dispositivos e informes de sitios webs con dise\u00f1o responsive.<\/p>\n

De todos modos, es interesante revisar circunstancialmente cual es el tipo de dispositivo desde el cual se consulta m\u00e1s nuestra web<\/strong>, de cara a hacer posibles modificaciones para mejorar la adaptabilidad al mismo, o realizar acciones publicitarias m\u00e1s adecuadas para ese dispositivo en cuesti\u00f3n.<\/p>\n

Misma web, \u00fanica estrategia SEO<\/h2>\n

Tener diferentes webs para cubrir el amplio espectro de dispositivos actuales tambi\u00e9n multiplica exponencialmente los esfuerzos de marketing y posicionamiento para impactar al mismo publico objetivo.<\/p>\n

Las campa\u00f1as SEO puedes ser muy costosas y requerir mucho tiempo, pero con un dise\u00f1o responsivo, todos los esfuerzos se centran en un \u00fanico sitio<\/strong>, con una estrategia com\u00fan para todos los dispositivos. Multiplicando los resultados y reduciendo considerablemente el presupuesto de marketing<\/strong>, aparte de ser beneficiado por las m\u00faltiples visitas desde los diferentes dispositivos a la misma web.<\/p>\n

La inclusi\u00f3n de contenidos de calidad es vital para Google y el content marketing<\/a> centrado generado regularmente mejora el posicionamiento de tu p\u00e1gina en los motores de b\u00fasqueda. Por otra parte, como hemos comentados en art\u00edculos anteriores, Google penaliza la duplicidad de contenidos, pero con el dise\u00f1o responsive de la web e evita la necesidad de duplicar el contenido para cada dispositivo<\/strong> y se tienen m\u00e1s posibilidades de mejorar la posici\u00f3n en los motores de b\u00fasqueda.<\/p>\n

Aparte de eso, la gesti\u00f3n de un \u00fanico sitio web simplifica las tareas de gesti\u00f3n de contenido y administraci\u00f3n. Adem\u00e1s una \u00fanica interfaz para la administraci\u00f3n puede ser f\u00e1cilmente optimizada para la gesti\u00f3n del contenido o de las plantillas que se usan en cada dispositivo.<\/p>\n

M\u00e1s barato que desarrollar la versi\u00f3n m\u00f3vil<\/h2>\n

Comparando con los m\u00e9todos de \u201cadaptabilidad\u201d usados hasta la actualidad, una de las ventajas de optar por una web \u00fanica con dise\u00f1o responsive, es que se necesita menos tiempo que si se crea un versi\u00f3n m\u00f3vil de la web.<\/p>\n

Una de las herramientas m\u00e1s actualizadas para crear sitios web responsive es Bootstrap. Sigue nuestros art\u00edculos sobre Boostrap aqu\u00ed<\/a>.<\/p>\n

Hay que tomar en cuenta, que aparte de tener que hacer un dise\u00f1o exclusivo de la web para un formato predeterminado (el m\u00f3vil), el tener que hacer pruebas en un mayor n\u00famero de sitios web incrementa los costes de desarrollo, soporte y mantenimiento. Aparte de que tomando en cuenta la cantidad de tama\u00f1os, formatos y resoluciones de los m\u00f3viles actuales, no garantiza que la adaptaci\u00f3n a dise\u00f1o m\u00f3vil sea la adecuada para todos.<\/p>\n

\"k3code-responsive\"<\/a><\/p>\n

\u00bfC\u00f3mo saber si tu sitio web ya tiene dise\u00f1o responsive?<\/h2>\n

Si tenemos nuestro ordenador o port\u00e1til a mano, podemos revisarlo de una forma muy sencilla, simplemente aumentando o disminuyendo el tama\u00f1o de la ventana de nuestro navegador.<\/p>\n

Si el sitio web tiene dise\u00f1o responsive, observaremos que el contenido se adapta seg\u00fan variamos el tama\u00f1o de la ventana del navegador.<\/strong><\/p>\n

Como el uso de Internet m\u00f3vil y apps est\u00e1 creciendo, deben tenerse en cuenta varias implicaciones: los costes de desarrollo y mantenimiento, la estrategia SEO unificada para mejorar las posiciones en los motores de b\u00fasqueda y la mejora de los ratios de conversi\u00f3n.<\/p>\n

Las claves del beneficio de un dise\u00f1o responsive est\u00e1n en todos esos factores combinados con un enfoque unificado para el dise\u00f1o, aparte del considerable ahorro de costes y la ausencia de duplicidad en las tareas de desarrollo<\/strong>.<\/p>\n

Informaci\u00f3n de inter\u00e9s:<\/strong><\/p>\n