Dell EMC Compare Grid
As a partnership between product marketing and the digital marketing CRUX unit, building out our compare grid was a massively iterative process. We designed mobile first, rapidly sketching our way through about a dozen scenarios an paper or in XD. The top candidates were then produced as interactive wireframes in ProtoPie:
- Variant B: Hybrid design with native mobile app inspired elements
- Variant C: Closest to a native mobile app design, utilizing an action sheet
- Variant D: Essentially a carousel slider, included based on a stakeholder request
Research on this project was a collaboration between our product marketing team and the digital marking CRUX unit. Not everything was rainbows and puppies either, as both groups started out with a very different idea of where business goals and user value might intersect.
After many weeks of going back and forth we put three mobile variants in stakeholders and users hands and quickly chose a direction as a result. The desktop edition of the grid was a progressive enhancement from mobile, despite a heavy bias towards desktop browsing when users research major enterprise purchases. While initial analytics of the new tool suggested a mixed result, adoption a year out has been excellent. Recent System Usability Scale (SUS) measurements indicate that users who discover the compare grid have scores a full 10 points higher than those who do not when evaluating products for purchase.
The user journey itself is in the midst of a major rework as we continue to harmonize Dell, Dell EMC, and Dell Technologies on a single design system. The bones of the compare table, however, remain an important part of both the subcategory and family level product discovery experience.