Skip to main content
UI Coach Logo

Latest from the design community

Manuel Matuzovic · Jun 30, 2023

the details element and in-page search

An important factor in terms of UX and accessibility for deciding whether the element is the right solution for a problem is the find-in-page behaviour. In Chromium-based browsers, the details element automatically opens when it contains a string the user searches for. If Safari and Firefox, it has to be opened for th.

Read

EightShapes · Dan Brown · Jun 29, 2023

Product IA is hard to talk about

Photo by Claudio Schwarz on Unsplash Series: information architecture in digital products Theory: The information architecture of products happens at a higher level of abstraction than the IA of web sites, and is therefore harder to recognize, acknowledge, and discuss. When I was a young philosophy major back in 1991,.

Read

Manuel Matuzovic · Jun 28, 2023

form and search landmarks

I wanted to know how well common screen readers and browsers support search and form landmarks . Here are my results: table { table-layout: fixed; white-space: nowrap; } tbody td { background: green; color: #fff; } tbody th { font-weight: normal; /* position: sticky; left: 0;*/ } td.no { background: #bf0404; } th a:is.

Read

EightShapes · Dan Brown · Jun 26, 2023

Do digital products have information architecture?

Photo by Alina Grubnyak on Unsplash Series: information architecture in digital products Information architecture is commonly associated with navigation: how people get from one area to another within a digital space. But information architecture deals not just with navigation, but also the underlying conceptual struc.

Read

Adam Silver · Jun 25, 2023

The problem with input masks and what to do instead

In 2010 I discovered input masks. They seemed like a smart way to prevent errors. Because they help users follow a format. And they do so without taking up space. But the truth is that this fancy pattern degrades UX. Here’s why: Problem #1: They’re confusing For example, the cursor advances automatically to the next p.

Read

EightShapes · Dan Brown · Jun 23, 2023

The Structure of Digital Design Revolutions

Photo by Suzanne D. Williams on Unsplash A new project has me thinking about how digital design has changed over the decades. The shifts I’m thinking about aren’t merely new techniques. They aren’t the occasional yet inevitable calls for eliminating wireframes or personas. Instead they are fundamental changes in how d.

Read

A List Apart · by <a itemprop="url" class="author" rel="author" href="https://alistapart.com/author/justindauer/">Justin Dauer</a> · Jun 22, 2023

Humility: An Essential Value

Humility, a designer’s essential value—that has a nice ring to it. What about humility, an office manager’s essential value? Or a dentist’s? Or a librarian’s? They all sound great. When humility is our guiding light, the path is always open for fulfillment, evolution, connection, and engagement. In this chapter, we’re.

Read

Adam Silver · Jun 11, 2023

Don’t mark required fields with an asterisk

Back in 2008 I worked at a software house. We built e-commerce sites for Boots, Argos and Homebase. Registration, sign in, checkout - all the usual forms. And we always did the same thing: little red asterisks next to each required field. We never tested it. We just followed what everyone else did. Fast forward 15 yea.

Read

Adam Silver · Jun 4, 2023

The problem with automatically focusing the first input and what to do instead

In 2009 I was working on the Argos checkout flow. We were considering focusing the first input when the page loads. The idea was to save users a click (never a good sign). Back then we had to use JS, but now we have the HTML5 autofocus attribute. Either way, automatically focusing the first input causes 5 specific pro.

Read

Adam Silver · May 28, 2023

The problem with nested fieldsets and how to avoid them

In 2016 I worked at the Department for Work and Pensions. I was working on a complex form field made up of nested fieldsets. It was inaccessible which surprised me because I was only using fieldsets, legends, labels and radio buttons. Nothing fancy. But as I did more research, it became clearer that nested fieldsets c.

Read

Salesforce UX · Kate Hughes · May 22, 2023

There’s Always a Way to Do UX Research

Insights can come from colleagues who have close relationships with or similar roles to end users [AdobeStock/Maria] Designs are created and the next engineering cycle is about to begin. There’s no time for UX research — or is there? When you can’t put mocks in front of end users, consider seeking input from internal.

Read

Lyft Design · Alexander Savard · May 11, 2023

“That little island changes everything”

How we designed Lyft Live Activities to elevate the rider experience Illustration by Alexander Savard A game changer for rideshare Of all the things we do at Lyft, choreographing pickups between riders & drivers is one of the most complex and consequential. Nailing this choreography depends on Lyft doing a lot of thin.

Read

Salesforce UX · Kate Hughes · May 10, 2023

Hey, Designers! Submit Your Session Idea for Dreamforce 2023

Experienced and first-time speakers are welcome; deadline to submit proposal is June 6. #DreamDesigners, we want YOU to present at Dreamforce 2023 ! The epic celebration of customer success is coming to San Francisco from Sept. 12–14, and we need your voices. We want to share how all Trailblazers — admins, architects,.

Read

Adam Silver · May 7, 2023

The problem with sticky menus and what to do instead

Sticky menus (menus that stick to the edge of the viewport) are used to make them easy to access on long pages. But this fancy pattern hurts UX far more than it improves it. Here’s why: Problem #1: They constantly take up space They get in the way of the actual content. And it’s worse on small screens where space is m.

Read

Salesforce UX · Kate Hughes · May 3, 2023

Designers Thrive at Building Team Trust — Here’s How

Designers Thrive at Building Team Trust — Here’s How Learn some go-to exercises for improving communications and camaraderie. When team trust is high, it often means people have intentionally created a safe space for everyone to put ideas forward and build products that help make users successful. Designers can play a.

Read

Lea Verou · Apr 28, 2023

JS private class fields considered harmful

Today I mourn. What am I mourning? Encapsulation. At least in my projects. As a library author, I’ve decided to avoid private class fields from now on and gradually refactor them out of my existing libraries . Why did I make such a drastic decision? It all started a few days ago, when I was building a Vue 3 app that u.

Read