A List Apart's Redesign

Other people will write more insightful things about A List Apart’s latest redesign. I generally like it, but I will note one thing: having your site look like it’s cut off above the fold is a bad idea in a world where most devices don’t show scrollbars anymore.

Nope, can’t scroll up further than that. That’s what the site looks like all the way scrolled up. When I saw the redesigned site for the first time, I automatically tried to scroll up.1 When it didn’t work, my immediate reaction was that something was broken.

Granted, the cut-off logo looks pretty cool. Still, this is usually not the kind of reaction you want to evoke in your users.


  1. In fact, designing layouts so elements will be cut off is something designers often do intentionally to indicate scrollable areas. back

If you require a short url to link to this article, please use http://ignco.de/511

designed_for_use_small

If you liked this, you'll love my book. It's called Designed for Use: Create Usable Interfaces for Applications and the Web. In it, I cover the whole design process, from user research and sketching to usability tests and A/B testing. But I don't just explain techniques, I also talk about concepts like discoverability, when and how to use animations, what we can learn from video games, and much more.

You can find out more about it (and order it directly, printed or as a DRM-free ebook) on the Pragmatic Programmers website. It's been translated to Chinese and Japanese.