THE PENDING DRAFT

Why Glossier abandoned Hamburger Menus in their Mobile Navigation

January 28, 2018

Steve Krug once said: “As a rule, conventions only become conventions if they work,” but I’ve come to realize that this is a somewhat idealistic view. Instead, I would contend conventions become conventions if enough people assumethey work. While many are grounded in thorough research, others are simply based on companies copying a seemingly successful competitor, assuming that whatever they are doing must be the best possible solution — Remington’s sales are skyrocketing, so the QWERTY layout must be the way to go. This halo effect, the tendency for an impression created in one area to influence opinion in another area, is a common cognitive (and design) bias that contributes to the emergence of conventions.

Don’t get me wrong — it’s generally good practice to adhere to conventions in design. They can be incredibly valuable in helping users navigate your product and more often than not, it’s wise to respect them. But there are some cases in which they emerge for the wrong reasons and aren’t backed up by any real evidence.

An interesting article by Jan-Niklas Kokott, Head of User Experience Design at Glossier, about how they changed their mobile navigation and why they abandoned the Hamburger Menu. Challenging conventions, trying out different solutions and testing the results should be a basic part of every design project.

Read “Glossier’s Mobile Navigation” on Medium

Website Obesity

January 4, 2016

There is only one honest measure of web performance: the time from when you click a link to when you’ve finished skipping the last ad.

Everything else is bullshit.

Amen!

This is probably one of the best and most entertaining articles about web performance i’ve read lately. Go read it, and don’t forget to make performance a priority in 2016!

The Website Obesity Crisis

CSS Pro Tips

October 11, 2015

Matt Smith shared some CSS Pro Tips on GitHub. I especially like the following snippet, but there’s a whole lot of other interesting things.

ul > li:not(:last-child)::after {
content: ",";
}

AllThingsSmitty – CSS Pro Tips (GitHub)

U.S. Web Design Standards

October 1, 2015

U.S. Web Design Standards

The U.S. Government released a complete set of Standards to achieve consistency across federal government websites.

Built and maintained by U.S. Digital Service and 18F designers and developers, this resource follows industry-standard web accessibility guidelines and reuses the best practices of existing style libraries and modern web design. It provides a guide for creating beautiful and easy-to-use online experiences for the American people.

It’s really great to see more and more organizations – and especially governments – create and even release Style Guides for Web Design.

U.S. Web Design Standards