- 14/02/2017 21:43
[ATTACH=CONFIG]222072[/ATTACH]
Los diseñadores saben que el diseño es más que buena apariencia. El diseño también cubre cómo los usuarios se involucran con un producto, ya sea un sitio web o una aplicación. Es como una conversación. La navegación es una conversación. Porque no importa cuán bueno sea su sitio web si los usuarios no pueden encontrar su camino alrededor de él.
En este artículo, te ayudaremos a entender mejor los principios de una buena navegación y luego te mostraremos cómo se hace con algunos patrones creativos. Pero primero, comencemos con una breve descripción de los fundamentos de navegación móvil.
Los principios de navegación móvil.
Los patrones de interfaz de usuario de navegación son un acceso directo para la buena usabilidad del sitio web. Hacen maravillas para aprender, ya qué menos cosas que su usuario tiene que averiguar en su sitio. Mientras que pensar fuera de la caja es generalmente una buena idea, hay algunas reglas que usted apenas no puede romper.
Simple.
En primer lugar, y lo más importante, un sistema de navegación debe ser simple. La buena navegación debe sentirse como una mano invisible que guíe al usuario a lo largo de su viaje. También la diferencia obvia entre el diseño móvil y de escritorio es el tamaño de la pantalla.
Las pantallas móviles son más pequeñas, por lo que todas las partes de la pantalla se vuelven más valiosas.
Coherente.
La función debe ser evidente por sí misma. El visitante debe saber cómo ir desde el punto A al punto B basado en su primera mirada y sin ninguna orientación desde el exterior. Debe utilizar los significantes adecuados (como un sonido, una palabra impresa o una imagen) para qué la navegación no requiera ninguna explicación. También es muy importante proporcionar una orientación para sus visitantes, permitiendo a los visitantes saber dónde está su página actual en relación con otras páginas.
Consistente.
El sistema de navegación para todas las páginas debe ser el mismo. No mueva los controles de navegación a una nueva ubicación en diferentes páginas. Usted debe elegir qué tipo de sistema de navegación funcionará mejor para su sitio, pero una vez que tome una decisión, se adhiriera a ella.
Ser creativo.
El problema con los patrones es que es difícil destacar cuando estás haciendo lo mismo que todos los demás están haciendo.
Sliders.
Los sliders (no los carruseles.) funcionan especialmente bien para páginas progresivas o estrechamente relacionadas. Si solo tiene unos pocos elementos a recorrer, los sliders son una gran herramienta de navegación.
Por ejemplo, la aplicación Uber permite a los usuarios navegar entre diferentes tipos de servicios. La belleza del control deslizante de Uber es que los usuarios pueden usar el mismo contexto (vista de mapa) para cada tipo de servicio.
El sliders de Uber es una solución muy práctica - se puede ver la información más valiosa en la misma pantalla.
Desventaja: Los deslizadores tienen un alcance muy limitado. Si está navegando entre más de 6 o 7 páginas, el control deslizante será más difícil de navegar.
Iconos pictóricos.
Los iconos pictóricos es una de las soluciones más interesantes para él problema de ahorrar espacio en la pantalla móvil. La imagen en el icono debe explicar dónde lo tomará el usuario.
Todo el mundo sabe que un icono de sobre representa el correo electrónico, pero la forma en que elige dibujar el sobre depende de usted. Esto hace que la navegación sea sencilla y fácil de usar, pero con suficiente libertad para separarlos de los demás.
La aplicación de Tumblr tiene iconos pictóricos agradables y etiquetas adecuadas para ellos.
Muchos investigadores han demostrado que los iconos son difíciles de memorizar y son a menudo altamente ineficientes. ¿Alguna vez ha luchado para averiguar qué significaba un icono? Los usuarios hacen esto todo el tiempo con iconos que no están familiarizados. Sólos iconos universalmente entendidos funcionan bien (por ejemplo, imprimir, cerrar, reproducir / pausar, responder, twet). Por eso es importante que sus iconos sean claros e intuitivos e introduzca etiquetas de texto junto a los iconos.
Rejilla de la tarjeta.
Las tarjetas se están convirtiendo rápidamente en el mejor patrón de diseño para dispositivos móviles. La tarjeta de interfaz de usuario es la conducción de la web de muchas páginas de contenido enlazado, hacia piezas individuales de contenido agregado en una sola experiencia.
Las tarjetas son un gran medio para comunicar historias rápidas. Cada carta representa una escena. Y lo más importante de las tarjetas es que son casi infinitamente manipulables.
Por último, pero no menos importante, las tarjetas son perfectas para dispositivos móviles y diferentes tamaños de pantalla. Y los dispositivos móviles son el corazón y el alma del futuro de su negocio.
Desventaja: A veces las jerarquías son buenas - los procesos complejos a menudo se benefician de guiar a los usuarios a lo largo de un camino en lugar de permitirles meramente vagar al azar. También el formato de interfaz de usuario de la tarjeta debe fomentar la exploración de contenido.
Menú de pantalla completa.
Mientras muchas aplicaciones y sitios están luchando para minimizar el espacio que ocupan sus sistemas de navegación, el patrón de pantalla completa toma el enfoque exactamente opuesto. Discreetamente platos encima de un montón de datos, claramente la visualización de texto y multimedia y al final tiene un gran beneficio, es muy fácil de usar.
Cokly tiene un sistema de navegación masivo con menú que ocupa toda la pantalla con el fin de manejar enlaces de imagen de manera más eficiente. La sencillez de la navegación garantiza qué el usuario llegará a dónde quiere ir.
Conclusión.
No hay nada necesariamente malo con los patrones más tradicionales de navegación UI. A veces necesita destacarse de la multitud y aportar creatividad a los flujos de usuarios. Sólo recuerda que no puedes sacrificar la usabilidad.
Los diseñadores saben que el diseño es más que buena apariencia. El diseño también cubre cómo los usuarios se involucran con un producto, ya sea un sitio web o una aplicación. Es como una conversación. La navegación es una conversación. Porque no importa cuán bueno sea su sitio web si los usuarios no pueden encontrar su camino alrededor de él.
En este artículo, te ayudaremos a entender mejor los principios de una buena navegación y luego te mostraremos cómo se hace con algunos patrones creativos. Pero primero, comencemos con una breve descripción de los fundamentos de navegación móvil.
Los principios de navegación móvil.
Los patrones de interfaz de usuario de navegación son un acceso directo para la buena usabilidad del sitio web. Hacen maravillas para aprender, ya qué menos cosas que su usuario tiene que averiguar en su sitio. Mientras que pensar fuera de la caja es generalmente una buena idea, hay algunas reglas que usted apenas no puede romper.
Simple.
En primer lugar, y lo más importante, un sistema de navegación debe ser simple. La buena navegación debe sentirse como una mano invisible que guíe al usuario a lo largo de su viaje. También la diferencia obvia entre el diseño móvil y de escritorio es el tamaño de la pantalla.
Las pantallas móviles son más pequeñas, por lo que todas las partes de la pantalla se vuelven más valiosas.
Coherente.
La función debe ser evidente por sí misma. El visitante debe saber cómo ir desde el punto A al punto B basado en su primera mirada y sin ninguna orientación desde el exterior. Debe utilizar los significantes adecuados (como un sonido, una palabra impresa o una imagen) para qué la navegación no requiera ninguna explicación. También es muy importante proporcionar una orientación para sus visitantes, permitiendo a los visitantes saber dónde está su página actual en relación con otras páginas.
Consistente.
El sistema de navegación para todas las páginas debe ser el mismo. No mueva los controles de navegación a una nueva ubicación en diferentes páginas. Usted debe elegir qué tipo de sistema de navegación funcionará mejor para su sitio, pero una vez que tome una decisión, se adhiriera a ella.
Ser creativo.
El problema con los patrones es que es difícil destacar cuando estás haciendo lo mismo que todos los demás están haciendo.
Sliders.
Los sliders (no los carruseles.) funcionan especialmente bien para páginas progresivas o estrechamente relacionadas. Si solo tiene unos pocos elementos a recorrer, los sliders son una gran herramienta de navegación.
Por ejemplo, la aplicación Uber permite a los usuarios navegar entre diferentes tipos de servicios. La belleza del control deslizante de Uber es que los usuarios pueden usar el mismo contexto (vista de mapa) para cada tipo de servicio.
El sliders de Uber es una solución muy práctica - se puede ver la información más valiosa en la misma pantalla.
Desventaja: Los deslizadores tienen un alcance muy limitado. Si está navegando entre más de 6 o 7 páginas, el control deslizante será más difícil de navegar.
Iconos pictóricos.
Los iconos pictóricos es una de las soluciones más interesantes para él problema de ahorrar espacio en la pantalla móvil. La imagen en el icono debe explicar dónde lo tomará el usuario.
Todo el mundo sabe que un icono de sobre representa el correo electrónico, pero la forma en que elige dibujar el sobre depende de usted. Esto hace que la navegación sea sencilla y fácil de usar, pero con suficiente libertad para separarlos de los demás.
La aplicación de Tumblr tiene iconos pictóricos agradables y etiquetas adecuadas para ellos.
Muchos investigadores han demostrado que los iconos son difíciles de memorizar y son a menudo altamente ineficientes. ¿Alguna vez ha luchado para averiguar qué significaba un icono? Los usuarios hacen esto todo el tiempo con iconos que no están familiarizados. Sólos iconos universalmente entendidos funcionan bien (por ejemplo, imprimir, cerrar, reproducir / pausar, responder, twet). Por eso es importante que sus iconos sean claros e intuitivos e introduzca etiquetas de texto junto a los iconos.
Rejilla de la tarjeta.
Las tarjetas se están convirtiendo rápidamente en el mejor patrón de diseño para dispositivos móviles. La tarjeta de interfaz de usuario es la conducción de la web de muchas páginas de contenido enlazado, hacia piezas individuales de contenido agregado en una sola experiencia.
Las tarjetas son un gran medio para comunicar historias rápidas. Cada carta representa una escena. Y lo más importante de las tarjetas es que son casi infinitamente manipulables.
Por último, pero no menos importante, las tarjetas son perfectas para dispositivos móviles y diferentes tamaños de pantalla. Y los dispositivos móviles son el corazón y el alma del futuro de su negocio.
Desventaja: A veces las jerarquías son buenas - los procesos complejos a menudo se benefician de guiar a los usuarios a lo largo de un camino en lugar de permitirles meramente vagar al azar. También el formato de interfaz de usuario de la tarjeta debe fomentar la exploración de contenido.
Menú de pantalla completa.
Mientras muchas aplicaciones y sitios están luchando para minimizar el espacio que ocupan sus sistemas de navegación, el patrón de pantalla completa toma el enfoque exactamente opuesto. Discreetamente platos encima de un montón de datos, claramente la visualización de texto y multimedia y al final tiene un gran beneficio, es muy fácil de usar.
Cokly tiene un sistema de navegación masivo con menú que ocupa toda la pantalla con el fin de manejar enlaces de imagen de manera más eficiente. La sencillez de la navegación garantiza qué el usuario llegará a dónde quiere ir.
Conclusión.
No hay nada necesariamente malo con los patrones más tradicionales de navegación UI. A veces necesita destacarse de la multitud y aportar creatividad a los flujos de usuarios. Sólo recuerda que no puedes sacrificar la usabilidad.