Plugin for Sketch to create connection flow arrows for creating user flows, sitemaps and many more. Saves hours if you are doing them in Sketch. Just select two objects and click on “Plugins” → “👉…

Turn designs and prototypes into usability tests in just a few clicks!
https://marvelapp.com/user-testing

Learn how and why to switch from RGB to HSL in your projects.

Hue: your base color, pick a value from 0 to 360 (think about the color wheel)
Sauration: how “intense” (rich or dull) your color will be (%)
Lightness: add or remove white from your colors, 50% is the middle ground, below you add black, above white. Key for creating shades of color. 

If your target audience is a general population, you should not be using icons alone to convey anything meaningful. By doing so, you have made assumptions…

In recent years, mobile usage has risen to the point where people now spend twice as much time on mobile devices as they do on desktop, and in many countries...

A look at the most common anxiety causing micro-interactions and animations that can turn them into moments of delight. Then we’ll show you how to create one of these animations using Sketch and Flow.

Learn sound design for user interfaces by example. 

User Flow Diagram Template resource, for Sketch App. User Flow Diagram Template Sketch file freebie.

A micro nudge is a well-timed small animation that prompts the user to do a “small” task that they may have otherwise forgotten or not have taken notice of. The sliding “comment” is the micro nudge…

What human behavior can show us about using human-centered design in the service of better-applied data.

Years ago, I wrote about Designing for the Appearance of Speed, outlining some impetus and methods for creating the illusion of short page load times in apps and on the web. Shortly after that…

Speed up your Sketch workflow by visually turning basic layers into symbols.

As front-end engineers, we want to provide the most reliable and comprehensive user interface by using many techniques, new technologies, frameworks or just our knowledge and experience. Everything…

Design Kit is IDEO.org's platform to learn human-centered design, a creative approach to solving the world's most difficult problems.

Evolve your design too quickly and you’ll leave your users behind. Design too slowly and your users will do the same to you. It’s crucial to keep design practices aligned with the way users really interact with digital products and interfaces. To help, Huge’s UX and research teams are collaborating to test conventional and emerging design and usability standards.

When it comes to selecting a pattern for the primary mobile navigation, product designers usually choose between two options — side drawer (also known as a hamburger menu) and tab bar. Both…

At Google Cloud my job is to reimagine enterprise — the tools we build and how we design them. Traditional enterprise products don’t reflect how people work — our pain points, our tasks across the…

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.