Skip to main content
UI Coach Logo

Learn the principles behind the interface

UX laws, made visual

Explore all UX laws

From design to website

Turn your UI designs into live websites.

Build visually in Webflow, just like you design. Fine-tune typography, spacing, layout, and interactions until everything looks right, then publish your site live.

Explore Webflow

Latest from the design community

Intuit Design · Christophe Coutzoukis · Apr 6, 2021

The influence of Design systems and JavaScript frameworks in large-scale companies

Both have a similar influence on two different jobs, design and development, creating a new division of labor. Design systems and the designer roles Design systems are somewhat new. Even if everybody in the design sphere is talking about them right now, the consequences of their introduction in big companies are yet t.

Read

Intuit Design · Kelly Harrop · Mar 31, 2021

Using Design Tokens to Accelerate Design Systems

How Intuit is improving the developer UX for design tokens As a unified design system, we empower teams across Intuit to deliver seamless, cohesive experiences. Because we serve both designers and developers, we needed to invest in tooling that would allow us to scale our impact in order to fit their needs. Opportunit.

Read

Lea Verou · Mar 30, 2021

Dark mode in 5 minutes, with inverted lightness variables

By now, you probably know that you can use custom properties for individual color components, to avoid repeating the same color coordinates multiple times throughout your theme. You may even know that you can use the same variable for multiple components, e.g. HSL hue and lightness: :root { --primary-hs: 250 30%; } h1.

Read

Learn UI Design · Erik D. Kennedy · Mar 26, 2021

Free Font Alternatives: The Ultimate Guide

Free, high-quality alternatives to: Apercu · Avenir · Circular · DIN · Futura · Gotham · Helvetica · Proxima Nova · Times New Roman

Read

Intuit Design · Ted Drake · Mar 23, 2021

Designing for the (WCAG) Future

The Americans with Disabilities Act was signed into law in 1990. This fundamentally changed how we designed spaces and created inclusive experiences. However, the law came before the Internet and designing for digital experiences. As our designs and technology have evolved, so have the guidelines for making them inclu.

Read

Boxes and Arrows · Alesha Arp · Mar 21, 2021

Focus on Usage Maturity: Part III

Using a Usage Maturity Matrix to Make Design and Strategy Decisions Early Foundations You may recall from earlier installments in this series, that usage maturity is a measure of users’ comfort and familiarity with, and degree of use of, a

Read

Adam Silver · Feb 24, 2021

Material Design text fields are badly designed

I’ve been designing forms for over 20 years now, and I’ve tested many of them for large organisations like Boots, Just Eat and GOV.UK. One topic that comes up a lot with forms is: where to put the label. In the early days, we talked about left aligned labels versus top aligned labels. These days the focus is more abou.

Read

Intuit Design · Ted Drake · Feb 22, 2021

Inclusive Design for Sickle Cell Warriors

When it comes to accessibility and inclusive design, we tend to focus on specific abilities and conditions. For instance, using colors with adequate color contrast for people who have low-vision or in less-than ideal lighting situations. But inclusive design requires more than an awareness of different disabilities an.

Read

Intuit Design · JP Ramirez · Feb 10, 2021

Intuit Investor Day: A Visual Design Case Study

Every year, Intuit invites the investment community to attend an experience online and in Mountain View to share company progress and updates. Last October, Intuit’s Brand Experience and Storytelling Team created a ground-up visual identity system to elevate the end-to-end experience. Creative Strategy The team create.

Read

Uber Design · Dylan Babbs · Feb 9, 2021

How I programmatically built 256 new design system components in Figma

A look into how automation can supercharge the design process Uber’s Base design system offers a set of map marker components that are used extensively across our products, displayed any time we feature a map to the user. We’ve recently come across the need to showcase additional context on the map markers and settled.

Read

Google Design · Ramprakash Ravichandran · Feb 5, 2021

Improving Comprehension through Intuitive Actions

Improving comprehension through intuitive actions Illustration by Mingguo Li, Next Billion Users illustrator I wrote this story with Susanna Zaraysky , a Content Strategist on the Material Design team. “You are not your user” is a common UX mantra and one to keep in mind when designing for maximum user understanding..

Read

Manuel Matuzovic · Jan 7, 2021

More or less burger-less navigation

For your and my inspiration: A collection of websites that don’t hide the navigation on mobile behind a burger/menu button. Show some, hide the rest Single row, centered Single row, space-between Single row, scrollable Multiple rows Vertical navigation Single row, additional icons Multiple rows, aligned to the right M.

Read

Léonie Watson · Léonie Watson · Jan 2, 2021

Thoughts on screen readers and image recognition

Text alternatives for images have been an accessibility first principle since 1999, but over 30% of homepage images are still missing descriptions, leaving blind users unable to see or use that content.

Read

Uber Design · Femke van Schoonhoven · Dec 8, 2020

Designing For A Cash Experience

What cash trips in Mexico taught me about designing for international markets at Uber As a product designer at Uber working on the Money team in Amsterdam, it’s my job to help come up with design solutions for Uber products across the globe. Designing globally presents a lot of challenges that don’t come up if you are.

Read

Boxes and Arrows · Damian Cranney · Dec 7, 2020

A Digital Response to the Pandemic

In March 2020, the pandemic stretched across Europe to the UK and Ireland. As the governments of Northern Ireland and the Irish Republic began reporting cases of a deadly new coronavirus strain, both health services began to organize expert teams

Read

Adam Silver · Nov 25, 2020

Avoiding tab styles for navigation

I work on a service that lets users manage teacher training applications. The screen below shows our initial design of the navigation bar. The items are links but styled like tabs. Initial design: navigation bar styled as tabs But this design is potentially problematic. Here I’ll explain why that is and what we did ab.

Read