Design decision: adding tabs to toggle between views
One common feedback we received was that users were unaware that both the plate view and the table below it were displaying the same information. A recommendation from the design team was to use tabs to toggle between the views.
First iteration
Matches the experience of the legacy desktop designs → older users are familiar with it
Some users thought they would have to first select a well in the plate view, then select a sample in the table → unclear they both display the same information
A lot of information and not enough real estate to display it → table view is very squished
Final version
Clear distinction between plate view and table view
Still displays all the information found on the table view for selected sample
This design change was out of scope of the original team ask to simply update the UI and not change the UX. However, after presenting our research, design arguments, and user feedback, we were able to convince the team to implement this change.
Design decision: indicating QC flags
Another decision was on how to indicate QC flags. Through user testing it was deemed that most users use our interface to check on the status of their samples. After speaking with the design team we decided that only the error flags were necessary to draw attention to.
One thing to keep in mind is that the flags must still be visible when the row is selected.
Filled cells
Pills to indicate flags
After speaking with the design team we decided that only the error flags were necessary to draw attention to (think about Jobs-To-Be-Done!). The current use of colours make the interface look visually noisy, so we removed as much colour as we could except for the flags.
Final version
.png)
.png)
.png)
.png)
.png)
.png)
