Summary: Hamburger menus are a more familiar pattern today than 10 years ago, but the same old best practices for hidden navigation still apply. Few icons in digital design have sparked as much debate over the last decade as the hamburger. The hamburger menu — which earned its nickname because of its abstract, stacked, hamburger-like… Continue reading The Hamburger-Menu Icon Today: Is it Recognizable?
Tag: Label
Designing for Serial Task Switching
Summary: Serial task switching, or rapidly shifting attention between tasks, is a natural user behavior that lowers productivity and increases stress and the chance of errors. Be honest. How many tabs do you have open right now? If you’re like me, it’s probably more than you’d like to admit. Serial task switching is a natural… Continue reading Designing for Serial Task Switching
How Designers and Developers Can Collaborate Using Sketch and Zeplin
Collaboration between designers and developers is essential to the success of a web project, and it’s a measure of a team’s success. Whilst sharing the same workspace is invaluable, having an online source of truth that helps with this collaboration is incredibly helpful. In this article we’re going to look at Zeplin and how it… Continue reading How Designers and Developers Can Collaborate Using Sketch and Zeplin
How To Create The Float Label Pattern
Today I want to walk you through a story about the float label pattern. I can’t speak to who thought of this first, but I can say that Matt Smith popularized it with one of his Dribbble shots a few months back. It is a new take on the way input fields and placeholders behave… Continue reading How To Create The Float Label Pattern
20+ HTML Forms Best Practices for Beginners
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Working with HTML forms can be somewhat daunting. They not only use some niche HTML elements, but also blur the line between static content and user interaction. Let’s review some things to remember when creating your next form. Good HTML forms require attention on at least four… Continue reading 20+ HTML Forms Best Practices for Beginners