5 patrones UX para ayudar a sus usuarios a navegar

Quizás lo más importante a tener en cuenta al diseñar una aplicación móvil es asegurarse de que sea útil e intuitiva. Si la aplicación no es útil, no tiene valor adicional y nadie tiene ninguna razón para usarla. Si es útil pero implica una curva de aprendizaje empinada, las personas no se molestarán en aprender cómo usarla. Un buen diseño de interfaz de usuario aborda estos dos problemas de diseño, las mejores prácticas formalizadas para resolver problemas de diseño comunes se conocen como patrones de diseño. Comprender y reconocer los patrones de diseño más nuevos y actuales de hoy en día puede darle una gran ventaja en la industria del diseño de aplicaciones móviles, para que su próxima aplicación sea fresca y competitiva.

Esta publicación se centra en los patrones de diseño utilizados para navegar por una aplicación móvil. Independientemente del tipo de aplicación que esté diseñando, necesitará que los usuarios naveguen por las diferentes características de la aplicación de manera efectiva y eficiente; la forma en que los usuarios naveguen por su aplicación puede determinar si les gustará lo suficiente como para seguir usándola.

Ejemplos de cómo varias aplicaciones implementan tutoriales

1. Tutoriales y marcas de entrenador

La utilidad es clave para una aplicación exitosa. Sin embargo, a veces esto significa una aplicación bastante complicada con muchos tipos diferentes de herramientas y contenido. Una buena manera de abordar este problema es a través de un tutorial o tutorial inicial para demostrar cómo funciona cada función. Secret y Youtube destacan secciones importantes de la interfaz de usuario con marcas de entrenador que explican lo que hacen, mientras que Carousel y Duolingo muestran una presentación de diapositivas que muestra a los usuarios la experiencia típica del usuario. Este patrón de diseño también se puede utilizar para recopilar información adicional del usuario, lo que permite una experiencia de registro / registro inicial más fácil y una integración más intuitiva en la aplicación.
Si las diferentes características de su aplicación no son inmediatamente obvias para el usuario, los tutoriales y las marcas de coach son excelentes patrones de diseño para simplificar la experiencia del usuario y la complejidad de la aplicación.

2. Navegación basada en contenido

No importa qué tipo de contenido desee incluir en el diseño de su aplicación, siempre desea que la experiencia del usuario y el flujo de ese contenido sean lo más fluidos posible. La navegación basada en contenido es un patrón de diseño utilizado para incorporar transiciones sin interrupciones entre la descripción general y los estados detallados. Tinder proporciona un gran ejemplo de este patrón: puede alternar entre dos estados en un perfil de usuario: el estado de descripción general que es esencialmente una imagen que ocupa la mayor parte de la pantalla, y una vista detallada que hace que la imagen sea un poco más pequeña e incluye algunos información objetiva. Puede hacer la transición entre cualquiera de los estados simplemente haciendo clic en la pantalla en cualquiera de las vistas, así como deslizar las imágenes en el estado que elija.

3. Deslizadores

En Uber, puede ver que hay cuatro tipos de servicios de viaje, y en lugar de requerir cuatro pantallas separadas para entregar la información necesaria, Uber utiliza el patrón de diseño del control deslizante para permitir alternar fácilmente entre cada servicio de viaje. Esto genera una transición perfecta entre las opciones con solo deslizar un dedo, lo que hace que la visualización de estas funciones sea muy intuitiva para el usuario.

4. Popovers

A veces, las notificaciones o información adicional en el medio del uso de la aplicación pueden ayudar a los usuarios a interactuar mejor con la aplicación. En este caso, los usuarios pueden querer ver la información relevante sin perder su lugar actual en la interfaz de usuario. El patrón de diseño de popover puede resolver este problema de varias maneras:
 Las ventanas emergentes aparecen cuando el usuario realiza una determinada acción o llega a un lugar específico en la aplicación, mostrando la información / controles relevantes asociados con esa acción / lugar en particular en la interfaz de usuario.

El contenido original o el lugar en la aplicación aún se puede ver en segundo plano, pero la ventana emergente le da la opción de ajustar ciertas cosas o aprender sobre lo que viene a continuación. El popover llama la atención del usuario y proporciona notificaciones importantes donde sea necesario. Al mismo tiempo, sin embargo, los usuarios pueden descartar fácilmente el popover y volver a lo que estaban haciendo simplemente tocando o deslizando la pantalla

Se puede ver un ejemplo de popovers en la aplicación oficial TED, que tiene un control de reproducción de popover que se desvanece en el fondo, permitiendo a los usuarios interactuar con este control sin perder su lugar en el navegador de contenido. Secret y Swarm usan popovers para explicar qué sucederá luego si los usuarios continúan con una determinada acción.

5. Deslizadores, barras laterales y cajones

En comparación con las computadoras y los televisores, los teléfonos móviles tienen pantallas relativamente pequeñas, lo que significa que uno de los desafíos del diseño móvil es colocar mucha información en una pequeña interfaz de usuario. Para evitar el desorden de una gran cantidad de información en una sola pantalla a la vez, puede usar diapositivas, barras laterales y cajones para navegar entre diferentes partes de la aplicación. Estos patrones son secciones secundarias de la aplicación, como mapas, chat, perfiles de usuario, etc., escondidos en "menús de hamburguesas" plegables, botones de flecha que se deslizan hacia afuera o cajones laterales. De esta manera, los usuarios pueden interactuar con la información más importante en cada pantalla seleccionando la sección de enfoque de estos paneles ocultos.

¿Ha utilizado alguno de los patrones que hemos mencionado anteriormente y le han ayudado a aumentar su cuenta diaria de usuarios activos? Haznos saber.

Puedes seguirnos en Facebook / LinkedIn / Twitter

Publicado originalmente en monsoonfish.com.

Esta historia se publica en The Startup, la publicación de emprendimiento más grande de Medium, seguida por más de 277,994 personas.

Suscríbase para recibir nuestras principales historias aquí.