Pixel-Assured before Pixel-Perfect

Designers are hooked to design pixel-perfect layouts. In last twenty years, I have seen design teams investing in PSD to HTML, and later to a variety of libraries, extensions, and tools to ensure that designs are pixel perfect.

Ironically, in every product team where I am involved after the development starts, I have a hundred percent record of getting a lot of design to be redone.

This is because a majority of the pixel-perfect designs are done without an eye on how the users will interact for their expected goals.

Within five minutes of my day one with the team, my question is – “How will you add some instruction or text in this design to ensure that users understand what they see, what they should do, and whether they should take the next step, and the whys and hows.

For example, in the following two cases.

A Dashboard

Content in product UX, by Vinish Garg

Add Coupon

Content in product UX, by Vinish Garg

These are two perfect examples of poor customer onboarding, and then they wonder why the churn rate goes high even after a good conversion.

Will the pixel-perfect design help here? I would rather invest in a pixel-assured design that adapts itself for the content. For the content that we have ready before the design, and the content that we can envision as the product scales.

Pixel assured is more important than pixel-perfect. And you cannot be pixel-assured without right content.