Development Design Projects Contact Home

the 3 pixel paradigm shift

Would you buy a house with crooked walls and windows that don't quite close?

If a button is those 3px off, or 3pts, which will make it 9 WHOLE PIXELS on something like an iPhone 6+, most users won't consciously notice that. But they will feel something is not quite right and that thought will lower their comfort from using the digital product. It it s also true, that people are sadly used to using badly designed products and most of them are in that sloppy design execution department and it is not even frowned upon that much anymore. It should be.

Companies proudly present portfolios in which even the screenshots of apps are obviously very sloppy. And they're proud of it!

Most regular products, especially startups are maybe even expected to be slightly half-baked in the design, as of course every MVP story explains. Sure the product has to work. It has to solve a problem. But should it really look like an unfinished product, just because it is proving it is right for existing right now? There are many ways of solving this, ranging from I don't care about the details all the way to I'll never release this. Here is how we did it.

HYPE4 is design-centric

Our company was initially created as a design studio. Literally 100% of the initial team were designers. That design to execution sloppiness was actually the reason we started hiring developers. But as a design-first company we had to break a lot of previous ideas on how to code digital products (on the front-end part of course, but it was quite a bit of work).

They say old habits die hard but through explaining why it is better and lots of positive reinforcement when they do right, we believe developers can change. They only need to want to change themselves, but I guess we were lucky there. If a developer wants to always face new challenges and expand the skills maybe becoming a designer (in a very basic sense) also won't hurt.

We began showing our developers badly executed products that are out there and explaining to them what is wrong with that design execution. Do they want to release stuff full of little flaws, just because it is good enough? Didn't think so.

We started creating styleguides for projects, in which we used easier, developer-ready language to explain the relations of elements (line-height instead of leading is one example). And slowly, each project was a little better executed without extremely affecting the time. When a developer knows these things, he does it the right (or close to right) way on his first run.

Of course not to over-obsess it is always important to remember which things are crucial regarding alignment and typography, and which really are not that important. But that was a lesson we as designers had to learn. It is an ongoing process, but it is not stressful anymore. If the goal is to build awesome digital products, everyone has to be onboard with attention to detail.

Let's hope people take it to heart and understand that if it is 1px then maybe you can fix it in 1.1. But if it is 3px you better fix it now ;)

Stay up to date!

Sign up for our bi-weekly newsletter to get extra tips and tricks on how to make better products.

Privacy policy

Also read

Design + UX

Redesigning Polish PIT Tax Forms as a chat-bot

Tax forms are often perceived the same way prehistoric cave paintings are. As if they've been here all along and they never really were "designed". Hard to read, hard to grasp and extremely unfriendly from the start they spawn a league of people who will fill them for you. Is there a better way? 🤔

Marketing

Building a "Design system" style library for social media materials

Quite recently we were showing a friend's company how we use design systems (and sometimes "just plain libraries") to automate and speed up some of our design processes. Unknowingly we've been also using it for our social media posts and materials. They were blown away by the speed and consistency in which a non-designer can build a complete post graphic.

We gained our expertise by working for clients such as

Viacom logo
mBank logo
Samsung logo
Payback logo
Analizy logo
Kup Fundusz logo
Seachange logo
Nickelodeon logo
Comedy Central logo
MTV logo
Paramount logo
Viva logo
Szkoła Wyższa Psychologii Społecznej logo
Sage logo
Renault logo
BWM logo
Multikino logo
Oriflame logo
Analizy logo
Kup Fundusz logo
Paramount logo
Viva logo
/user/themes/hype4-theme/img/2019/

Let's talk about
what you want to create.

Contact us! We will get back to you shortly:

Additional contact:

Michał Malewicz

[email protected]

Szymon Adamiak

[email protected]