Tip #22: Know the difference between Helvetica and Arial

Helvetica comes on Macs and Arial comes on PCs, but that’s not the end of what divides them. Arial was acutally designed in-house at Microsoft to have the same spacing as Helvetica; basically, this means that if you took a …

Tip #21: Spell it out for them

Mystery meat menu icons—or hamburger icons—are essentially useless. Just make your menu button say “menu.” Seriously. There are plenty of studies to back this up, but we don’t need all those. When you see a hamburger icon, do you know …

Tip #20: It’s all about color and type

Every mobile platform has its own style guide with preferred ways to create common user interface elements, so how do you stand out? The two main ways: Color and type. A millions apps and websites use blue and green and …

Tip #19: Give your corners appropriate radii

Rounded corners are all the craze right now, and understandably so—finally, screens have resolutions high enough that curves don’t look terrible. But how rounded should your corners be? Well, the larger the radius, the more game-like the item will look. …

Tip #18: Give feedback to the user

If a user mousesover something—if they place their mouse cursor on it—and nothing happens, then the user will assume that nothing it’s not clickable. Similarly, if something doesn’t look different when it’s selected, then the user can’t know that it’s …