{"id":50461,"date":"2019-10-30T08:05:34","date_gmt":"2019-10-30T07:05:34","guid":{"rendered":"http:\/\/www.nerdilandia.com\/?p=50461"},"modified":"2019-10-30T08:05:34","modified_gmt":"2019-10-30T07:05:34","slug":"si-no-piensas-primero-en-movil-entonces-no-estas-haciendo-las-cosas-bien","status":"publish","type":"post","link":"https:\/\/nerdilandia.com\/index.php\/2019\/10\/30\/si-no-piensas-primero-en-movil-entonces-no-estas-haciendo-las-cosas-bien\/","title":{"rendered":"Si no piensas primero en m\u00f3vil, entonces no est\u00e1s haciendo las cosas bien"},"content":{"rendered":"

Vayamos directo al grano: contar con un dise\u00f1o web responsive y una aplicaci\u00f3n no es la soluci\u00f3n para tus problemas m\u00f3viles. Este no es suficiente y es probable que no est\u00e9 del todo bien.<\/p>\n

Para ser verdaderamente amigables con dispositivos m\u00f3viles, es necesario que desde cero se piense en m\u00f3vil. Pensar en ello no significa pensar en qu\u00e9 elementos del dise\u00f1o web para ordenadores deben quitarse para que encaje en una pantalla m\u00f3vil, sino\u00a0 pensar en c\u00f3mo presentar tu marca y tus productos a trav\u00e9s de estas. Para que despu\u00e9s se determine el mejor dise\u00f1o web posible.<\/p>\n

Despu\u00e9s de todo, puedes pensar si tiene sentido tener la aplicaci\u00f3n –algunas veces pueda que no. Si decides tener una aplicaci\u00f3n, piensa en c\u00f3mo y cu\u00e1ndo aumentar las ventas de forma adecuada. Finalmente, piensa en c\u00f3mo expandir tu marca a ordenadores. Los ordenadores son el \u00faltimo paso.<\/p>\n

El desaf\u00edo para incluir informaci\u00f3n en web m\u00f3viles<\/strong><\/p>\n

La belleza y el desaf\u00edo que existe en los dise\u00f1os web m\u00f3viles<\/a> es que el espacio es muy peque\u00f1o. Esto es hermoso, porque menos es m\u00e1s, y porque es finalmente liberadora. Pero a la vez es desafiante, porque no comenzamos de menos a m\u00e1s. Todo comenz\u00f3 a partir de Windows, desde ordenadores y grandes pantallas que ofrec\u00edan programas inflados.<\/p>\n

\"diseno-web-movil-2\"<\/a><\/p>\n

Como cont\u00e1bamos con mucho m\u00e1s espacio en los ordenadores, nos pusimos a pensar en c\u00f3mo pod\u00edamos a\u00f1adir complejidad a los men\u00fas, as\u00ed como una tonelada de informaci\u00f3n, gr\u00e1ficos y texto. Bueno, el problema es que no hay espacio en los dispositivos m\u00f3viles para nada de eso.<\/p>\n

Si tomamos una p\u00e1gina web est\u00e1ndar para ordenadores y lo volvemos responsive, esta ser\u00eda inservible –a menos que modifiquemos el 90% de la p\u00e1gina. Aqu\u00ed es donde\u00a0 yace el secreto para construir una excelente experiencia m\u00f3vil. En lugar de descubrir qu\u00e9 elementos debes remover de tu p\u00e1gina web, elimina todo por completo, y vuelve a pensar en una completa experiencia de usuario desde cero.<\/p>\n

5 Consejos para hacer una incre\u00edble p\u00e1gina web m\u00f3vil<\/strong><\/p>\n

    \n
  1. Marca:<\/strong> Aunque la experiencia de usuario m\u00f3vil<\/a> es muy condensada, comienza por pensar en c\u00f3mo comunicar tu marca en dispositivos m\u00f3viles. Tu logotipo, los colores, tipograf\u00edas, cualquier elemento que sea, aseg\u00farate de que tu marca exude una experiencia m\u00f3vil, de manera que tus clientes la recuerden.\"diseno-web-movil-3\"<\/a><\/li>\n
  2. Desplazamiento (scroll):<\/strong> Haz que todo se desplace con facilidad. Organiza la informaci\u00f3n de manera que solo la m\u00e1s importante aparezca arriba, y no temas poner los elementos uno encima de otro. En dispositivos m\u00f3viles, las personas est\u00e1n acostumbradas a desplazarse cuando quieren m\u00e1s informaci\u00f3n.\u00a0<\/strong>Las im\u00e1genes son la aplicaci\u00f3n revolucionaria para m\u00f3viles. A las personas les encanta y aman hacer clic en ellas, por tanto aseg\u00farate de enlazar tus im\u00e1genes a d\u00f3nde quieres que vayan los usuarios. Emplean un men\u00fa est\u00e1ndar y col\u00f3calo en la parte superior izquierda, porque la mayor\u00eda de las personas son diestras, por lo que no har\u00e1n clic por accidente.\"diseno-web-movil-4\"<\/a><\/li>\n
  3. Texto, tipograf\u00eda, im\u00e1genes, y men\u00fa: <\/strong>Haz que lo textos sean breves y concisos. Los dispositivos m\u00f3viles te ofrecen la oportunidad de elaborar textos realmente simples y definidos. Emplea tipograf\u00eda de marca, y que el tama\u00f1o sea grande para que las personas la pueda leer. Emplea menos texto y m\u00e1s im\u00e1genes.<\/li>\n
  4. Llamada a la acci\u00f3n:<\/strong> Dirige a los usuarios hacia la acci\u00f3n que quieres que hagan. \u00bfDescargar una aplicaci\u00f3n? \u00bfRegistrarse a correos? \u00bfO quiz\u00e1s quieres que te escriban? Cualquiera que sea el objetivo, deja realmente en claro lo que quieres que hagan, y luego gu\u00edalos a hacerlo. Emplea botones grandes y frases atractivas que lleven al usuario al siguiente paso en el embudo de conversi\u00f3n.<\/li>\n
  5. Probar, medir y optimizar:<\/strong> Para probar r\u00e1pidamente c\u00f3mo se ver\u00e1 tu p\u00e1gina web en m\u00f3viles, comprime tu navegador en el ordenador. Luego pru\u00e9balo en el \u00faltimo iPhone y Android para asegurarte de que no tenga errores. Rastrea los clics usando MixPanel o tu programa de analytics favorito. Contin\u00faa con las pruebas hasta que la conversi\u00f3n sea saludable. La buena noticia es que desde que los dispositivos m\u00f3viles contienen menos que los ordenadores, la optimizaci\u00f3n es m\u00e1s f\u00e1cil.<\/li>\n<\/ol>\n

    Art\u00edculo cortes\u00eda de Staff Digital, agencia de marketing digital en Lima, Per\u00fa<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Vayamos directo al grano: contar con un dise\u00f1o web responsive y una aplicaci\u00f3n no es la soluci\u00f3n para tus problemas m\u00f3viles. Este no es suficiente y es probable que no est\u00e9 del todo bien. Para ser verdaderamente amigables con dispositivos … Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":50466,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64,44],"tags":[107],"class_list":["post-50461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-informacion","category-noticias-tecnologicas","tag-internet"],"_links":{"self":[{"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/posts\/50461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/comments?post=50461"}],"version-history":[{"count":0,"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/posts\/50461\/revisions"}],"wp:attachment":[{"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/media?parent=50461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/categories?post=50461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/tags?post=50461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}