{"id":846,"date":"2016-06-07T17:33:11","date_gmt":"2016-06-07T17:33:11","guid":{"rendered":"https:\/\/possibleapp.com\/blog\/?p=846"},"modified":"2016-06-07T17:33:11","modified_gmt":"2016-06-07T17:33:11","slug":"que-es-una-web-responsiva-y-por-que-deberia-importarte-que-tu-blog-tenga-un-diseno-amigable-para-los-moviles","status":"publish","type":"post","link":"https:\/\/possibleapp.com\/blog\/2016\/06\/que-es-una-web-responsiva-y-por-que-deberia-importarte-que-tu-blog-tenga-un-diseno-amigable-para-los-moviles\/","title":{"rendered":"\u00bfQU\u00c9 ES UNA WEB RESPONSIVA Y POR QU\u00c9 DEBER\u00cdA IMPORTARTE QUE TU BLOG TENGA UN DISE\u00d1O AMIGABLE PARA LOS M\u00d3VILES?"},"content":{"rendered":"<header class=\"entry-header\">\u00bfQU\u00c9 ES UNA WEB RESPONSIVA Y POR QU\u00c9 DEBER\u00cdA IMPORTARTE QUE TU BLOG TENGA UN DISE\u00d1O AMIGABLE PARA LOS M\u00d3VILES?<\/p>\n<hr class=\"linea-gris\" \/>\n<p class=\"entry-meta\">Coger el metro por la ma\u00f1ana es algo muy instructivo si llevas meses sin hacerlo. Es mi caso, trabajo desde casa y cuando salgo suelo moverme en coche o taxis, porque as\u00ed me ahorro tiempo.Resulta que hace unos pocos d\u00edas tuve que ir en metro a la hora punta y saqu\u00e9 unas cuantas conclusiones:<\/p>\n<\/header>\n<div class=\"entry-content\">\n<div class=\"pf-content\">\n<ul>\n<li>Si ya antes la gente se hablaba poco en el metro, ahora es mucho peor. Cada uno va con la mente absorbida en su dispositivo m\u00f3vil. Es incre\u00edble el n\u00famero de personas que saca un dispositivo electr\u00f3nico y empieza a teclearlos.<\/li>\n<li>Hay un gran variedad de dispositivos: smartphones, tabletas y lectores eBook\u2026 lo cual hace el tema de la compatibilidad de las webs con todos estos dispositivos tan distintos sea un tema muy peliagudo<\/li>\n<li>Que no haya cobertura no le impide a la gente seguir absorbida con su m\u00f3vil: quiz\u00e1s lean offline, jueguen o trabajen sin necesidad de comunicarse con el exterior; pero vamos, no levantan cabeza<\/li>\n<\/ul>\n<p>Frente a esta realidad, nada m\u00e1s volver a casa, hice un par de pruebas para sacar conclusiones sobre los accesos m\u00f3viles que ten\u00eda en mi blog y c\u00f3mo se comporta en dispositivos m\u00f3viles. Detr\u00e1s est\u00e1 un concepto nuevo que voy a tratar de explicarte:\u00a0\u00bf<strong>Qu\u00e9 es una web responsiva?<\/strong><\/p>\n<h2>Los accesos m\u00f3viles ya son una realidad en Espa\u00f1a<\/h2>\n<p>Los n\u00fameros de dispositivos inteligentes vendidos en Espa\u00f1a superan al promedio europeo (66%). Por esa misma raz\u00f3n es m\u00e1s que probable que las redes 4G empiecen antes en Espa\u00f1a que en el resto de Europa.<\/p>\n<p>A mi modo de ver, las tarifas me siguen pareciendo prohibitivas en Espa\u00f1a, pero la gente lleva tanto en su ADN este componente social de charlar y estar accesible, que van asumiendo este gasto en el presupuesto familiar como si estuvi\u00e9semos hablando de pan o de leche.<\/p>\n<p>OK, desde el lado de la demanda, creo que las cosas pintan bien en Espa\u00f1a.<\/p>\n<h2>Los accesos m\u00f3viles ya son una realidad en mi blog<\/h2>\n<p>La segunda reacci\u00f3n ha sido consultar en Google Analytics mis datos de visitas \u201con-the-move\u201d<\/p>\n<p>1 de cada 5 visitas procede de un dispositivo m\u00f3vil (Smartphone o tableta). No es una mayor\u00eda, pero s\u00ed un colectivo ya importante. Las tabletas solas suman 7% de mis visitas.<\/p>\n<p>Pero al indagar un poco m\u00e1s, me di cuenta de que las visitas m\u00f3viles eran de mucha mejor calidad que el promedio de la web. Hasta 5 puntos m\u00e1s que el promedio del blog. Las visitas m\u00f3viles son visitas de lectores fieles.<\/p>\n<p>Luego mir\u00e9 los objetivos (Alta a la newsletter)\u00a0 y vi que tanto smartphones como tabletas convierten menos que via PC\/web (Smartphone -0,17% &amp; tabletas -0,22%) y que ambos dispositivos suman un 16% de las altas a la newsletter (al 50 \u2013 50, m\u00e1s o menos), y que ambas convierten mejor que el tr\u00e1fico procedente de Google.<\/p>\n<p>Seguramente puedo mejorar estos n\u00fameros \u00bfno crees?<\/p>\n<h2>Mi aplicaci\u00f3n m\u00f3vil apenas se usa<\/h2>\n<p>Menos de 200 descargas y apenas 20 usuarios diarios.<\/p>\n<p>Es cierto que apenas la promociono (Descargala aqu\u00ed) y como ha sido rechazada varias veces en el Apple Market (porque no tengo un podcast conectado con iTunes), pues la verdad es que he pasado un poco del tema.<\/p>\n<p>Como usuario, la experiencia de navegaci\u00f3n es 1000 veces mejor desde la App que navegando desde un navegador con un dise\u00f1o responsivo.<\/p>\n<p>As\u00ed lo confirman todos los datos de uso en smartphones\/tabletas. La gente en movimiento pasa la gran mayor\u00eda de su tiempo en aplicaciones, m\u00e1s que navegando desde un navegador.<\/p>\n<p>Bien, es un tema que tendr\u00e9 que retomar pero la verdad es que el resto de mi estudio me dej\u00f3 algo preocupado.<\/p>\n<h2>\u00bfEs responsivo mi dise\u00f1o?<\/h2>\n<p>Primero definamos <strong>\u00bfQu\u00e9 es una web responsiva? <\/strong>Es una web cuyo dise\u00f1o se adapta a todos los tama\u00f1os de pantallas posibles de forma din\u00e1mica (PC, TV, Smart Phone, iPad), ofreciendo una experiencia de visita \u00f3ptima para todos los posibles\u00a0dispositivos de acceso.<\/p>\n<p>S\u00ed y no del todo. Te explico:\u00a0 la plantilla que uso, Canvas, es responsiva pero prefiero usar eltema m\u00f3vil de Jetpack ; aunque pierda en Branding, creo que gana en usabilidad al eliminar por completo la columna de la derecha.<\/p>\n<p>Al entrar en mi web desde mi Galaxy SII (\u00a1qu\u00e9 obsoleto soy!), detecto enseguida 2 problemas graves:<\/p>\n<ul>\n<li>Mi portada no es responsiva y adem\u00e1s, tarda una eternidad en cargarse desde el tren por ejemplo (y mucho con la wifi de casa)<\/li>\n<li>Mis formularios de alta a la newsletter, tan bonitos en la versi\u00f3n web, tampoco son responsivos, lo cual hace que mi tasa de conversi\u00f3n baje en un factor 10. Esto s\u00ed que requiere una acci\u00f3n inmediata: est\u00e1n condenados, los 2. No pasar\u00e1 m\u00e1s de una semana antes de que introduzca unos nuevos formularios de alta a la newsletter que se comporten mucho mejor en peque\u00f1as pantallas (responsivos)<\/li>\n<\/ul>\n<p>He aqu\u00ed la explicaci\u00f3n a las peores conversiones en dispositivos m\u00f3viles.<\/p>\n<p>Ok, apuntado en el pr\u00f3ximo batch de TO DO en el blog.<\/p>\n<h3>Tema m\u00f3vil de Jetpack: atento a las conversiones a tu newsletter<\/h3>\n<p>Por cierto, una precauci\u00f3n con el tema m\u00f3vil de Jetpack:\u00a0 funciona muy bien como te he explicado, pero tambi\u00e9n es cierto que elimina la columna de la derecha para mejorar la experiencia de navegaci\u00f3n.<\/p>\n<p>Me parece bien. Pero es en esta misma columna donde los bloggers suelen tener su formulario de alta a la newsletter, con los cual\u2026 \u00a1Bye Bye suscriptores!<\/p>\n<p>No te preocupes, hay una soluci\u00f3n sencilla: integra un formulario en el pie de tus art\u00edculos. De esta forma, al terminar de leer el post del d\u00eda, tus lectores \u201con the move\u201d tendr\u00e1n la posibilidad de darse de alta a tu newsletter.<\/p>\n<p>El plugin (de pago) que uso hasta ahora \u2013 Optin Skin \u2013 no ofrece un comportamiento id\u00f3neo para los dispositivos m\u00f3viles, con lo cual he trabajado con una nueva soluci\u00f3n 100% responsiva.<\/p>\n<p>Se llama Magic Action Box, tambi\u00e9n es de pago, y adem\u00e1s de ser responsivo, permite trabajar tanto con formulario de alta a la newsletter como en una caja de promoci\u00f3n para enviar tr\u00e1fico a la Landing Page de un servicio o un producto digital, o un producto de afiliado que promocionas.<\/p>\n<p>Ver\u00e1s Magic Action Box en acci\u00f3n, en vivo, en este mismo blog, a partir de la semana que viene.<\/p>\n<h3>\u00bfY el impacto sobre las ventas?<\/h3>\n<p>Dif\u00edcil de saberlo con certeza, pero sabiendo que mis clientes viven en grandes ciudades y que en estas capitales la penetraci\u00f3n de smartphones es a\u00fan m\u00e1s importante que la media espa\u00f1ola que te he presentado antes, pues ya he decidido que mi dise\u00f1o tiene que ser mucho m\u00e1s sencillo para poder cargar m\u00e1s r\u00e1pido en los dispositivos m\u00f3viles.<\/p>\n<p>Ya estoy aportando respuestas en mis \u00faltimos proyectos clientes (y personales) trabajando con un nuevo framework de temas para WordPress, Genesis de Studiopress que se toma estos aspectos mucho m\u00e1s en serio que WooThemes.<\/p>\n<p>Y para acabar, este verano dejar\u00e9 Hostgator para mudar a un servicio Premium de WordPress,WP Engine, con la idea de verificar si es cierto que cada segundo ganado en la velocidad de descarga tiene tanto impacto en las ventas online (hasta 7% adicional). Si es as\u00ed, el coste de migrar de servidor deber\u00eda ser m\u00ednimo, ya que trabajando con Manage WP, podr\u00e9 clonar mi web f\u00e1cilmente.<\/p>\n<p>Ya tengo fecha marcada para finalizar el redise\u00f1o: 31\/08\/2013.<\/p>\n<p><b>Al\u00e9grate, t\u00fa tendr\u00e1s mejores servicios y experiencia de lectura y podr\u00e1s disfrutar de m\u00e1s chicha ya que ir\u00e9 compartiendo contigo en este mismo blog los avances de estos cambios.<\/b><\/p>\n<p>Fuente: <a href=\"https:\/\/www.lifestylealcuadrado.com\/que-es-una-web-responsiva\/\" target=\"_blank\">LIFESTYLE AL CUADRADO<\/a><\/p>\n<\/div>\n<div class=\"pf-content\">\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQU\u00c9 ES UNA WEB RESPONSIVA Y POR QU\u00c9 DEBER\u00cdA IMPORTARTE QUE TU BLOG TENGA UN DISE\u00d1O AMIGABLE PARA LOS M\u00d3VILES? Coger el metro por la ma\u00f1ana es algo muy instructivo si llevas meses sin hacerlo. Es mi caso, trabajo desde casa y cuando salgo suelo moverme en coche o taxis, porque as\u00ed me ahorro tiempo.Resulta [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":847,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-846","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/posts\/846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/comments?post=846"}],"version-history":[{"count":1,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/posts\/846\/revisions"}],"predecessor-version":[{"id":848,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/posts\/846\/revisions\/848"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/media\/847"}],"wp:attachment":[{"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/media?parent=846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/categories?post=846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/tags?post=846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}