web-development-kb-es.site

¿Qué se puede hacer para que un asistente largo de varios pasos sea más fácil de usar?

Necesito crear un asistente que tenga numerosas secciones, cada una con múltiples preguntas. ¿Cómo puedo mejorar la experiencia para el usuario final?

24
Ryan Shripat

Mi primera sugerencia sería tratar de eliminar tantos pasos como sea posible. Realmente piense en el flujo, lo que se requiere, etc.

Algunos consejos para hacer un proceso largo más amigable:

  • Mostrar un medidor de progreso de pasos completados
  • Si es posible, permita que los usuarios salten de un lado a otro para retroceder y corregir una entrada anterior
  • Realice comentarios en tiempo real cuando una entrada no se ajuste a los valores de entrada esperados, en lugar de notificar al usuario que algo no funcionó al final del proceso.

Una nota al margen (es de esperar que no encienda las llamas): Apple casi nunca usa Wizards para los procesos de configuración, y cuando lo hacen, el Apple set- Los asistentes son (en mi opinión) siempre más fáciles de entender que los equivalentes de Microsoft. Sugeriría mirar las diferencias e intentar identificar los trucos empleados por Apple.

18
Brendan Berg

Esto es lo más importante que puedo pensar:

  • Divide las operaciones que constituyen la tarea en una serie de fragmentos.
  • Botones Anterior y Siguiente.
  • Mapa de secuencia que muestra dónde se encuentra en los pasos en todo momento

Lea más sobre este tema en Diseño de interfaces Wizard página .

10
Nacho

Si ha considerado todas las alternativas mencionadas en otras respuestas y ha decidido que el asistente debe ser grande, debe considerar lo siguiente:

  • Divida la información en secciones lógicas que no sean demasiado largas.
  • Titula cada sección con claridad, pero intenta que sea breve. Si lo necesita, agregue una descripción adicional debajo del título para explicar más
  • Mostrar un indicador de progreso, es decir, el paso 3 de 10
  • Proporcione los botones Siguiente y Atrás para la navegación. A veces es apropiado permitir que el usuario progrese sin haber completado cada sección, sin embargo, en muchos casos no es así, ya que agrega complejidad adicional al asistente que el usuario puede no comprender completamente. Tiendo a no permitir que el usuario continúe hasta que haya completado la sección (el siguiente botón en estos casos actúa como enviar).
  • Piense realmente en cada control de formulario y si es apropiado para los datos que está tratando de recopilar. Si desea que el usuario seleccione de una lista corta, use un menú desplegable; sin embargo, si la lista es realmente larga, un menú desplegable no es realmente adecuado. Use un control de búsqueda o algo así.
  • Las listas en los controles desplegables deben ordenarse alfabéticamente
  • Haga que las etiquetas de control de formularios sean lo más cortas posible, pero deben ser claras y fáciles de entender qué información desea recopilar. Si necesita agregar una descripción, no haga que el título sea muy largo
  • Use marcas de agua descriptivas en todos los controles de entrada y elementos predeterminados en los menús desplegables. p.ej. "Ingrese un título" o "Seleccione un país"
  • Proporciono mensajes de validación fallidos detallados y útiles en línea con el control, tiendo a mostrar primero un mensaje simple, pero si el usuario se da vuelta, obtiene mucha más información sobre el campo y qué valores se aceptan, etc. También incluyo un fallo de validación maestra mensaje que aparece al lado del botón continuar. También puede hacer que esta funcionalidad sea en tiempo real, de modo que cuando el usuario escribe y se equivoca, puede resaltarla de inmediato.
  • Si el asistente es realmente largo y cree que ayudaría, permita que el usuario guarde su progreso para que no tenga que completarlo en una sesión y pueda retomarlo más tarde donde lo dejó.
5
ArchieVersace

Pondría cada paso en una pestaña, de tal manera que las pestañas accesibles en cualquier punto estén habilitadas, las demás deshabilitadas.

De esta manera, el usuario puede moverse libremente por los errores correctos sin tener que retroceder varios pasos, etc. La habilitación de las pestañas aún impide que el usuario avance a pasos que aún no se pueden modificar, porque todavía falta información.

