¿La UITabBar está muerta?

La UITabBar o las barras de pestañas en general están lejos de estar muertas. Los desarrolladores de aplicaciones móviles con experiencia tanto en el menú de hamburguesas como en la barra de pestañas saben que las barras de pestañas funcionan mejor. Creo que es revelador que Facebook haya cambiado su navegación principal desde el menú superior derecho de la hamburguesa a una barra de pestañas.


Los datos de análisis móvil de nuestras propias aplicaciones y aplicaciones de cliente nos dicen que los menús de la barra lateral son MENOS PARTICIPANTES. De acuerdo con Side Drawer Navigation podría costar la mitad de su participación del usuario, la navegación de la barra lateral podría dañar la participación de la aplicación. En otro artículo Por qué desterramos el menú de hamburguesas de nuestra aplicación para iPhone | Redbooth Blog, los diseñadores de UX móviles descubrieron que la navegación de la barra de pestañas era más que DOBLAR sesiones de usuario sobre menús de hamburguesas.

Hay un par de razones para esto:

  1. La gente no sabe lo que significa. Un experimento de prueba A / B http://conversionxl.com/testing-hamburger-icon-revenue/ reveló que una cantidad estadísticamente significativa de usuarios no tiene idea de lo que significan esas 3 líneas. Si no saben lo que significa, no van a hacer clic en él.
  2. Fuera de la vista, fuera de la mente. Si no lo ves, bien podría no estar allí. Es por eso que las interfaces de usuario son superiores a las interfaces de línea de comandos (CML). Las CML requieren que los usuarios recuperen comandos, mientras que las interfaces gráficas de usuario (GUI) solo requieren reconocimiento visual, algo que requiere mucha menos carga cognitiva.
  3. Las barras de pestañas tienen más oportunidades de participación.

    Mira la notificación en Slack. Si no estoy interesado, me perdió. Ahora mira la barra de pestañas en la parte inferior de Twitter. Cualquiera de esos elementos inferiores puede tener una notificación, lo que hace que desee hacer clic.
  4. Los menús de hamburguesas son más difíciles de alcanzar, especialmente con los teléfonos más grandes.

    Este diagrama ilustra lo fácil que es llegar a diferentes áreas en un teléfono móvil con la mano derecha. Déle la vuelta para los zurdos, y aún verá que el área superior no es tan fácil de acceder como el área inferior.

Todas estas razones combinadas crean un efecto compuesto negativo en la efectividad del menú de hamburguesas sobre la barra de pestañas “tradicional”.

¡Jaja! Tuve que buscar en Google “diseño de hamburguesas” … 😉

Creo que lo que estás viendo es Google inventando sus propias cosas. Todos sabemos que Apple fue uno de los primeros en crear un teléfono inteligente gráfico que era fácil de usar y que tenía una gran cantidad de primeros usuarios. Por lo tanto, comenzaron la navegación de la barra de pestañas.

Luego, llegó Google y comenzó a comerse la cuota de mercado. También usaron la barra de pestañas, al principio, pero luego pasaron a la navegación de hamburguesas. Y ahora lo ves en todas partes en sus productos, incluso en el navegador.

Así que no diría que la barra de pestañas está muerta.

¿Pero qué es realmente mejor?

Una barra de pestañas aloja solo 3-5 elementos y ocupa el estado real de la pantalla en cada interfaz. Un menú de cajones de hamburguesas alberga docenas de artículos y es accesible en cualquier pantalla, pero no ocupa espacio.

¡Es solo la evolución de las IU!

¡No, de ninguna manera está muerto! Muchas aplicaciones todavía usan la UITabBar. Algunos dirían que es muy superior al menú de hamburguesas, como Mike Stern de Apple:

Recuerde, las tres cosas clave sobre un sistema de navegación intuitivo es que le dicen dónde está y le muestran a dónde más puede ir. Los menús de hamburguesas son terribles en ambas cosas, porque el menú no está en la pantalla. No es visible Solo el botón para mostrar el menú es.

Fuente: Apple en menús de hamburguesas

No, no lo es, algunos estudios muestran que la barra es más efectiva