Why Your Cards Should Have Multiple Variants
Your product catalog page is frustrating users, and you don't even know it. Chances are…
Why Your Cards Need a Footer for Metadata
List format is a popular way to display data, but it's not ideal for cards.…
How to Design a Responsive Layout for Your Cards
A designer’s work doesn’t stop when they finish designing a UI card. They still have…
Vertical vs. Horizontal Cards: Which Are Better?
Should you use a vertical or horizontal card for your content? Many designers struggle to…
The Design Process for Creating a New Ecommerce Feature
Buying gifts for your friends and family is a stressful task. There's always a fear…
The Proper UI Anatomy for Alert Components
There's a structure and order to creating UI components. You must break the component down…
The 3 Types of Alerts and How to Use Them Correctly
What's the right alert message to use for your app? It's crucial to pick the…
The 4 Tones of Alert Messages and Notifications
Interfaces and users communicate with each other through input and output. Input is where the…
Lower Cognitive Load on Forms with Input Chips
Getting high user engagement on messaging forms is quite the challenge. Sometimes users aren't sure…
Payment Flow UX: Submitting and Processing Orders
Seeing errors upon submitting a form discourages users from continuing their tasks. You should always…
Payment Flow UX: Entering Credit Card Information
Entering credit card information is a task that can afford no error. Users are more…
Payment Flow UX: Selecting a Payment Method
Making online payments is a sensitive task for most users. It involves them handing over…
The Right Way to Design a Modal Confirmation Dialog
There are a few bad practices designers often commit on modal confirmation dialogs. If you…
Data Design Tips for Better UI Cards
Designing intuitive cards for easy data consumption is a challenge for most designers. They often…