Navegación Inferior y Uso con Una Mano en Sky Tonight

Star Walk 2 es una de las aplicaciones de observación de estrellas más populares del mercado, querida por millones de usuarios. Cuando la creamos, nos esforzamos al máximo, pero ahora, casi diez años después de su lanzamiento, sabemos que podríamos hacerlo aún mejor. Sin embargo, en lugar de rediseñar la app que ya funciona muy bien para muchas personas, decidimos hacer una nueva donde liberaríamos todas nuestras ideas: Sky Tonight. Al desarrollar Sky Tonight, nuestro objetivo era crear una app de observación de estrellas extremadamente conveniente. Para lograr ese objetivo, la diseñamos para su uso con una sola mano e implementamos navegación inferior; en este artículo, explicaremos por qué estas características son tan importantes y cómo afectan realmente la experiencia del usuario.

Quiénes somos: Vito Technology es una empresa de desarrollo de aplicaciones móviles que ha estado creando productos digitales de alta calidad durante más de 20 años. Nuestros campos principales son la astronomía y la educación.

¿Qué significa el uso con una mano?

El uso con una mano es la posibilidad de controlar tu dispositivo con solo una mano. Este concepto ganó popularidad junto con la tendencia de pantallas más grandes alrededor de 2015. Cuando los teléfonos tenían pantallas pequeñas, todas las áreas eran fáciles de alcanzar; sin embargo, una vez que las pantallas se hicieron más grandes, su parte superior se volvió casi imposible de tocar sin esfuerzo si se sostenía el teléfono con una mano.

¿Por qué es importante el uso con una mano?

El uso con una mano es conveniente para la mayoría de los usuarios. Aquí están los números:

• El 49% de los usuarios sostiene y controla su teléfono con una mano;
• El 36% sostiene el teléfono con una mano y toca con el dedo o pulgar de la otra;
• El 15% sostiene el teléfono con dos manos tocando con ambos pulgares.

Aparte de los números, también hay casos de uso. Hay varias situaciones en las que los usuarios de Star Walk 2 necesitan al menos una mano libre. Uno de ellos es una cita nocturna: imagina acurrucarte bajo una manta cálida mientras miras las estrellas y buscas patrones estelares familiares en el cielo. Pero para acurrucarte con tu ser querido, necesitas al menos una mano libre: sostener el teléfono en lugar de abrazar seguramente arruinaría el momento.

Los casos de uso son individuales para diferentes aplicaciones. Recuerda que si los usuarios de la aplicación tienden a usarla mucho en escenarios distractores, entonces deberías enfocarte en desarrollar una app diseñada para el uso con una mano.

¿Qué es la navegación inferior?

La navegación inferior representa una barra de navegación estándar en una aplicación en la parte inferior de la pantalla. Estas barras de navegación suelen mostrar entre tres y cinco destinos, cada uno representado por un ícono y una etiqueta de texto opcional. Al tocar este ícono, el usuario será llevado al destino de navegación asociado con ese ícono.

¿Por qué es importante la navegación inferior?

Las barras de navegación inferior facilitan que los usuarios exploren una aplicación y cambien entre diferentes vistas con un solo toque.

Piensa en esto: el 75% de los usuarios tocan la pantalla solo con un pulgar. Debido a su anatomía, el pulgar tiene un área de alcance limitada. Dado que la mayoría de los usuarios sostienen el teléfono con una mano, los desarrolladores deberían colocar las herramientas que se usan con frecuencia en un área fácil de alcanzar. Según la investigación, esta área está en la parte inferior de la pantalla.

Tal investigación llevó al equipo de Spotify en 2016 a bajar el menú y colocar sus características principales (Inicio, Explorar, Buscar, Radio y Biblioteca) en la parte inferior. Esto resultó en un aumento del 9% en los clics totales y un 30% de aumento en los clics en los elementos del menú.

La navegación inferior no era algo importante a principios de la década de 2010, por lo que no implementamos este concepto en Star Walk 2. Los íconos principales de navegación allí están colocados en las cuatro esquinas de la pantalla principal. Esto es genial para mostrar tanto cielo como sea posible, porque la barra de navegación no cubre la parte inferior, pero alcanzar una de las esquinas superiores es casi imposible si sostienes tu dispositivo con una mano.

El otro problema que enfrentamos es que en Star Walk 2, los usuarios cubren la pantalla con sus dedos cuando intentan tocar los íconos superiores en la ventana principal. Queríamos liberar tanto espacio como fuera posible para el mapa del cielo en la pantalla principal, pero terminamos colocando los botones de navegación de tal manera que obligaban a los usuarios a cubrir este mapa del cielo.

¿Por qué son importantes estas características para Sky Tonight?

Esperamos que ahora entiendas por qué implementamos la navegación inferior y el uso con una mano en nuestra nueva app de observación de estrellas. Recapitulamos:

• Para mejorar la usabilidad de la app agrupando íconos para las acciones más utilizadas en una parte fácil de alcanzar de la pantalla;
• Para hacer la operación más rápida sin tener que cambiar constantemente la forma de sostener el teléfono;
• Para liberar una mano del usuario (para lo que necesite — sostener unos binoculares o abrazar a su ser querido);
• Para evitar que los usuarios cubran el mapa del cielo mientras usan la app.

Barra de navegación inferior de Sky Tonight y uso con una mano

Veamos qué elementos se refieren a la navegación inferior y al uso con una mano en Sky Tonight:

1. Cuatro botones en la pantalla principal: Buscar, Calendario Astronómico, Visible Esta Noche y Menú. Estos dan acceso al menú de la app y a tres ventanas principales. Los consideramos “principales” porque estas ventanas ayudan a los usuarios a responder las tres preguntas más frecuentes relacionadas con la observación de estrellas:

• ¿Qué es ese punto brillante en el cielo?
• ¿Qué eventos astronómicos puedo ver esta noche?
• ¿Cómo puedo encontrar el objeto que me interesa?

2. Panel de configuraciones rápidas donde colocamos los ajustes más utilizados, para que no tengas que ir al Menú para cambiarlos.

3. Botón redondo azul para las acciones principales.

4. Botones que permiten regresar a una ventana anterior. Cada uno de estos botones representa una ventana en particular, por lo que cuando, por ejemplo, pasas de la pantalla principal a la ventana de búsqueda y luego tocas un evento, habrá dos botones en la parte inferior. Uno de ellos representará la ventana de búsqueda (ícono de lupa) y la pantalla principal (ícono de casa). Así puedes elegir a qué ventana deseas regresar: la búsqueda o la pantalla principal de inmediato. Esto hace que la navegación a través de la app sea más fácil y rápida.

5. Una ventana minimizada en la pantalla principal. Por ejemplo, cuando tocas un ícono de objetivo desde la ventana de información, la app regresa a la pantalla principal y muestra la ventana de información minimizada en la parte inferior. De esta manera, no necesitas saltar de una ventana a otra para obtener información. Simplemente expande la ventana minimizada y ve lo que necesitas.

Conclusión: Diseñamos Sky Tonight para su uso con una mano con navegación inferior para hacerlo conveniente, fácil y rápido de usar. También nos ayudó a evitar los errores que cometimos en una de las apps de observación de estrellas más populares, Star Walk 2.