Skip to main content
UI Coach Logo

Latest from the design community

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

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

Lea Verou · Nov 12, 2020

Simple pie charts with fallback, today

Five years ago, I had written this extensive Smashing Magazine article detailing multiple different methods for creating simple pie charts, either with clever use of transforms and pseudo-elements, or with SVG stroke-dasharray . In the end, I mentioned creating pie charts with conic gradients, as a future technique. I.

Read

Ethan Marcotte · <name>Ethan Marcotte</name> · Oct 30, 2020

My design systems reading list.

A friend asked me to share a few favorite resources on design systems. I thought I’d share them with you, too.

Read

Google Design · Kansinee Adsanatham · Oct 28, 2020

6 Ways to Cultivate Your UX Design Career

Over the past year, I have been coaching a few friends on their job searches and helping them get started in the user experience design field. Through our conversations, I found myself looking back at when I started at Google 10 years ago as a visual designer for Google Chrome and Google Maps, and how I transitioned i.

Read

Adam Silver · Oct 20, 2020

Interaction designers: how well do you work with developers and content designers?

I used to be a frontend developer. I think there are broadly 2 types of frontend developer. The first type prefers to be given a spec to follow and that’s that. The second type has more of an interest in how well the UI ends up actually working for users. If they’re handed something that can cause usability and access.

Read

Manuel Matuzovic · Oct 12, 2020

Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences

In the first article of this series, I explained how important progressive enhancement is for web accessibility. Building websites layer by layer allows for a cleaner separation of concerns and more resilient experiences. This second article is about user preferences and how to respect them when writing CSS. In this s.

Read

Google Design · Susanna Zaraysky · Oct 8, 2020

Writing for global audiences

Draft clear content so users know how to take action Illustration by Alexa Ong, Next Billion Users illustrator I wrote this story with assistance from Luke Easterwood, LeAnn Quasthoff, Jessica Caimi , and Erik Ninomiya , UX writers who have focused on the needs of the Next Billion Users. John Steinbeck said that “Poet.

Read

Léonie Watson · Léonie Watson · Sep 28, 2020

How screen readers navigate data tables

When a table is created with appropriate HTML elements or ARIA roles, screen readers can inform users about table characteristics and provide keyboard commands for navigating tabular content.

Read

Lea Verou · Sep 24, 2020

The failed promise of Web Components

Web Components had so much potential to empower HTML to do more, and make web development more accessible to non-programmers and easier for programmers. Remember how exciting it was every time we got new shiny HTML elements that actually do stuff ? Remember how exciting it was to be able to do sliders, color pickers,.

Read

Google Design · Susanna Zaraysky · Sep 23, 2020

Nurture trust through cost transparency

Design for trust by giving users more control over their data usage Illustration by Taylor Herr, Next Billion Users visual designer I wrote this story with Ramprakash Ravichandran , an interaction designer on the Next Billion Users team, and Ted McCarthy , a user experience researcher on internet access projects. Inte.

Read

Google Design · Miles Orkin · Sep 21, 2020

The Making of Maker Experience

When teams feel great, they make great products. So we built a team dedicated to the experience of making. At Google, we want our products to exceed expectations, attain our goals, and improve the lives of our global users. To make that happen, the teams that make them have to be exceptionally well-prepared and well-c.

Read