{"id":5375,"date":"2019-05-31T14:22:29","date_gmt":"2019-05-31T12:22:29","guid":{"rendered":"https:\/\/www.adaoncloud.com\/es\/?p=5375"},"modified":"2019-05-31T14:22:29","modified_gmt":"2019-05-31T12:22:29","slug":"que-es-mejor-para-mi-negocio-webs-mobile-responsive-o-webs-mobile-first","status":"publish","type":"post","link":"https:\/\/www.adaoncloud.com\/es\/que-es-mejor-para-mi-negocio-webs-mobile-responsive-o-webs-mobile-first\/","title":{"rendered":"\u00bfQu\u00e9 es mejor para mi negocio: webs mobile responsive o webs mobile first?"},"content":{"rendered":"

\t\t\t\t\u00bfMobile responsive o mobile first? Retrocedamos tres a\u00f1os atr\u00e1s.<\/p>\n

A finales de 2016, la navegaci\u00f3n en Internet vivi\u00f3 un momento clave: la cantidad de usuarios que se conectaban desde dispositivos m\u00f3viles super\u00f3 por primera vez en la historia a aquellas consultas realizadas desde un ordenador de escritorio.<\/p>\n

El tel\u00e9fono m\u00f3vil se impon\u00eda y por eso el dise\u00f1o de las p\u00e1ginas webs empez\u00f3 a demandar m\u00e1s protagonismo de las pantallas de los smartphones. \u00bfTu web es \u201cmobile responsive\u201d<\/strong>?, fue la pregunta que surgi\u00f3 en voz alta. Es decir: \u00bfes c\u00f3modo navegar por tu p\u00e1gina desde un tel\u00e9fono m\u00f3vil?<\/strong><\/p>\n

Google ya se hab\u00eda adelantado en 2015 penalizando a todas aquellas webs sin responsive: es decir, aquellas que ten\u00edan la letra demasiado peque\u00f1a o ilegible, que inclu\u00edan software poco com\u00fan en dispositivos m\u00f3viles (como Flash) o si los links estaban demasiado cerca y no permit\u00edan clicar con comodidad al usuario.<\/p>\n

Mobile first: el dise\u00f1o web empieza en el m\u00f3vil<\/strong><\/h2>\n

Pero lo mobile <\/em>ha dado la vuelta a tortilla. Antes los desarrolladores dise\u00f1aban en primer lugar una web de escritorio y luego la adaptaban para que pudiera verse correctamente desde una pantalla m\u00e1s reducida.<\/p>\n

Las webs mobile first van m\u00e1s all\u00e1: en una evoluci\u00f3n l\u00f3gica, se crean directamente pensando en el m\u00f3vil y luego se adapta para ser vista en un ordenador.<\/strong><\/p>\n

\u00bfC\u00f3mo debe ser una web mobile friendly?<\/strong><\/h2>\n

Las webs que est\u00e9n preparadas para los dispositivos m\u00f3viles deber\u00e1n fijarse en el tama\u00f1o de su contenido, en su velocidad de carga o en la experiencia de navegaci\u00f3n que ofrecen al usuario. Una web mobile friendly deber\u00e1 prestar atenci\u00f3n a:<\/p>\n

    \n
  • \n
      \n
    • El tama\u00f1o grande de la fuente:<\/strong> para que el usuario no tenga que hacer zoom al leer el contenido.<\/li>\n
    • Sin softwares extras<\/strong>: es recomendable evitar algunas tecnolog\u00edas que son poco comunes en los m\u00f3viles.<\/li>\n
    • Los formularios amigables:<\/strong> incluir formatos que pueda rellenarse de forma sencilla.<\/li>\n
    • Los blancos y los espacios entre p\u00e1rrafos<\/strong>: que dejen respirar a la web para que el usuario pueda navegar con comodidad.<\/li>\n
    • Los botones y los links:<\/strong> deber\u00e1n ser grandes y estar ubicados en lugares f\u00e1ciles de clicar.<\/li>\n
    • Pop ups peque\u00f1os:<\/strong> que no interfieran con la lectura (google ya ha empezado a penalizar a las webs que muestran ventanas emergentes inc\u00f3modas).<\/li>\n
    • Menos peso:<\/strong> los contenidos de la web deber\u00e1n tener un tama\u00f1o reducido para permitir que se cargue r\u00e1pidamente (un 53% de los usuarios abandona una web si tarda m\u00e1s de 3 segundos en cargarse).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n

      La creaci\u00f3n de webs dise\u00f1adas especialmente para m\u00f3viles gana fuerza por un argumento incontestable: casi el 40% de las compras se realizan en la actualidad a trav\u00e9s de los smartphones<\/strong>. El mobile first el dise\u00f1o del futuro.\u00a0 \u00bfPor qu\u00e9?<\/p>\n

      Ya se ha demostrado que cualquier proyecto on line debe tener en cuenta el dise\u00f1o web para m\u00f3viles y para tablets. Los expertos calculan que para el a\u00f1o 2021, el tr\u00e1fico global de datos m\u00f3viles se quintuplicar\u00e1: llegar\u00e1 a casi 49 exabytes<\/strong>. \u00bfQui\u00e9n no querr\u00e1 estar all\u00ed?<\/strong>\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"

      \u00bfMobile responsive o mobile first? Retrocedamos tres a\u00f1os atr\u00e1s. A finales de 2016, la navegaci\u00f3n en Internet vivi\u00f3 un momento clave: la cantidad de usuarios que se conectaban desde dispositivos m\u00f3viles super\u00f3 por primera vez en la historia a aquellas consultas realizadas desde un ordenador de escritorio. El tel\u00e9fono m\u00f3vil se impon\u00eda y por eso […]<\/p>\n","protected":false},"author":2,"featured_media":5376,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false},"categories":[229,230,1,250],"tags":[274,275,276,277,278],"_links":{"self":[{"href":"https:\/\/www.adaoncloud.com\/es\/wp-json\/wp\/v2\/posts\/5375"}],"collection":[{"href":"https:\/\/www.adaoncloud.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.adaoncloud.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.adaoncloud.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adaoncloud.com\/es\/wp-json\/wp\/v2\/comments?post=5375"}],"version-history":[{"count":0,"href":"https:\/\/www.adaoncloud.com\/es\/wp-json\/wp\/v2\/posts\/5375\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.adaoncloud.com\/es\/wp-json\/wp\/v2\/media\/5376"}],"wp:attachment":[{"href":"https:\/\/www.adaoncloud.com\/es\/wp-json\/wp\/v2\/media?parent=5375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.adaoncloud.com\/es\/wp-json\/wp\/v2\/categories?post=5375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.adaoncloud.com\/es\/wp-json\/wp\/v2\/tags?post=5375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}