{"id":4603,"date":"2020-05-06T16:20:39","date_gmt":"2020-05-06T16:20:39","guid":{"rendered":"https:\/\/www.conectasoftware.com\/?p=4603"},"modified":"2023-09-05T16:08:41","modified_gmt":"2023-09-05T16:08:41","slug":"adaptacion-dispositivos-moviles-los-disenos-responsive","status":"publish","type":"post","link":"https:\/\/www.conectasoftware.com\/magazine\/adaptacion-dispositivos-moviles-los-disenos-responsive\/","title":{"rendered":"Adaptaci\u00f3n a dispositivos m\u00f3viles \u2013 Los dise\u00f1os responsive"},"content":{"rendered":"

La adaptaci\u00f3n a dispositivos m\u00f3viles<\/strong> se ha vuelto m\u00e1s importante en estos \u00faltimos a\u00f1os. Cada vez hay m\u00e1s usuarios de smartphones<\/strong> en Espa\u00f1a que utilizan su dispositivo para hacer b\u00fasquedas<\/strong> en el navegador, efectuar compras<\/strong>, escribir rese\u00f1as<\/strong> y compartir<\/strong> contenido<\/strong> en sus redes sociales.<\/p>\n

Ventajas de la adaptaci\u00f3n a dispositivos m\u00f3viles<\/h2>\n

Una web adaptada a m\u00f3viles mejora la experiencia del usuario. Si la navegaci\u00f3n resulta inc\u00f3moda, afectar\u00e1 a la tasa de abandono<\/strong> y a las visitas recurrentes<\/strong>.
\nLa adaptaci\u00f3n a dispositivos m\u00f3viles es relevante para el ranking<\/strong>. Ante dos webs de valor similar, Google dar\u00e1 preferencia a la web mejor adaptada a m\u00f3viles, junto a otros factores.<\/p>\n

Dise\u00f1o web responsive o multidispositivo<\/h2>\n

El sitio m\u00f3vil debe configurarse bien para que pueda indexarse<\/strong> correctamente.
\nEs importante contar con un dise\u00f1o web corporativo multidispositivo<\/strong>. Detecta la combinaci\u00f3n del tipo de dispositivo hardware y el navegador que se utiliza. En este caso hablamos del smartphone user agent<\/em>, que es utilizado tambi\u00e9n por el Googlebot-Mobile<\/a>. Debe contestar correctamente, mostrando la versi\u00f3n adaptada de la web<\/strong> utilizando las redirecciones<\/strong> apropiadas. Aqu\u00ed se tienen en cuenta los diferentes tipos de smartphones, como iPhone, Android, Blackberry o Windows.
\nLas soluciones incluyen las redirecciones a URLs<\/strong> mobile-friendly<\/em>. Seg\u00fan el objetivo que se quiera alcanzar, como pueden ser promociones o marketing, subdominios<\/strong> espec\u00edficos para m\u00f3viles se tienen que tener en cuenta. Hay que tener en cuenta la problem\u00e1tica de contenido duplicado<\/strong> y los sitemaps<\/strong> diferenciados.<\/p>\n

Navegadores Smartphone<\/h2>\n

Aunque los navegadores m\u00f3viles<\/strong> son cada vez mejores, sigue habiendo diferencias con los navegadores de sobremesa. Por ello es importante, que la web m\u00f3vil sea ligera<\/strong>. Esto se hace notar en el tiempo de carga. Como usuarios, somos cada vez m\u00e1s impacientes si una web tarda en cargar. Adem\u00e1s, el plan de datos puede ser limitada y no se aprecia gastarlo en im\u00e1genes y otros elementos decorativos que consumen datos y bater\u00eda. El uso de Flash<\/strong> se desaconseja directamente.<\/p>\n

\"App\u00bfEs mejor una app nativa, hibrida o webapp?<\/h2>\n

\u00bfEs necesaria?
\n\u00bfBeneficiar\u00e1 el proyecto?<\/p>\n

Web adaptada y webapp en comercio electr\u00f3nico<\/h3>\n

Cuando se trata de impulsar el comercio electr\u00f3nico o conseguir participaci\u00f3n activa en un evento, deben surgir todas estas preguntas. Y la repuesta no es \u00fanica, sino que depende del caso y requiere un an\u00e1lisis detallado. Solo as\u00ed se puede ofrecer una soluci\u00f3n integral. Las compras hechas con un dispositivo m\u00f3vil suponen un 7% del comercio electr\u00f3nico total en 2016. La pregunta que si podemos responder con certeza, es que la web corporativa y la tienda online deben estar optimizadas para m\u00f3viles<\/a>. Una app de cualquier tipo no es alternativa para una web optimizada, pero puede complementarla.
\nCuando consultamos las m\u00e9tricas de visita de una web concreta, con herramientas como Google Analytics<\/a> o Ranksonic<\/a>, los n\u00fameros nos desvelan el dispositivo m\u00e1s usado. Comparamos los resultados de un mayorista de alimentaci\u00f3n, una tienda de mermeladas y de un evento puntual.
\n\"audiencia<\/a><\/p>\n

Coste<\/strong>. El desarrollo de una app nativa puede ser caro en comparaci\u00f3n con la webapp , pero el mantenimiento de una webapp tambi\u00e9n tiene su coste.
\nBarrera de entrada.<\/strong>\u00a0Aunque los smartphones vienen con cada vez m\u00e1s memoria, las Apps nativas ocupan varios Mbs. Hay que descargarla de la tienda correspondiente del dispositivo. Pedir\u00e1 acceso a la informaci\u00f3n personal, como ubicaci\u00f3n, contactos, grabador de voz o la galer\u00eda de fotos. En cambio, el navegador puede recordar las webs que visitamos y abrirlas con rapidez. Google Chrome guarda el historial enlazado con el usuario, independientemente del dispositivo que se haya usado anteriormente.
\nSEO<\/strong>. Webs que obligaban o hac\u00edan publicidad excesiva para descargar una app para usarlas, est\u00e1n penalizadas por Google<\/a> desde hace a\u00f1os. Argumento a favor de webs adaptadas a m\u00f3viles.
\nGamificaci\u00f3n<\/strong>. En el caso de los eventos en los que se busca la participaci\u00f3n activa de los usuarios, hay una tendencia creciente a incluir la gamificaci\u00f3n. Los usuarios participan en juegos y sorteos relacionados con el evento con el fin de ganar premios.
\n\u00bfEs m\u00e1s atractivo desarrollar una app en este caso o se puede resolver con una webapp como opci\u00f3n m\u00e1s econ\u00f3mica sin barrera de entrada? Las funciones como agenda personalizada, chat y juegos se pueden usar con tanta facilidad en el navegador del m\u00f3vil con una Webapp como con una App nativa.<\/p>\n

Diferencias entre Web App vs App Nativa<\/h2>\n