{"id":9147,"date":"2018-09-18T08:58:12","date_gmt":"2018-09-18T06:58:12","guid":{"rendered":"https:\/\/www.makingscience.com\/blog\/la-importancia-del-onboarding-en-el-diseno-de-aplicaciones-moviles\/"},"modified":"2018-09-18T08:58:12","modified_gmt":"2018-09-18T06:58:12","slug":"la-importancia-del-onboarding-en-el-diseno-de-aplicaciones-moviles","status":"publish","type":"post","link":"https:\/\/www.makingscience.com\/es\/blog\/la-importancia-del-onboarding-en-el-diseno-de-aplicaciones-moviles\/","title":{"rendered":"La importancia del Onboarding en el dise\u00f1o de aplicaciones m\u00f3viles"},"content":{"rendered":"
La importancia del Onboarding en el dise\u00f1o de aplicaciones m\u00f3viles<\/div>\n
Actualmente <\/span>hay 3,8 millones de apps disponibles en Google Play Store y otras 2 millones en Apple Store.<\/b> Sin duda, la creaci\u00f3n de aplicaciones m\u00f3viles es claramente un <\/span>mercado extremadamente competitivo<\/b>.<\/span> Adem\u00e1s de esta infinita oferta, otro reto a\u00fan m\u00e1s grande se presenta a la hora de dise\u00f1ar una nueva app. Un <\/span>usuario medio de smartphone utiliza alrededor de unas 9 aplicaciones al d\u00eda<\/b> y unas 30 al mes.<\/b> Lo que equivale a un tercio de las apps que tiene instaladas en su tel\u00e9fono.<\/span> Por lo que la mayor\u00eda de los usuarios acumulan aplicaciones que no usan en absoluto. De hecho, <\/span>alrededor del 25% no vuelve a abrir muchas de sus aplicaciones <\/b>despu\u00e9s de la primera vez.<\/span> Son varios los <\/span>motivos<\/b> por los que f\u00e1cilmente uno pierde inter\u00e9s en una aplicaci\u00f3n m\u00f3vil.<\/span> <\/p>\n
    \n
  • Que la app no capte el suficiente inter\u00e9s<\/b> tras su primer o segundo uso. <\/span><\/li>\n
  • Una mala experiencia de usuario<\/b>. (Con una navegaci\u00f3n poco intuitiva, fallos t\u00e9cnicos, errores, etc.<\/span><\/li>\n
  • La creaci\u00f3n de<\/span> expectativas que no se cumplen<\/b>.<\/span><\/li>\n
  • Que comience con un Onboarding demasiado largo<\/b> e instructivo.<\/li>\n<\/ul>\n

    Dise\u00f1ar una aplicaci\u00f3n con un alto \u00edndice de descargas no es suficiente. <\/span>El logro est\u00e1 en crear una app que tenga \u00e9xito y se use de forma regular.<\/b> El primer paso para hacerlo consiste en poner especial esfuerzo en el dise\u00f1o del <\/span>Onboarding<\/span><\/i> de dicha aplicaci\u00f3n.<\/span><\/div>\n

    <\/div>\n
    \u00bfQu\u00e9 es el Onboarding<\/em> de una aplicaci\u00f3n m\u00f3vil?<\/strong> El Onboarding<\/em> es el proceso clave para la incorporaci\u00f3n de un nuevo usuario a nuestra app<\/strong>. Podr\u00edamos encontrar varias similitudes entre un Onboarding<\/em> y una primera cita. Ambos pueden terminar a los 5 minutos si alguno transmite una mala impresi\u00f3n, aunque en el caso de las aplicaciones esto puede suceder a los 20 segundos. Los consumidores de apps hoy en d\u00eda son m\u00e1s impacientes y buscan engancharse desde el primer momento.<\/strong> Con un incesante crecimiento de la competencia entre aplicaciones, a la hora de crear una nueva app, ser\u00e1 crucial para un equipo de dise\u00f1o y desarrollo estar al d\u00eda de las demandas del usuario. Estas son alguna de las pr\u00e1cticas que un equipo debe llevar a cabo<\/strong> al concebir el Onboarding<\/em> de una aplicaci\u00f3n m\u00f3vil: <\/p>\n
      \n
    1. Salir de lo com\u00fan con animaciones en la introducci\u00f3n.\u00a0<\/b> El periodo de atenci\u00f3n del usuario al abrir una app por primera vez dura entre 5 y 8 segundos por lo que interesa comenzar con una introducci\u00f3n que vaya m\u00e1s all\u00e1 de lo normal. <\/span>Una buena ilustraci\u00f3n puede ayudar a conseguirlo y si encima est\u00e1 animada, se aumentan las posibilidades de enganchar al usuario mostrando de forma clara y visual para qu\u00e9 sirve la app y ofreciendo una idea general de su funcionamiento. Conviene incluir en la animaci\u00f3n texto explicativo para mejorar la comprensi\u00f3n del nuevo usuario.<\/span><\/b><\/li>\n
    2. Dar la posibilidad al usuario de que siga el proceso <\/b>learning by doing.<\/i>\u00a0 El usuario<\/span> aprende antes interactuando directamente con la app en lugar de viendo un v\u00eddeo\u00a0explicativo o un conjunto de instrucciones. Si se trata de una app algo compleja en la que no est\u00e1 claro qu\u00e9 hacer desde el primer momento es interesante incluir algunas instrucciones integradas en este proceso en el que usuario explora la aplicaci\u00f3n.<\/span><\/b><\/li>\n
    3. Hacer los tutoriales opcionales.\u00a0 Hay usuarios que desean saber m\u00e1s informaci\u00f3n sobre las funciones de la aplicaci\u00f3n, mientras que otros ya las saben o intuyen. Conviene mantener contentos a ambos tipos de usuario haciendo que los tutoriales del <\/span>Onboarding<\/span><\/i> sean opcionales. Por ejemplo, <\/span>incluyendo botones para \u201ciniciar\u201d u \u201comitir\u201d el tutorial.<\/b><\/li>\n
    4. No excederse con las <\/b>coaching marks<\/i><\/b>.\u00a0 A menudo se usan para que los usuarios sepan r\u00e1pidamente c\u00f3mo navegar a trav\u00e9s de la aplicaci\u00f3n, <\/span>las marcas de coach<\/i> pueden ayudar a saber c\u00f3mo moverse mejor dentro de una aplicaci\u00f3n. A\u00fan as\u00ed, su uso requiere un t\u00e9rmino medio para evitar una pantalla sobrecargada o confusa. Se debe evitar usar estas marcas para funciones que tienen sentido com\u00fan.<\/span><\/b><\/li>\n
    5. Dejar que los elementos respiren. Los espacios vac\u00edos son aliados.\u00a0Las apps se ven en pantallas peque\u00f1as. Por lo tanto, es l\u00f3gico pensar que demasiados elementos, ya sea una imagen o unas instrucciones de bienvenida, van a crear confusi\u00f3n. Es <\/span>importante usar de manera efectiva espacios vac\u00edos y distribuir las explicaciones en varias pantallas. Esto facilitar\u00e1 que los usuarios asimilen mejor las instrucciones.<\/span><\/b><\/li>\n
    6. Ofrecer una versi\u00f3n demo de la app si esta requiere suscripci\u00f3n.\u00a0 Los consumidores de apps hoy en d\u00eda est\u00e1n dispuestos a compartir informaci\u00f3n personal, pero solo si saben lo que obtendr\u00e1n a cambio. Cuando la app implica que el usuario cree una cuenta y comparta sus datos personales conviene ofrecerles una versi\u00f3n demo para darles una <\/span>opci\u00f3n de \u00abprueba\u00bb antes de pedirles que se comprometan con algo m\u00e1s.<\/b><\/li>\n
    7. Hacer de los tutoriales peque\u00f1os juegos.\u00a0 Si la aplicaci\u00f3n requiere de manera inevitable un tutorial hay que evitar que entorpezca el proceso de <\/span>Onboarding<\/span><\/i>. Una manera de hacerlo es convirti\u00e9ndolo en <\/span>un mini juego, con \u201crecompensas\u201d. Que el tutorial sea una \u201cb\u00fasqueda del tesoro\u201d, usando felicitaciones al acabar, motiva al usuario a seguir con el proceso si sentirse frustrado.<\/span><\/b><\/li>\n<\/ol>\n

      En resumen, las primeras impresiones importan. Sobre todo si se pretende que la aplicaci\u00f3n dise\u00f1ada no termine por ser una de tantas que se descargan para ser usadas una \u00fanica vez. En un <\/span>buen <\/b>Onboarding<\/i><\/b> no debe faltar la simplicidad y el protagonismo de la marca.<\/b> Estos son los pilares b\u00e1sicos para mantener al usuario conectado a nuestra app.<\/span><\/div>\n","protected":false},"excerpt":{"rendered":"

      La importancia del Onboarding en el dise\u00f1o de aplicaciones m\u00f3viles Actualmente hay 3,8 millones de apps disponibles en Google Play Store y otras 2 millones en Apple Store. Sin duda, la creaci\u00f3n de aplicaciones m\u00f3viles es claramente un mercado extremadamente competitivo. Adem\u00e1s de esta infinita oferta, otro reto a\u00fan m\u00e1s grande se presenta a la […]<\/p>\n","protected":false},"author":21,"featured_media":9148,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[27],"tags":[63,70],"class_list":["post-9147","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-advertising","tag-creativity-design","tag-ux-cro"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/posts\/9147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/comments?post=9147"}],"version-history":[{"count":0,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/posts\/9147\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/media\/9148"}],"wp:attachment":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/media?parent=9147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/categories?post=9147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/tags?post=9147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}