Cómo diseñar la página de inicio de una aplicación móvil
Nota del editor: ¡Definitivamente vale la pena que los diseñadores recopilen la traducción de hoy! Proviene de Smashingmagazine, el sitio web de diseño líder. Es profesional, completo y bien organizado. Un artículo cubre casi todos los métodos de diseño de aplicaciones móviles. páginas de guía, y también analizando ejemplos negativos de aplicaciones conocidas, se puede decir que es la guía más práctica sobre cómo crear una página de guía. ¡Date prisa y aprende!
La traducción es muy cuidadosa. Y hay recordatorios para cualquier error en el texto original. Los estudiantes pueden seguir al traductor. La cuenta pública de WeChat "Abre el libro con traducción".
Hoy en día, se ha vuelto cada vez más popular que las aplicaciones móviles presenten una página de bienvenida a los usuarios nuevos. El propósito de esto es presentar y mostrar nuestra aplicación a los usuarios.
Las páginas de guía suelen ser el primer conjunto de interfaces con las que interactúan los usuarios. Al mismo tiempo, estas interfaces también afectarán las expectativas de los usuarios sobre la aplicación. Por lo tanto, es fundamental que los miembros del equipo involucrados en el desarrollo de productos (gerentes de productos, diseñadores y desarrolladores) se tomen el tiempo para evaluar si estas páginas de incorporación son necesarias y, de ser así, hacerlas lo mejor posible.
Este artículo le brindará algunos consejos para diseñar páginas de incorporación, algunos métodos de implementación comunes, diferentes métodos de diseño y recursos para ayudarlo a brindar la mejor experiencia a sus usuarios.
¿Necesitas una página de inicio?
En los últimos años, ha habido un sinfín de debates sobre la utilidad de las páginas de destino de aplicaciones móviles. Al mismo tiempo, existe otra objeción popular: si una aplicación necesita una página de destino, es un defecto en sí mismo, porque demuestra que la aplicación carece de los elementos básicos de simplicidad y facilidad de uso. Aunque parezca lógica, esta conclusión es demasiado general.
Es bueno que existan muchas reglas e historias de éxito en el diseño digital. Estas reglas evitan que los diseñadores e ingenieros tengan que reinventar la rueda cada vez que desarrollan un producto. Más importante aún, evitan que los usuarios se confundan al usar una aplicación nueva. En cambio, los usuarios pueden estar tranquilos sabiendo que las funciones de edición están representadas por íconos de lápiz y los íconos de "pulgar hacia arriba" representan "me gusta". Las reglas siempre son algo bueno.
Pero la verdad es que cada aplicación es única en lo que hace, cómo lo hace y quién la usa. Estas diferencias entre aplicaciones hacen que la página de destino sea una función confiable, pragmática y fácil de usar en determinadas circunstancias. Veamos algunos casos de uso.
Caso de uso 1: Interacción no convencional
Si la mayoría de los usuarios no encuentran fácilmente el comportamiento de interacción admitido por la aplicación a través de métodos convencionales, especialmente aplicaciones que se centran en la interacción con gestos, entonces el La página de introducción es esencial. Las aplicaciones basadas en gestos aún se encuentran en la etapa experimental y exploratoria, por lo que los desarrolladores deben guiar a los usuarios sobre cómo interactuar con estos gestos, presentando claramente cada gesto y su función correspondiente.
Por ejemplo, la aplicación de despertador Timely señala detalladamente a los usuarios que al hacer clic en áreas específicas de la pantalla aumentará o disminuirá el tiempo de la alarma en 5 minutos.
¡Guía súper completa! Cómo diseñar la página de inicio de una aplicación móvil
Timely guía a los usuarios en cada gesto y demuestra los resultados deseados.
Caso de uso 2: página vacía
Las aplicaciones que tienen una página vacía de forma predeterminada y requieren que el usuario siga uno o más pasos para completar el contenido también son buenas candidatas para la incorporación. páginas. Incluso si la página de la guía solo tiene un paso, puede asegurar a los usuarios que están haciendo lo correcto.
Feedly muestra cómo los usuarios pueden obtener el primer lote de contenido en la aplicación
Ejemplo de uso 3: Serie de productos
Si su aplicación está en una serie de productos Como parte de un producto (por ejemplo, si el producto tiene una versión web y de escritorio), la página de incorporación puede mejorar en gran medida la experiencia del usuario, especialmente si la aplicación móvil no tiene todas las características de las otras versiones. Esto es especialmente importante en aplicaciones empresariales complejas, donde las diferentes versiones tienen sus propios roles de usuario, derechos de acceso específicos y restricciones de seguridad.
En la mayoría de los casos, la versión web y la versión de escritorio admitirán todas las funciones (como crear, ver, editar y eliminar contenido), mientras que la aplicación móvil es relativamente limitada (por ejemplo, solo admite navegación). En este caso, una breve introducción a la funcionalidad de la aplicación móvil también ayudará a los usuarios existentes a comprender el papel que desempeña el móvil en toda la gama de productos.
Caso de uso 4: Información personal
Si su aplicación se basa en la información personal de los usuarios (como edad, peso, sexo, estado civil), entonces se puede recopilar a través de la integración. página ellos. A través de una guía paso a paso, los usuarios pueden entender claramente por qué la aplicación necesita esta información. Recuerda asegurarte de permitir a los usuarios cambiar esta información en cualquier momento (normalmente a través de la configuración de la aplicación).
Fitbit les dice a los usuarios por qué necesita recopilar información personal y los guía para proporcionarla.
Incluso si su aplicación no se aplica a ninguno de los casos anteriores, los usuarios aún pueden beneficiarse de la página de incorporación. Recuerde que cualquier usuario que interactúe con un producto necesita al menos saber qué obtiene de él. Y esta también es la información que puede presentar en la página de guía. Presentaré la página de guía de funciones en el futuro (Nota del traductor: es posible que el autor original lo haya escrito mal. Según el contexto, debería decir "con fines de lucro"). página de guía") detallada en.
Por supuesto, nuestra primera responsabilidad es diseñar productos que sean intuitivos y fáciles de usar. Sin embargo, no debemos abandonar las páginas de incorporación porque aportan valor a los usuarios y brindan una experiencia más agradable.
¿Qué método se debe utilizar?
En términos generales, existen tres métodos para diseñar páginas de guía:
-Orientado a los beneficios
-Orientado a las funciones
-Progresivo Fórmulas
Veámoslas una por una y analicemos sus especificaciones de diseño
Método 1: Orientación a los beneficios
Los beneficios son evidentes. De esta manera, puede informar a los usuarios los beneficios que la aplicación puede aportar y permitirles comprender las siguientes preguntas:
¿Qué puede hacer nuestra aplicación?
¿Cómo viven sus vidas los usuarios? ¿Cómo usarlo?
¿Qué valor puede aportar dicho uso a los usuarios?
¡Guía súper completa! Cómo diseñar la página de inicio de una aplicación móvil
NYT ahora muestra a los usuarios los beneficios que puede proporcionar a través de una descripción clara y concisa
Al aplicar este método, es necesario considerar los siguientes principios:
Tres beneficios de maximizar la visualización de aplicaciones
Este número no es una regla estricta. Con el fin de brindar a los usuarios una vista previa rápida, tres es un número seguro (excluyendo el. página de título). De esta forma, los usuarios pueden entender la aplicación sin aburrirse ni ralentizarse por demasiada información.
Di sólo una cosa en una página
Piensa qué tipo de información te impresionó más en los discursos que has escuchado. Una presentación de diapositivas con un solo mensaje claro y enfocado puede ser la más impactante y memorable. Lo mismo se aplica a las páginas de incorporación.
La regla "una cosa por página" ayuda a los usuarios a centrarse en el contenido y digerirlo por separado. Mostrar todo el contenido a la vez no sólo crea mucha interferencia visual, sino que también distrae la atención del usuario.
Prioridad, prioridad, prioridad
Resiste la tentación de mostrar las partes interesantes de tu aplicación. Vuelva a sus datos de usuario y recuerde los problemas que enfrentan sus usuarios y sus necesidades. Luego, encuentre formas de decirles a los usuarios a través de la incorporación cómo nuestra aplicación realmente responde a sus necesidades.
Utilice un vocabulario coherente
Evernote Food utiliza verbos escritos para captar rápidamente la atención y comunicar sus beneficios clave. Este método es bastante eficiente y conciso. Si no se te ocurren algunos verbos o adjetivos elegantes, una frase simple o dos palabras serán suficientes. Siempre que puedas asegurar su consistencia. Una redacción limpia y coherente, ya sea en efectos visuales o en lenguaje, puede ayudar a generar un efecto positivo en la experiencia del usuario del producto.