Latest Blog Posts

Quick UX tip: fill the multi-line link gaps

When styling links (or any text which could eventually become a link) that could break into multiple lines, double-check your line-height. Not only for the sake of legibility, but to make sure a gap between two lines does not occur. Take a look at the following example I found on the web:

Bad line height example
An example of a gap between two lines. I added the border and background color in the inspector.

If your mouse hits the white gap between those two lines and you click, nothing happens. The user expectation is of course different: the user expects to land on a new page. This can be very frustrating and confusing for your users, but thankfully, a fix is very easy: adjust your line height (or even padding) and the problem is gone.

On football kit contrasts

Here in Croatia, the domestic game people follow most is the one between Dinamo and Hajduk — the blues and the whites. But when the two teams clash, the kits they use aren’t all blue or all white. Instead, one team has blue shirts and white shorts, while the other one has white shirts and blue shorts. What is someone’s idea of good contrast turns into a problem. Here’s how that looks, roughly:

Dinamo vs. Hajduk
My illustration of a typical Dinamo vs. Hajduk game. Having a hard time distinguishing the teams?

To make things even worse, each side’s kit has details (numbers, sponsor logos, etc) in both blue and white, which naturally makes it even harder to distinguish. Your big screen TV won’t help you much — you’ll have a hard time picking out who is who and it all becomes a bit of a blur.

I’d propose a very simple solution. Why not use kits like these:

Dinamo vs. Hajduk
An illustration of kits with much better contrast. One team wears blue, the other wears white.

Hopefully, someone picks up on this. Naturally, this problem is not limited only to domestic game here in Croatia. I sometimes detect similar problems in other leagues and international games. Fingers crossed we won’t have too much trouble figuring out which team is which in this years World Cup.

Read more in the blog →