¿Cuándo debe usar una barra superior frente a una barra de navegación inferior dada la adición de barras inferiores en las pautas de diseño de Android?

Aparición de la barra de navegación inferior

Ergonomía es.

Algunas de las lesiones más comunes relacionadas con la mala ergonomía del teléfono móvil incluyen:

  • Tendinitis del pulgar (“Blackberry Thumb”)
  • Síndrome del túnel carpiano.
  • Tendinitis de muñeca.
  • Síndrome postural cervical (cuello)
  • Síndrome postural torácico (parte media de la espalda)
  • Síndrome postural lumbar (espalda baja)

Todo esto se debe al flujo de navegación deficiente y a la locura UI-UX

  • Cajón de navegación izquierdo
    • La navegación del cajón izquierdo sirve para sus propósitos … !!! El perfil y los elementos a los que se accede con menos frecuencia se sientan aquí como cerrar sesión
  • Barra de navegación inferior
    • Bueno, debes haber notado esto en nuevas aplicaciones
      En marzo de 2016, Google agregó la navegación inferior a las pautas de diseño de materiales, proporcionando orientación para un patrón que ya había tenido éxito en iOS. Las pautas establecen cuidadosamente cuándo y cómo usar las barras de navegación inferiores, con las excelentes animaciones y ejemplos de especificaciones que esperamos. Las barras dispuestas aquí encajan perfectamente en el diseño del material: la especificación deja claro dónde vive la barra en la pila de papel de una aplicación, cómo puede animar la barra, cómo puede moverse dentro o fuera del lienzo de manera sensata, y la tipografía y la iconografía están bien definidas.

¿Para qué sirve la navegación inferior?

El uso que Google ofrece en la especificación del material es generalmente una buena guía para la navegación inferior. La barra está diseñada para una aplicación que tiene de 3 a 5 destinos de nivel superior. Específicamente, de 3 a 5 destinos de nivel superior a los que se debe poder acceder inmediatamente uno desde el otro. Reduciéndolo aún más, estos destinos deberían ser de igual importancia.

Si dibuja todas las pantallas en una aplicación determinada y las organiza en una jerarquía, las pantallas representadas en la barra de navegación inferior deben ser las de la parte superior, desde donde se originan los flujos de usuarios más importantes.

Para aplicaciones simples, la barra de navegación inferior puede ser de gran ayuda, ya que mantiene los destinos fuera de la barra de herramientas o elimina la necesidad de otros componentes de la interfaz de usuario, lo que resulta en una interfaz de usuario aún más esbelta. Las aplicaciones más complejas pueden volverse confusas rápidamente, pero no tiene por qué ser así.

La mejor aplicación para buscar pautas de diseño Google Play Kiosco

¿Para qué no es?

La lista de cosas para las que la navegación inferior no es obviamente es más larga. En aras de la brevedad, nos limitaremos a un par de ejemplos destacados.

La barra de navegación inferior no es para

FOMO (miedo a perderse)

En otras palabras, la barra de navegación inferior no es una solución general para asegurarse de que los usuarios no se pierdan algo. Llámame optimista, pero creo que es completamente posible crear un flujo que lleve a los usuarios al descubrimiento orgánico de características importantes, y este tipo de descubrimiento incluso puede ser útil para la experiencia general del usuario.

Es tentador agregar destinos de menor importancia a la barra de navegación inferior porque hay uno o dos espacios vacíos que puede llenar. Después de todo, desea que esa característica sea visible de inmediato para que las personas la usen y la amen. Pero esta tentación debe ser evitada.

Esto no quiere decir que el patrón de diseño de la barra de navegación inferior no pueda cumplir sus objetivos comerciales. Pero hay (siempre) un equilibrio entre lo que es mejor para el usuario y lo que es mejor para lo que está midiendo.

La barra de navegación inferior no es para menús.

Ocasionalmente, vemos una barra de navegación inferior en Android con una pestaña “más”, un patrón transferido de algunas implementaciones de iOS que coloca otros destinos en la aplicación en lo que básicamente equivale a un menú de desbordamiento de lienzo completo. Esto en sí mismo no cuenta como un destino de nivel superior en la aplicación, ya que no es un destino en absoluto. Es una lista de destinos secundarios. Del mismo modo, la barra de navegación inferior no es para ventanas emergentes o popovers. Un diálogo, menú giratorio o menú emergente tampoco es un destino de nivel superior. Los menús popover sufren sus propios usos indebidos incluso en contextos más apropiados, pero esa es una historia para otro día.

Finalmente

La navegación inferior tampoco es para destinos de nivel inferior.

Las barras inferiores se usan específicamente para tres a cinco destinos de nivel superior de importancia similar que requieren acceso directo desde cualquier lugar de la aplicación. Google sugiere no usar la barra inferior

  • Con menos de tres artículos.
  • Con más de 5 artículos.
  • Con contenido desplazable.
  • En pantallas más grandes como tabletas, escritorios.

Use el cajón de navegación lateral si desea agregar elementos que no requieren acceso directo desde cualquier lugar de la aplicación O para destinos menos utilizados.

Este es un buen ejemplo de una aplicación con barra inferior: Google Photos

Demuestra claramente el propósito de la barra inferior. Los principales destinos están en la barra inferior.

Este no es un buen ejemplo de una aplicación con barra inferior: Quora

Creo que Quora ha estado usando la barra inferior mucho antes de la existencia de la barra inferior en las especificaciones de diseño del material. El elemento más en la barra inferior puede ser un inmueble que es más relevante para estar en el cajón de navegación lateral.