Gracias Gracias:  0
Resultados 1 al 1 de 1

Tema: Mejores prácticas en progreso

  1. #1
    Miembro Nuevo
    Fecha de ingreso
    Oct 2016
    Mensajes
    23

    Mejores prácticas en progreso

    Mejores prácticas en progreso-mejores-practicas-en-progreso.jpg

    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 que 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 que sea fácil, comprensible y discreta, 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.
    Última edición por Design2000; 20-03-2017 a las 22:14 Razón: Falto las imagenes

Temas similares

  1. 3ds Max Diseño del botón UX: mejores prácticas, tipos y estados
    Por Design2000 en el foro Infografía General
    Respuestas: 0
    Último mensaje: 17-02-2017, 23:59
  2. 3ds Max Mejores prácticas del diseño móvil
    Por desing2000 en el foro Discusiones generales
    Respuestas: 0
    Último mensaje: 07-12-2016, 01:33
  3. Toony Rig en progreso
    Por Ravi en el foro Trabajos en Proceso
    Respuestas: 14
    Último mensaje: 05-01-2007, 05:25
  4. soldier en progreso
    Por jac3d en el foro Trabajos en Proceso
    Respuestas: 14
    Último mensaje: 26-08-2004, 06:04
  5. Las 10 mejores pelis y 10 mejores cortos de animacion
    Por Véctor en el foro Todo menos Infografía
    Respuestas: 18
    Último mensaje: 25-08-2004, 01:05

Etiquetas para este tema

Actualmente estos son sus permisos de publicación en el foro.

  • -No puedes crear nuevos temas al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes responder temas al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes subir archivos adjuntos al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes editar tus mensajes al no estar registrado o no haber iniciado sesión en el foro.
  •