- 22/02/2017 14:47
[ATTACH=CONFIG]222183[/ATTACH]
Tanto en aplicaciones como en sitios, los usuarios confían en menús para encontrar contenido y utilizar funciones. Los menús son tan importantes que puedes encontrarlos en todos los sitios o aplicaciones que encuentres, pero no todos los menús se crean por igual. Muchas veces nos enfrentamos a problemas con los menús - parte de los menús son confusos, difícil de manipular, o simplemente difícil de encontrar.
Hazlo visible.
En muchos puestos se han escrito sobre el menú de hamburguesas y argumentando en contra.
Ese pequeño botón de tres líneas es el diablo. Y no se trata del icono en sí, sino más bien de ocultar la navegación detrás de un icono.
Fuera de la vista, fuera de la mente.
La navegación oculta es una solución bastante obvia para las pantallas pequeñas, no tiene que preocuparse por el patrimonio de la pantalla limitada, simplemente coloco toda su navegación en un cajón desplazable que está oculto por defecto.
Pero los botones de hamburguesa son menos eficientes, ya qué tienes que tocar una vez antes de que incluso se le permita ver la opción que desea.
[ATTACH=CONFIG]222184[/ATTACH][ATTACH=CONFIG]222184[/ATTACH][ATTACH=CONFIG]222184[/ATTACH][ATTACH=CONFIG]222184[/ATTACH]
En vista, en mente.
La teoría de la interacción, las pruebas A / B y la evolución de algunas de las principales aplicaciones del mundo muestran que exponer opciones de menú de una manera más visible aumenta el compromiso y la satisfacción del usuario.
Es por eso que muchas aplicaciones están cambiando de menú de hamburguesas para hacer que las opciones de navegación más relevantes siempre sean visibles.
[ATTACH=CONFIG]222185[/ATTACH]
YouTube ofrece las principales funciones básicas disponibles con un solo toque, lo que permite una rápida conmutacción entre funciones.
[ATTACH=CONFIG]222186[/ATTACH]
También hay maneras inteligentes de hacer desaparecer la barra de pestañas cuando no está en uso. Si la pantalla es un avance de desplazamiento, la barra de pestañas se puede ocultar cuando las personas desplazan por contenido nuevo y revelan si empiezan a bajar tratando de volver a la parte superior.
[ATTACH=CONFIG]222187[/ATTACH]
Por último, pero no menos importante, muchos diseñadores cometen el error de poner sus elementos de clasificación en un menú desplegable. Pero esto llevó al mismo problema, los usuarios sólo ven la opción seleccionada, mientras que las otras opciones de clasificación están ocultas.
A tener en cuenta: Muchas aplicaciones todavía utilizan la hamburguesa porque es una manera fácil de atascar una tonelada de acoplamientos en una aplicación. Pero es la dirección equivocada, porque si su navegación es compleja, ocultarlo no lo hace amigable al móvil.
Comunique la ubicación actual.
No indicar la ubicación actual es probablemente el error más común de ver en el sitio o en los menús de aplicaciones. ¿Dónde estoy? Es una de las preguntas fundamentales que los usuarios deben responder para navegar con éxito.
Los usuarios confían en las señales visuales de los menús para responder a esta pregunta crítica. Pero a veces lo que ven no es lo que realmente esperan ver.
Iconos.
Hay un icono universal que los usuarios conocen bien, sobre todo los que representan funcionalidades como: búsqueda, correo electrónico, impresión y así sucesivamente.
Desafortunadamente los iconos universales son raros. Y los diseñadores de aplicaciones a menudo ocultan la funcionalidad detrás de iconos que en realidad son bastante difíciles de reconocer.
Colores.
El estado actual se puede presentar directamente en la barra de pestañas utilizando colores contrastantes y una etiqueta correctamente seleccionada. Cómo el color de los botones guía a los usuarios a la acción.
Buen ejemplo para la selección del color.
A tener en cuenta: Los iconos y colores correctamente seleccionados pueden ayudar a los usuarios a entender la ubicación actual. Si usas iconos, haz que se prueben la usabilidad.
Menús de coordenadas con tareas de usuario.
Debería utilizar únicamente etiquetas de enlace comprensibles. Averigüe qué buscan los usuarios y utilice etiquetas de categoría conocidas y relevantes para su público objetivo. Los menús no son el lugar para ponerse lindos con la jerga interna. Por lo tanto, se adhieren a la terminología qué describe claramente su contenido y características.
Los usuarios aman las aplicaciones móviles que especifican un caso de uso específico muy rápidamente. Y puede reducir la cantidad de tiempo que los usuarios necesitan para pasar a los menús de comprensión.
Las funciones complejas siempre deben mostrarse con una etiqueta de texto adecuada.
A tener en cuenta: Los elementos del menú deben ser fáciles de escanear. Los usuarios deben ser capaces de entender lo que sucede exactamente cuando tocan un elemento.
Hacer esto fácil para manipular elementos que son demasiado pequeños o demasiado juntos son una enorme fuente de frustración para los usuarios móviles. Haga qué los enlaces de menú, sean lo suficientemente grande cómo para ser fácilmente aprovechado o de hacer clic.
Un objetivo táctil de 45-57 píxeles de ancho permite que el dedo del usuario se ajuste cómodamente dentro del objetivo y les proporciona una respuesta visual clara de que están golpeando el objetivo con precisión.
A tener en cuenta: El menú debe tener un diseño amigable con los dedos. La combinación de los tamaños de los objetivos táctiles con el tamaño medio de los dedos mejora la usabilidad de los móviles para muchos usuarios.
Conclusión:
Ayudar a los usuarios a navegar debe ser una alta prioridad para casi todos los sitios y aplicaciones. El objetivo detrás de estos momentos es crear un sistema de interacción que naturalmente se alinea con los modelos mentales del usuario.
Los simples flujos de usuario, las imágenes claras y el diseño indulgente ayudan a crear la ilusión de que las habilidades del usuario permiten una experiencia perfecta. Y su sistema de interacción debe tratar de resolver los problemas de sus usuarios a través de una clara comunicación visual.
Estás diseñando para tus usuarios. Cuanto más fácil sea el producto para su uso, más probable es que lo utilicen.
Tanto en aplicaciones como en sitios, los usuarios confían en menús para encontrar contenido y utilizar funciones. Los menús son tan importantes que puedes encontrarlos en todos los sitios o aplicaciones que encuentres, pero no todos los menús se crean por igual. Muchas veces nos enfrentamos a problemas con los menús - parte de los menús son confusos, difícil de manipular, o simplemente difícil de encontrar.
Hazlo visible.
En muchos puestos se han escrito sobre el menú de hamburguesas y argumentando en contra.
Ese pequeño botón de tres líneas es el diablo. Y no se trata del icono en sí, sino más bien de ocultar la navegación detrás de un icono.
Fuera de la vista, fuera de la mente.
La navegación oculta es una solución bastante obvia para las pantallas pequeñas, no tiene que preocuparse por el patrimonio de la pantalla limitada, simplemente coloco toda su navegación en un cajón desplazable que está oculto por defecto.
Pero los botones de hamburguesa son menos eficientes, ya qué tienes que tocar una vez antes de que incluso se le permita ver la opción que desea.
[ATTACH=CONFIG]222184[/ATTACH][ATTACH=CONFIG]222184[/ATTACH][ATTACH=CONFIG]222184[/ATTACH][ATTACH=CONFIG]222184[/ATTACH]
En vista, en mente.
La teoría de la interacción, las pruebas A / B y la evolución de algunas de las principales aplicaciones del mundo muestran que exponer opciones de menú de una manera más visible aumenta el compromiso y la satisfacción del usuario.
Es por eso que muchas aplicaciones están cambiando de menú de hamburguesas para hacer que las opciones de navegación más relevantes siempre sean visibles.
[ATTACH=CONFIG]222185[/ATTACH]
YouTube ofrece las principales funciones básicas disponibles con un solo toque, lo que permite una rápida conmutacción entre funciones.
[ATTACH=CONFIG]222186[/ATTACH]
También hay maneras inteligentes de hacer desaparecer la barra de pestañas cuando no está en uso. Si la pantalla es un avance de desplazamiento, la barra de pestañas se puede ocultar cuando las personas desplazan por contenido nuevo y revelan si empiezan a bajar tratando de volver a la parte superior.
[ATTACH=CONFIG]222187[/ATTACH]
Por último, pero no menos importante, muchos diseñadores cometen el error de poner sus elementos de clasificación en un menú desplegable. Pero esto llevó al mismo problema, los usuarios sólo ven la opción seleccionada, mientras que las otras opciones de clasificación están ocultas.
A tener en cuenta: Muchas aplicaciones todavía utilizan la hamburguesa porque es una manera fácil de atascar una tonelada de acoplamientos en una aplicación. Pero es la dirección equivocada, porque si su navegación es compleja, ocultarlo no lo hace amigable al móvil.
Comunique la ubicación actual.
No indicar la ubicación actual es probablemente el error más común de ver en el sitio o en los menús de aplicaciones. ¿Dónde estoy? Es una de las preguntas fundamentales que los usuarios deben responder para navegar con éxito.
Los usuarios confían en las señales visuales de los menús para responder a esta pregunta crítica. Pero a veces lo que ven no es lo que realmente esperan ver.
Iconos.
Hay un icono universal que los usuarios conocen bien, sobre todo los que representan funcionalidades como: búsqueda, correo electrónico, impresión y así sucesivamente.
Desafortunadamente los iconos universales son raros. Y los diseñadores de aplicaciones a menudo ocultan la funcionalidad detrás de iconos que en realidad son bastante difíciles de reconocer.
Colores.
El estado actual se puede presentar directamente en la barra de pestañas utilizando colores contrastantes y una etiqueta correctamente seleccionada. Cómo el color de los botones guía a los usuarios a la acción.
Buen ejemplo para la selección del color.
A tener en cuenta: Los iconos y colores correctamente seleccionados pueden ayudar a los usuarios a entender la ubicación actual. Si usas iconos, haz que se prueben la usabilidad.
Menús de coordenadas con tareas de usuario.
Debería utilizar únicamente etiquetas de enlace comprensibles. Averigüe qué buscan los usuarios y utilice etiquetas de categoría conocidas y relevantes para su público objetivo. Los menús no son el lugar para ponerse lindos con la jerga interna. Por lo tanto, se adhieren a la terminología qué describe claramente su contenido y características.
Los usuarios aman las aplicaciones móviles que especifican un caso de uso específico muy rápidamente. Y puede reducir la cantidad de tiempo que los usuarios necesitan para pasar a los menús de comprensión.
Las funciones complejas siempre deben mostrarse con una etiqueta de texto adecuada.
A tener en cuenta: Los elementos del menú deben ser fáciles de escanear. Los usuarios deben ser capaces de entender lo que sucede exactamente cuando tocan un elemento.
Hacer esto fácil para manipular elementos que son demasiado pequeños o demasiado juntos son una enorme fuente de frustración para los usuarios móviles. Haga qué los enlaces de menú, sean lo suficientemente grande cómo para ser fácilmente aprovechado o de hacer clic.
Un objetivo táctil de 45-57 píxeles de ancho permite que el dedo del usuario se ajuste cómodamente dentro del objetivo y les proporciona una respuesta visual clara de que están golpeando el objetivo con precisión.
A tener en cuenta: El menú debe tener un diseño amigable con los dedos. La combinación de los tamaños de los objetivos táctiles con el tamaño medio de los dedos mejora la usabilidad de los móviles para muchos usuarios.
Conclusión:
Ayudar a los usuarios a navegar debe ser una alta prioridad para casi todos los sitios y aplicaciones. El objetivo detrás de estos momentos es crear un sistema de interacción que naturalmente se alinea con los modelos mentales del usuario.
Los simples flujos de usuario, las imágenes claras y el diseño indulgente ayudan a crear la ilusión de que las habilidades del usuario permiten una experiencia perfecta. Y su sistema de interacción debe tratar de resolver los problemas de sus usuarios a través de una clara comunicación visual.
Estás diseñando para tus usuarios. Cuanto más fácil sea el producto para su uso, más probable es que lo utilicen.