I have the following scenario - in my web application each user can update the form. But before it goes live, a second analyst goes through the changes of each field and approves a change. As a default the input is rejected

  1. Some inputs are blind and a second user has to fill the data to approve it.
  2. There are some inputs that are visible, so to approve it you have to click on the icon.
  3. We have also checkboxes and radiobuttons to approve.

Can there be a better design?

enter image description here

  • are the 'x' and check icons the approve or reject icons? Also, one user A fills out the form, can they see the form as the second analyst goes through and approves or rejects fields at the input level? Also, can the analyst change the form inputs, or just give a approve or reject? – Mike M Aug 31 '20 at 12:59

If the primary interaction for the approver is to click a button to approve, make them larger so they are easy to click (assuming you currently want them to click the little icon). I think the red and green is too much and distracts from the contents.

Also consider keyboard navigation. Some users might prefer that as it can be a lot faster than using the mouse.

Align the approved / rejected indicators so that it's easily scannable on the page. For example by placing the icons to the left of all fields (textfield, checkbox etc).

If you post some screens of an actual layout, in the different phases, we can be more helpful. Interesting project :)


Why is everything rejected by default? No error has been made. The default should be "not approved" which has no visual cue and a approved state in green.

Also there are 2 journey the one from the "user" and the "approver". The first one's job is to fill out the form, so he only sees the form and if it has been approved (e.g. a checkmark icon).

The second one's job is to approve. so there should be a focus on approval buttons.

Furthermore I would question if every checkbox or radio button has to be approved but rather the made choice in that segment. so there should be an approve button for that radio button group / that question.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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