Physician order task flow
I was tasked to re-design the physician order task flow in order to incorporate a new sample collection option with saliva. With saliva option there are flows compared to the blood sample. Before I began on the design, I analyzed the previous design and gathered feedback and insight.
previous order flow analysis
Some user feedback & noticeable changes to be made for blood sample
Due to column alignment of content on step 3 with the stepper bar, users thought item correlated to the different steps
However each item on the page is for step 3 only
The iconography for some of the steps were not needed
Using those feedback, we can update the blood collection step and then apply the same designs to the saliva step.
final design implemented
The main difference with the design is the usage of rows instead of columns. This allows the users to read down the page which is the natural progression of user flow. The final design also includes the numbering of the step and less icons involved. This cleaned up the visual hierarchy on the page and lets the users focus on one thing at a time. User feedback from physicians stated that it was easier to read and follow.
final Saliva collection flow implemented
The saliva flow has one extra step which is that physicians give 3 options for patients to collect their samples with different information for each option.
New proposed design with updated ui kit
As I got promoted to UX/UI designer, I started to look into aligning the Celmatix brands and their UI kits. A lot of the UI designs are not consistent through the platform. During the first designs, I was told not to re-design the progress stepper. However, for this proposal, I decided to ailgn all the stepper designs that is recognizable during the registration of the Fertilome genetic kits.