- 20/03/2017 21:13
[ATTACH=CONFIG]222576[/ATTACH]
No hay una solución universal para crear excelentes rastreadores de progreso. Pero una cosa es segura: siempre debe pensar en cómo sus usuarios interactúan con el sistema. En términos generales, debe diseñar los pasos del proceso tan simples y claros como sea posible para no confundir a los usuarios.
Configuración de las expectativas de los usuarios.
Cuando un usuario va a tomar en un proceso complicado, es importante gestionar sus expectativas por adelantado y decirles cuánto tiempo y esfuerzo les llevará. Si el usuario piensa qué la tarea tardará dos minutos, pero en realidad se tarda diez, el usuario no tendrá una experiencia positiva.
Proporcionar una descripción del proceso ayudará a los usuarios a prepararse para una tarea más complicada. También es una buena idea dar una estimación del tiempo que tarda la tarea en completarse, especialmente cuando los pasos no se asignan uno a uno (por ejemplo, algunos pasos son más largos que otros).
Establecimiento de un flujo lógico.
- Muestra la dirección del movimiento. Es mejor usar flechas para enfatizar la dirección, porque las líneas por sí solas no proporcionan mucho de un flujo.
- Utilice iconos junto con palabras para describir los pasos del proceso. Debe quedar claro para los usuarios qué secuencia de pasos.
- No haga el proceso demasiado largo. 3-5 pasos serán suficientes.
- Utilice números para describir los pasos e indique dónde está el usuario (por ejemplo, Paso 3 de 5).
Mantener a los usuarios informados de su ubicación.
¿Dónde estoy? Es una de las preguntas fundamentales que los usuarios deben responder para navegar con éxito. Es por eso que un aspecto clave de un buen diseño de seguimiento de progreso es mantener al usuario informado de dónde está el usuario dentro del proceso. Esto mejora la progresión lógica porque los usuarios sabrán dónde están en relación a donde han estado y qué secciones deben seguir.
Debe ofrecer una buena representación visual del progreso. Los usuarios se basan en señales visuales de los elementos de navegación para responder a esta crítica pregunta.
Utilice un claro cambio de estado, no solo un cambio de color para indicar en qué paso está el usuario. Los iconos apropiados y las etiquetas de texto que ayuden a los usuarios a entender las opciones del menú pueden ayudar a la comprensión.
Estado de error de ubicación de etiqueta alternativo.
- Evite los rastreadores de progreso múltiples.
- Evite usar steppers varias veces en una página o incrustar los rastreadores de progreso dentro de los rastreadores de progreso. Pueden crear un lío en su interfaz de usuario.
Mostrando progreso.
- Los rastreadores de progreso pueden mostrar un mensaje de retroalimentación transitoria después de guardar un paso. Esta retroalimentación sólo debe utilizarse si hay una latencia larga entre pasos.
- Este indicador de progreso muestra un mensaje de retroalimentación transitorio después de guardar un paso.
Pistas de progreso para aplicaciones móviles.
Dado que el espacio horizontal suele ser limitado, un rastreador de progreso vertical puede ser una buena solución para aplicaciones y sitios móviles. Simplemente asegúrese de que el contenido de cada paso sea sensible.
Los steppers verticales están diseñados para tamaños de pantalla estrechos.
Conclusión.
Diseñe pistas de progreso para qué sea fácil, comprensible y Discreeta, y no se olvide de su apariencia visual que también debe atraer y orientar a los usuarios visualmente. Piense en primero en los usuarios . Recuerde que no estamos diseñando para diseñadores, estamos diseñando para nuestros usuarios. En última instancia, los seguidores del buen progreso pueden hacer que los usuarios se queden para terminar la tarea y generalmente tienen una impresión más positiva de su sitio o aplicación.
No hay una solución universal para crear excelentes rastreadores de progreso. Pero una cosa es segura: siempre debe pensar en cómo sus usuarios interactúan con el sistema. En términos generales, debe diseñar los pasos del proceso tan simples y claros como sea posible para no confundir a los usuarios.
Configuración de las expectativas de los usuarios.
Cuando un usuario va a tomar en un proceso complicado, es importante gestionar sus expectativas por adelantado y decirles cuánto tiempo y esfuerzo les llevará. Si el usuario piensa qué la tarea tardará dos minutos, pero en realidad se tarda diez, el usuario no tendrá una experiencia positiva.
Proporcionar una descripción del proceso ayudará a los usuarios a prepararse para una tarea más complicada. También es una buena idea dar una estimación del tiempo que tarda la tarea en completarse, especialmente cuando los pasos no se asignan uno a uno (por ejemplo, algunos pasos son más largos que otros).
Establecimiento de un flujo lógico.
- Muestra la dirección del movimiento. Es mejor usar flechas para enfatizar la dirección, porque las líneas por sí solas no proporcionan mucho de un flujo.
- Utilice iconos junto con palabras para describir los pasos del proceso. Debe quedar claro para los usuarios qué secuencia de pasos.
- No haga el proceso demasiado largo. 3-5 pasos serán suficientes.
- Utilice números para describir los pasos e indique dónde está el usuario (por ejemplo, Paso 3 de 5).
Mantener a los usuarios informados de su ubicación.
¿Dónde estoy? Es una de las preguntas fundamentales que los usuarios deben responder para navegar con éxito. Es por eso que un aspecto clave de un buen diseño de seguimiento de progreso es mantener al usuario informado de dónde está el usuario dentro del proceso. Esto mejora la progresión lógica porque los usuarios sabrán dónde están en relación a donde han estado y qué secciones deben seguir.
Debe ofrecer una buena representación visual del progreso. Los usuarios se basan en señales visuales de los elementos de navegación para responder a esta crítica pregunta.
Utilice un claro cambio de estado, no solo un cambio de color para indicar en qué paso está el usuario. Los iconos apropiados y las etiquetas de texto que ayuden a los usuarios a entender las opciones del menú pueden ayudar a la comprensión.
Estado de error de ubicación de etiqueta alternativo.
- Evite los rastreadores de progreso múltiples.
- Evite usar steppers varias veces en una página o incrustar los rastreadores de progreso dentro de los rastreadores de progreso. Pueden crear un lío en su interfaz de usuario.
Mostrando progreso.
- Los rastreadores de progreso pueden mostrar un mensaje de retroalimentación transitoria después de guardar un paso. Esta retroalimentación sólo debe utilizarse si hay una latencia larga entre pasos.
- Este indicador de progreso muestra un mensaje de retroalimentación transitorio después de guardar un paso.
Pistas de progreso para aplicaciones móviles.
Dado que el espacio horizontal suele ser limitado, un rastreador de progreso vertical puede ser una buena solución para aplicaciones y sitios móviles. Simplemente asegúrese de que el contenido de cada paso sea sensible.
Los steppers verticales están diseñados para tamaños de pantalla estrechos.
Conclusión.
Diseñe pistas de progreso para qué sea fácil, comprensible y Discreeta, y no se olvide de su apariencia visual que también debe atraer y orientar a los usuarios visualmente. Piense en primero en los usuarios . Recuerde que no estamos diseñando para diseñadores, estamos diseñando para nuestros usuarios. En última instancia, los seguidores del buen progreso pueden hacer que los usuarios se queden para terminar la tarea y generalmente tienen una impresión más positiva de su sitio o aplicación.