8

I'm working on a website where each user have to fill some forms to add some data which must be validated by some administrators. I won't enter into details in order to find a general solution which may be applicable to other needs. The target are users whose skills are unknown, in other words, it should be understandable by everyone.

Steps in my todo list

  1. Entity is already added
  2. Another form have to be filled (the 0 is a link to this form), it can be filled before of after step 3 but it's required for step 4
  3. The user has to wait (the administrators receive an email to alert them that they have to validate the entity, it can take several hours if no administrator is online, once it's done the user receive an email)
  4. The user has to add entities in order to enable the step 5
  5. This is only feedback of validation state of entities added at step 4 (as in step 3, the administrators are alerted by email and the user receive a notification email)

Context

The first entity is a request by the user: I want to make reservations on your devices so I sent you a request. Validation by administrators is required in order to ensure that the user is trusted. The entities in steps 4 and 5 are reservations, so each reservation has to be validated by the administrators.

The current display

Todo list

The green bar at top is a progress bar.

The current display with animation

Todo list animated

Steps 4 and 5 are inactive until the entity is validated, so they are greyed.

Question

My question is: what is the best way to display a list presenting the interactions between a user and administrators? The goal is to display clearly what the user have to do and when he have to wait for administrators actions.

I have seen in another question that I can use another column of a table to present the actions from administrators, it will use less space. For example :

  1. Entity [ added ] [ validated by administrators]
  2. Second form filled
  3. Entities [ added ] [ validated by administrators]

2 Answers 2

8

In To do list it's better to show the steps, which are under a user responsibility. This focus him on his task. Status of each task is a property, that could be displayed along with the task. Also it's better to use command mood for task naming, e.g. Fill form instead of Form filled.

Your list is more close to status indicators, no Todo list, as all the sequence of a process is shown.

Also don't use progress bar, as it's excessive in your case. You have indicators within the list itself.

Possible solution could be like pictured:
enter image description here

For a current step representation it's good to give some cue to a user. I marked the current step with a marker on a left side. It breaks the aligning line of the items and allows discover this "disorder" in a fast way. This guarentees user will be focused on the current task.

Don't rely on status icon only, it could be misinterpeted. So give clear status message. Still, for icon I'd choose something like Location, Task, Target, or so. Please, look at the picture:
enter image description here

Appropriate icons:
enter image description here

4
  • it's better to show the steps Please explain how, I don't see what you're thinking of. Thanks for the other comments.
    – A.L
    Commented Feb 12, 2014 at 16:53
  • @n.1, I've added a picture. Commented Feb 12, 2014 at 20:37
  • Can you please add an example of how I can present to the user Fill second form: no (you have to do this)?
    – A.L
    Commented Feb 17, 2014 at 14:06
  • @n.1, I've updated the answer. Commented Feb 17, 2014 at 22:05
1

It's hard to answer your question without broader context.

Does user should sit and wait for entity to be validated by admins? If yes then how long does it take? How user is notified about validation results?

2nd form is opened in another tab? Can your backend developers send you (to frontend) the asynchronous event from the backend?

1
  • 1
    Ok, I'll add some details in my question.
    – A.L
    Commented Feb 12, 2014 at 16:44

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.