How to display failed records on a table
Bogopo last edited by
I’m designing a screen that contains a table which displays files that have been imported into the system automatically. There is a possibility that the entire file will fail (for various reasons) and another possibility that the file will be accepted but on a few rows will fail while all the others are accepted. The table has separate columns for 'status' (showing the overall file status) and "rows rejected" (the actual rows that failed).
In my design I have the entire row (regardless of use case) visually highlighted with increased font size and red text (I did the larger font in case someone is color blind to red). During a review of this design it was suggested to me that ONLY the fields/cells that are problematic should be red. So if the file failed, then the status field of that specific row would be red and the rest of the row would be our standard font color. If the file passed but there were some rows that failed, then the row would be standard font color and ONLY the ‘rows failed’ field would be highlighted red.
I’m not sure which is the better, now that I’ve had time to absorb the feedback and think on it. Does anyone have any suggestions or rules of thumb for something like this? Should I stick with highlighting the entire row or should I focus only on the fields in question?
Build in indicators at both the row and the cell level.
You can use two types of indicators in this case.
The Row level:
This can be a persistent element that relies on consistent position, color, and a symbol. Adding to the left of the table (like an invisible column that appears) allows a user to quickly vertically scan the list, to see overall how many rows need correction.
The cell level:
This allows for the exact values to be corrected. It's important to have both, because in a long table, some of the cells might not fit in the viewport without scrolling horizontally. The row indicators will tip off the user that somewhere in the row (maybe offscreen), there's a need to correct a cell.