Latest Blog Posts

Alain de Botton quote

This one makes me feel better about my work.

Anyone who isn’t embarrassed of who they were last year probably isn’t learning enough

—Alain de Botton

Things learnt while designing in the browser

  • If you haven’t yet tried designing in the browser, I wholeheartedly recommend it, fellow maker of the web. It makes life easier.
  • It’s both tough and easy, mostly depending on your team.
  • All team members must know how to design in the browser. A chain is probably only as strong as its weakest link.
  • Experience will bring you speed and confidence, don’t expect to jump from a visual editor into the browser and get super results straight away.
  • It is faster and more effective than the waterfall process.
  • It makes more sense than the waterfall process and allows fast and constant iteration. No website is ever finished, after all.
  • Have an art director on your team and follow his lead.
  • Create moodboards or style tiles, or both, but don’t waste time on full mocks.

Chase Adam on Watsi

I absolutely loved Chase Adam’s talk about his website, Watsi. Take a 25 minute break and watch the video, it’s well worth it. I’m a huge fan of the idea, the model, and the dedication behind this project.

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.

Read more in the blog →