1

We have a CMS / web app that takes in repair issues sent by customer. We also have an app for the customer and an app for the technician. In a normal flow, the technician will directly receive the customer's repair request. However, if there's any issue that happens in between the customer & technician, the CMS admin must interfere and do so urgently.

Now each of these repair requests come in as a row in a data table. This row has 3 states:

  1. Admin needs to take action on this request.
  2. Admin doesn't need to take action but status is changed.
  3. Admin doesn't need to take action and there's no status change.

My question is how to show / design this row to make it clear that, first and most important, the admin needs to take an action if there's a need to.

On the below mock, what I did is that if something needs to be actionable, it's of a different color and the action buttons are visible. If it's just a status change, it will have a blue icon on the side. And on reloading the page, it will disappear. Actionable items will only change in color when the action has been applied.

enter image description here

My question is, is this enough or is there a better way to do this? The client wants the actionable rows to be unmissable and I wonder how else to make it so.

2 Answers 2

1

Move actionable rows to the top of your list.

This idea is based on that users start reading from the top and attention weakens the further they get down the page.

Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.

Source: F-Shaped Pattern For Reading Web Content

Also label the rows with a title 'action required' and perhaps a subtitle with further information. Keep the action-color like you described it in your question. See image below.

By the way, I don't think something can be absolutely unmissable. All we can do is limit the chance of it happening.

enter image description here

0

Quickly using your mockup I have applied further action labels within the row. Does this answer your question?enter image description here

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.