Estilos de navegación de iOS y cuál elegir en las aplicaciones | Ali CHORAK | Agosto 2021

Ali CHORAK

La navegación es la hoja de ruta de la aplicación. Al igual que el mapa del sitio en Internet, necesitamos poder acceder a todo el contenido principal de la aplicación a través de la navegación. Además, al hacerlo, debemos mantener la experiencia del usuario al más alto nivel.

La navegación debe pasar desapercibida para mejorar la experiencia del usuario. ¿Lo que quiero decir? La navegación debería hacer su trabajo y desaparecer, como cualquier buen diseño.

Barras de pestañas IOS

Si hablamos de iOS; Una de las cosas a las que Apple presta más atención es al desarrollo de una interfaz de usuario cercana a las aplicaciones que han desarrollado (aplicaciones nativas). Por supuesto, el diseño personalizado contribuirá en gran medida a un diseño cuidadoso. Pero si no sabe exactamente lo que está haciendo, es mejor utilizar los valores predeterminados.

Admito que algunos diseños personalizados se ven muy bonitos. Pero los diseños elegantes no siempre funcionan. Los ejemplos bonitos pero inútiles no son adecuados para aplicaciones del mundo real.

Dado que nos estamos alejando de la interfaz de iOS, echemos un vistazo a las Pautas de interfaz humana (HIG). El HIG divide la navegación en iOS en 3 secciones: jerárquica, plana, basada en contenido o centrada en el usuario. Déjame explicarte cada uno de ellos con ejemplos:

Contenido del Articulo

1- Navegación jerárquica

Navegación jerárquica

Navegación sencilla. Pero si tienes mucho contenido, puede ser útil usarlo. Para que el usuario no se pierda. Se utiliza a menudo en aplicaciones con múltiples opciones como Ajustes

Funciona así: haces una selección de los elementos de navegación y aparece otra página donde puedes hacer una nueva selección. Esto continúa hasta que se agotan las opciones o llega al contenido que está buscando. Para volver a la página anterior oa las opciones anteriores, debe volver. No puede cambiar de contenido. Es por eso que uno de los elementos más importantes es el botón de retroceso (o puede usar un gesto, consulte este artículo).

¿Dónde podemos utilizar esta navegación? Para este estilo de navegación, Apple cita las aplicaciones Configuración y Correo como ejemplos. También mostraré ejemplos de la aplicación APP.

Navegación jerárquica a través de la configuración

2- Navegación plana

Navegación plana

En resumen, puedo definir esta navegación como una navegación que puede cambiar entre categorías. Cuando vemos contenido en la Categoría A, no es necesario que retrocedamos. Podemos cambiar entre categorías y ver contenido en la categoría B.

Sería un error si dijera que no existe una página de inicio (en cualquier caso, creo que la definición de una página de inicio en las aplicaciones móviles es incorrecta). Las páginas se componen de categorías.

Por este motivo, puede adivinar que el elemento más importante de este estilo de navegación es Barras de pestañas… Por lo tanto, siempre que no esté viendo el contenido en sí, puede cambiar entre categorías. Siguiendo el ejemplo de Apple, Music y App Store usan este estilo de navegación.

Navegación plana en la App Store

3- Navegación basada en contenido o experiencia

Navegación basada en contenido o experiencia

El último estilo de navegación es más libre… Aquí el contenido está disperso y no es posible acceder a todos los contenidos desde un punto. No queremos tener acceso a todo el contenido desde un solo punto. Esperamos que los usuarios elijan el contenido que encuentran y les interesen cuando navegan por la aplicación.

A través de la navegación, este estilo ofrece; puede navegar entre contenido, categorías, páginas e incluso las propias subsecciones.

Si vas a utilizar este tipo de navegación, uno de los factores importantes a tener en cuenta es el diagrama de flujo. Definir su diagrama de flujo al principio del desarrollo de su aplicación reducirá el trabajo. Dado que, como dije, esta navegación es más fluida, por lo que es fácil equivocarse.

Según los ejemplos de Apple, las aplicaciones inmersivas utilizan este estilo de navegación. Nuevamente, según Apple, los juegos y los libros se definen como aplicaciones inmersivas.

Previous post Diseño de una interfaz de usuario para la era de la voz
Next post Las 15 mejores herramientas de marketing por correo electrónico de 2021

Deja una respuesta