Diseño de navegación de interfaz móvil explicación detallada de la navegación del cajón
A continuación, realizaré un análisis de ejemplo basado en la navegación por cajones y aplicaciones específicas.
1. Características de la navegación del cajón
La navegación del cajón oculta parte del contenido informativo y resalta las funciones principales de la aplicación. Entonces, en este momento, la navegación por cajones es una buena opción.
Tome QQ como ejemplo: hay dos formas de abrir la barra lateral:
1. Haciendo clic en el avatar en la esquina superior izquierda 2. Desliza hacia la izquierda con un gesto
Si se aplica Las funciones principales y el contenido están todos en una sola página. Es solo que algunos usuarios configuran ese contenido de operación de baja frecuencia para que se muestre en otras páginas. Para que la página principal se vea limpia y hermosa, puedes colocar estas funciones auxiliares en la barra del cajón.
2. Zona activa del pulgar
Con la zona activa basada en el uso del pulgar, nos resultará más fácil entender cómo se adapta el pulgar al utilizar el teléfono. El pulgar derecho se usa en la zona activa del pulgar de Hoober, y el talón del pulgar se usa para sujetar la esquina inferior izquierda del teléfono como punto de referencia.
La siguiente figura muestra el uso del iPhone desde 2007:
Se puede observar que el principal escenario de uso de QQ es: comunicación conversacional. De esta forma, "Mi álbum de fotos", "Mis archivos", etc. se colocan en la barra lateral, lo que mejora la simplicidad e integridad de la interfaz.
QQ puede abrir cómodamente la barra lateral mediante el gesto de deslizar hacia la izquierda en la interacción. Se puede ver que usar la barra del cajón en la era de las pantallas grandes es particularmente importante para las operaciones de gestos. La barra del cajón es una buena opción.
3. Aplicación de instancia de producto
Si su aplicación tiene vistas diferentes, son horizontales y requieren que los usuarios las traten por igual, la barra del cajón hará perder la mayor parte del tiempo al usuario. nivel potencial de compromiso e interacción con la entrada en la barra lateral. Por ejemplo, plataforma basada en contenido: NetEase News El contenido de la plataforma es rico en temas y es del mismo nivel. Debe cambiarse con frecuencia, por lo que se puede decir que no es adecuado para la navegación por cajones.
Por supuesto, todavía hay muchas aplicaciones basadas en contenido en el mercado que todavía usan la navegación por cajón:
Por ejemplo, la aplicación Everyone is a Product Manager todavía usa la navegación por cajón, y utiliza operaciones de gestos para abrir la navegación lateral. La barra lateral también mejora la experiencia interactiva hasta cierto punto (no tan natural como QQ), lo que le permite cambiar entre diferentes contenidos temáticos, etc. La interfaz sencilla proporciona una experiencia de lectura inmersiva. Como usuario antiguo y educado, esto es aceptable. (La desventaja es que todos son gerentes de producto. ¡Todavía hay mucho margen de mejora en la experiencia de la aplicación!)
Resumen personal
En la era de Internet móvil, necesita apuntar a aplicaciones en diferentes campos y escenarios de uso correspondientes, realizar análisis y juicios de escenarios independientes. Basándonos en los comentarios de los usuarios, hacemos el diseño más razonable y conveniente.