4
txwikinger

Además de otros consejos mencionados, use valores predeterminados inteligentes para todo lo que pueda. Si ya tiene su dirección de correo electrónico, probablemente pueda apuñalar su nombre, nombre de usuario potencial, posiblemente lugar de trabajo, país de residencia (u obtenerlo de su dirección IP o configuración del sistema). Aquí hay un pequeño ejemplo .

Lo que trae otra fuente de información: si está creando una aplicación, entonces habrá una gran cantidad de información disponible para usted desde el sistema. Úsalo.

Pensar en esto también puede alterar el orden en el que hace sus preguntas. Puede obtener una gran cantidad de cosas solo por país y código postal, por ejemplo.

Hablando de direcciones, los sistemas de direccionamiento postal hacen uso de vastas bases de datos de direcciones para permitir la verificación fácil de errores de las entradas de direcciones: dado el código postal, es posible que pueda adivinar después de una sola pulsación del nombre de la calle que la dirección deseada es " Calle quijotesca ", y guarda muchos errores de escritura y errores ortográficos. También puede conocer el rango de direcciones conocidas, e incluso si ciertos números requieren elementos adicionales como el número de apartamento, por ejemplo. No es que no permita que el usuario ingrese un nombre de calle o número de casa que no conoce, pero podría advertirles con un mensaje de tipo no modal "¿quiso decir ...?".

Para sumamrise: incluso si parece que hay mucho trabajo de su parte que puede ser anulado por el usuario al final, hacer que la vida sea fácil para sus (con suerte, millones de) usuarios vale la pena.

4
whybird

Si el proceso/asistente en sí no se puede simplificar o reducir de alguna otra manera, sugeriría, como mínimo, indicar exactamente en qué parte del proceso se encuentra actualmente el usuario.

Puede hacer esto con algo tan simple como "Paso 6 de 10", o de manera más elaborada mostrando un diagrama de flujo con el paso actual resaltado, etc.

3
J Wynia

Siempre hay formas de minimizar el tamaño de un asistente, como separar tareas o hacer que algunos de los pasos sean opcionales.

Algunos consejos:

  • Titula tus secciones
  • Botones Atrás y Siguiente
  • Permita que el usuario navegue a través de los pasos y, si dependen de los pasos anteriores, solo los completados.
  • Proporcione buenos valores predeterminados para sus entradas.
3
giancarlo

Además de estos excelentes consejos tácticos que todos han sugerido, también recomendaría que haga algunas pruebas de usabilidad de descuento con personas que trabajarían con el asistente.

Al recorrer las páginas del asistente actual con los usuarios, puede obtener comentarios útiles sobre qué conjuntos de campos se pueden agrupar para que el proceso sea más natural para ellos.

En algunas circunstancias, encontrará que sus usuarios tienen una mayor tolerancia para los formularios más largos cuando están organizados de una manera que coincide con sus expectativas.

r.

2
Robert Hamburger

Quizás un asistente no sea la solución ideal aquí.

¿El usuario realmente necesita elegir de una gran lista de diferentes opciones en secuencia?

¿Podrías predeterminar la mayoría de las opciones? Si el usuario necesita cambiar los valores predeterminados, puede hacer clic en un botón de cambio para cambiar esa opción en particular.

Si no se pueden omitir desde el principio, ¿puede guardar su elección anterior y omitirlas?

1
Mongus Pong

Considere las alternativas a los asistentes: habilitación progresiva y divulgación.

Tiene todas las preguntas en na página, pero solo muestra la primera parte de ellas. Luego, cuando el usuario ha terminado el primer fragmento, muestra el segundo fragmento en la misma página. Continúa así. De esa manera es:

  • Fácil de ir y venir
  • Obtenga una visión general sobre todas las opciones
  • Solo tiene que lidiar con un subconjunto de preguntas a la vez

Con la habilitación progresiva, ha deshabilitado la siguiente porción de preguntas hasta que el usuario haya terminado la primera porción.

1
Erik Engheim