Iteration 1
Collapsable cards were the first visual concept we tested with sample audiences. I learnt that while the 'blueprints' caught the users' attention, the information load felt steep. Glanceability took a hit. I went back to the drawing board – simpler, this time.
Iteration 2
I moved away from the 'card' approach towards a continuous scroll. Stripping the visual noise, only critical and relevant content was housed in a container with top + bottom accent strokes. However, testing revealed that while usability improved, product consistency suffered.
Iteration 2
I moved away from the 'card' approach towards a continuous scroll. Stripping the visual noise, only critical and relevant content was housed in a container with top + bottom accent strokes. However, testing revealed that while usability improved, product consistency suffered.
Iteration 3 = Final UI
The final iteration was the best of both worlds. I advocated for the card UI from previous iterations + essential information with striking visuals. This approach consistently fit across the app's design language and was simple enough to consumer at a glance.