Skip to main content
UI Coach Logo

Latest from the design community

Adam Silver · May 18, 2020

Form design: multiple inputs versus one input

While most fields are made up of just one input, like an email address, some fields (that are essentially one value) could be split into multiple inputs, like a sort code. This is done to help users read back their answer more easily, in small chunks, or to help users meet the formatting requirements of something like.

Read

Ethan Marcotte · <name>Ethan Marcotte</name> · Apr 15, 2020

Constrained CSS grids without max-width.

Stumbled across a little layout technique while working on my latest redesign . I think it’s helpful; maybe you’ll think so, too.

Read

Ethan Marcotte · <name>Ethan Marcotte</name> · Apr 8, 2020

Writing my accessibility statement.

It was long overdue, but I’ve added an accessibility statement to my website. Here are a few reasons why.

Read

Lea Verou · Apr 4, 2020

LCH colors in CSS: what, why, and how?

I was always interested in color science. In 2014, I gave a talk about CSS Color 4 at various conferences around the world called “The Chroma Zone” . Even before that, in 2009, I wrote a color picker that used a hidden Java applet to support ICC color profiles to do CMYK properly, a first on the Web at the time (to my.

Read

Ethan Marcotte · <name>Ethan Marcotte</name> · Mar 16, 2020

Through a design system, darkly.

Design systems haven’t solved the consistency problem—far from it. What can?

Read

Uber Design · Evelyn Kim · Mar 3, 2020

What do I want to do with my c̶a̶r̶e̶e̶r̶ life?

A design manager’s guide to jumpstart career conversations with your team. Uber Eats Design & Research Offsite in Monterey Bay Aquarium, Photo credit — Cocu Liu Let’s be honest, managing can feel like you are constantly undulating between surviving and thriving. Whether you’re at the beginning stages of management or.

Read

Uber Design · Minal Jain · Feb 21, 2020

Ten things I’ve learned as a UX researcher at Uber

In July 2016, I joined Uber as the first member of our Bangalore-based UX team. I was one of the earliest researchers at the company outside of the U.S., and at that point, the Bangalore office had just opened and things were still taking shape. It seemed overwhelming at first — being in a distributed office, not havi.

Read

Manuel Matuzovic · Feb 20, 2020

One of my favourite accessibility testing tools: The Tab Key.

I’ve been employed for about a year now and many things are different compared to being a freelancer. One interesting thing in my specific situation is that I have to evaluate the accessibility of third-party tools regularly. Usually there’s no time for a full audit, I have to gain a good overview of the quality of a.

Read

Manuel Matuzovic · Feb 11, 2020

Reading recommendations: Animation on the web and vestibular disorders

It’s 7:25 a.m. and I’ve already learned so much. Actually, I just wanted to write a few paragraphs for an article about accessibility in CSS before I go to work, but I got caught up reading about animation on the web and vestibular disorders. The articles I read written by Eric W. Bailey and Shell Little , Val Head ,.

Read

Ethan Marcotte · <name>Ethan Marcotte</name> · Feb 3, 2020

The design systems we swim in.

When was the last time a design system empowered you to make a decision? (I’m honestly asking.)

Read

Adam Silver · Feb 2, 2020

Building an accessible autocomplete control

This is an excerpt from my book, Form Design Patterns. This article starts in the middle of chapter 3, A Flight Booking Form where I’ve been looking at ways to let users enter a destination country. Unfortunately, native HTML form controls aren’t good enough for this type of interaction. And so we need to build a cust.

Read

Adam Silver · Jan 19, 2020

Form design patterns webinar, course update, January resolutions

Webinar, course update, bullet journaling, job update, Veganuary and Red January. I did a webinar on form design patterns Vitaly from Smashing Magazine invited me to do a webinar on my book Form Design Patterns . I talked about why form design is so important and then I did a live redesign of the ASOS checkout flow. I.

Read

Manuel Matuzovic · Jan 15, 2020

Bad accessibility equals bad quality

When I talk about web accessibility at meet-ups and conferences, it’s safe to assume that at least one person will ask me something like “Yeah, accessibility sounds nice, but how many people are actually disabled? How many of my users are blind? And why would a blind person visit my website?” 1. Who gives a fuck?! We’.

Read

Heydon Pickering · Oct 21, 2019

Web Accessibility Is Out To Get You And Make You Feel Sad

Since the landmark Domino's case , I've been having some conversations about web accessibility with people who wouldn't ordinarily take an interest. Some of these conversations have been productive; others have not. The following is a dramatization based on true events. DEVELOPER: Alright, lads? So what's this accessi.

Read

Manuel Matuzovic · Oct 15, 2019

Beyond automatic accessibility testing: 6 things I check on every website I build

I just finished an accessibility audit for a client and I decided to share some quick checks I perform in every site I audit and build. It’s something that you can apply to your project right away, you don’t have to learn a tool or a software. Step 0: Automatic tests The first thing I do is run accessibility checks in.

Read

Adam Silver · Sep 16, 2019

Where to put buttons on forms

Button placement on forms is often ignored or prioritised based on what looks good. But button placement can make or break a form, and a form can make or break a user’s experience. That’s why it’s essential to get it right. This is more challenging that in sounds because it depends on the buttons and the form in quest.

Read

Uber Design · Etienne Fang · Aug 27, 2019

The Power of Insights: A behind-the-scenes look at the new insights platform at Uber

Logo design by Ryan Koziel In the late 20th century, the dominant technological question was “How do we learn better?” In the early 21st, that question has been followed by “How do we better use the things we’ve learned?” Uber is powered by information. Chances are good that your company is, too. We’ve all had firstha.

Read