Proof of Concept - Signals of interface quality
Quality is one of those words always mentioned as good design. It's one of the words that people have different mental associations with. One may think lickable UI buttons and another might talk about the overall end-to-end user experience. Quality is the degree to which an object or entity (e.g., process, product, or service) satisfies specific attributes or requirements. The quality of something can be determined by comparing a set of inherent characteristics with a set of requirements. If you have not watched Rasmus Andersson's talk he gave on Quality in Software, take a moment to watch it. Andersson goes into great detail about performance and specific examples of quality in software. In this post, we're going to look at other industries of design and quality in how you interact with them. There are similar signals you can find in software to improve quality. When I was a kid, I had no idea that Old Navy, The Gap, and Banana Republic were all owned by the same company. At first glance, I thought the clothing looked very similar, but when I wore the different brands, I noticed the smaller things. The lowest-tier brand is Old Navy. Despite having a visually similar look to the apparel, I noticed the threads in the shirt fell apart quickly or would have issues with the zipper. Let’s take a look at some of the key areas that give you a signal of good quality. Zippers as input formsHave you ever looked at the brand of zipper your apparel is made by? Whether you were aware or not, you likely owned a zipper made by YKK. For the longest time, I had no idea what it stood for. The acronym YKK stands for Yoshida Kogyo Kabushibibaisha, a Japanese business that distinguished itself as the most popular zipper brand in the world. Whether on a jacket or your jeans, the zipper is one of the most important functional pieces of clothing. The equivalent of this is input forms, one of the most common interface patterns in CRUD applications (Create, Read, Update, and Delete). When you think of quality and aesthetics, both the zipper and input forms aren’t at the top of the list. However, they are the top elements of high quality. Have you ever had a zipper that gets stuck or the lining gets misaligned? When they fail, it can take the most beautiful designer jacket and make it feel completely worthless. Similarly, form inputs are used so much in software you don’t pay attention to it until it doesn’t work well. One of the most frustrating experiences is when you’re in the checkout flow and the forms are janky. Perhaps it’s poor keyboard inputs, slow loading, or the horrific disabled copy/paste—an interaction that doesn’t increase security by the way. Wall trim and handles as view integrityApparel has tiers of quality, and hotels do too. In interior design, the wall trim is your signal of quality. When you stay at hotels, take a look at the wall trim and handles in your room. At first glance, the different tiers of hotels have a similar look to them. You’ll notice at high-end designer hotels likely have trim built with higher-quality materials with a sense of story and craftsmanship. At cheaper hotels, the trim might have a similar visual look but the paint is chipping away; not made with the same materials. This is the same with handles of doors, closets, and drawers. The software equivalent of wall trim and handles are the broader interface patterns, such as sidebars, canvases, and resizing. Signals of high quality in this category are low latent feedback and snappy interactions—the buttery scrolling as famously said by Craig Federighi, SVP at Apple when talking about Safari’s scrolling. Repetitive consistency in typography and colorRepetitive elements aren’t going to steal the show when it comes to interface quality. However, the first glimpse of inconsistency begins to erode trust. In the physical world, this might be a piece of wood in the fence that’s uneven or falling apart. For the digital world, this is a different font size not naturally belonging to the ecosystem or a random color that begins breaking consistency. Quality can only be measured with a set standardCompanies talk about quality and how important it is in their culture. The number one problem I see is most don’t set the standard clearly to understand. The quality of manufacturing at Old Navy is different at Banana Republic. Set the standard of expectation so it’s clear to you and what you’re building. Nurture the zippers, trim, and core elements that hold your interface together. Look for signals of quality in software you admire and study it. You’ll learn to identify specifics on what makes the interface quality great and apply it to your work. You're currently a free subscriber to Proof of Concept. For the full experience, upgrade your subscription. |
Older messages
The importance of tools
Sunday, December 3, 2023
Issue 171: Why what we use to build matters
Designing with iOS software materials and Play
Sunday, November 26, 2023
170: The key to raw materials in software and creating with Play
A brief expression of gratitude
Sunday, November 19, 2023
Issue 170: The week to be especially thankful
Controlled fury
Sunday, November 12, 2023
Issue 169: Rage and anger as creative fuel
Choosing a company
Sunday, November 5, 2023
Issue 168: What I use to pick a new opportunity.
You Might Also Like
The best resource we've found in a while
Tuesday, October 29, 2024
And enter to win a Tweak and Edit, our first ever lottery! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
The Reality of Participating in a Show House
Tuesday, October 29, 2024
View in your browser | Update your preferences ADPro The Trials and Triumphs of Designer Show Houses Pulling off a show house room is a major milestone in a designer's career. So it's been with
#480: Design & UX Gems
Tuesday, October 29, 2024
Exploring fluid ways to interact with users, interactive cursors, common mistakes in software architecture and inspiring principles from nature. Issue #480 • Oct 29, 2024 • View in the browser Smashing
Accessibility Weekly #420: The Accessibility Operations Guidebook
Monday, October 28, 2024
October 28, 2024 • Issue #420 View this issue online or browse the full issue archive. Featured: The Accessibility Operations Guidebook is out "The accessibility field has a burnout problem.
The obsession over craft
Sunday, October 27, 2024
Issue 218: Addressing the unavoidable topic (and why it matters) ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
Controversial Trends We’ll Stand Behind Forever
Thursday, October 24, 2024
View in your browser | Update your preferences ADPro Hot Takes We've reflected on the rage for a number of objects and amenities recently: plunge pools, wood-paneled interiors, old-school silver.
Controversial Trends We’ll Stand Behind Forever
Thursday, October 24, 2024
View in your browser | Update your preferences ADPro Hot Takes We've reflected on the rage for a number of objects and amenities recently: plunge pools, wood-paneled interiors, old-school silver.
How I track down editor emails
Tuesday, October 22, 2024
**Psst** I normally only share this in workshops! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
Maintaining Brand Longevity—and Other Lessons From the Novogratz
Tuesday, October 22, 2024
View in your browser | Update your preferences ADPro When I look through a book to prepare for an interview, I often skim for the major points and quotable one-liners. But in the case of The Novogratz
#479: New Front-End Adventures In 2025
Tuesday, October 22, 2024
CSS style queries, auto field-sizing for forms, simpler snapping, anchor positioning, smooth transitions with View Transitions API. Issue #479 • Oct 22, 2024 • View in the browser Smashing Newsletter