Designing Success (Part 2): Do’s, Don’ts, and Use Cases of Confirmation Patterns

Read on Medium 🅼➡️ Users crave clarity. Not just feedback, but meaningful feedback. That means the purpose of a confirmation message is not to exist, but to communicate what happened, why it matters, and what’s next, if anything. As NNG reminds us: “[…] provide response options that summarize what will happen for each possible response” Simple concept, yet, we often […]

Visual Hierarchy: Alignment

From the time you were about 7 months old, you likely began developing a preference for symmetry, which would have been firmly established by the time you reached 12 months of age. (NCBI) Did you know that? 🤔❔ I didn’t. It’s fascinating, isn’t it? This natural attraction to symmetry is something we carry with us throughout life, and it plays […]

Visual Hierarchy: Repetition

Welcome Back! 👋 I’ve been thinking a lot lately about something I learned while studying art at university. One of the key lessons our professors always stressed was the power of repetition. Regardless of where it appeared, in repeated brushstrokes in a painting, themes in music, or movements in dance, we were taught to recognise repetition and understand how it […]

Visual Hierarchy: Style and Texture

Welcome Back! 👋 This week, we’re exploring the impact of style and texture on visual hierarchy in design. But if you’re pressed for time, check out this quick video summary below: In the last post, we explored whitespace and how it shapes visual hierarchy. Today, let’s shift gears and talk about style and texture. At first glance, these might seem […]

Visual Hierarchy: Colour and Contrast

Welcome back! 👋 In our last discussion, we looked at grouping elements and the Gestalt principles of proximity, similarity, and common region. We explored how these principles impact visual hierarchy within a design. Today, we’re exploring why certain elements stand out visually from the other, what makes us notice them more and what roles colour and contrast play in driving […]

Visual Hierarchy: Grouping and Gestalt Principles

The Principle of Visual Hierarchy: Guiding the eye on the page so that it attends to different design elements in the order of their importance. – Nielsen Norman Group Visual hierarchy helps us direct users’ attention so they can focus on the most important elements in the correct order. Proper visual hierarchy improves usability, enhances user experience, and helps users […]

Visual Hierarchy: Size and Scale

Where do users’ eyes go first when they open your site, and why? How do you direct their focus toward essential elements to encourage the actions you want them to take? Understanding how to guide user focus is key to successful design. It’s not easy, it requires careful thought and planning. But it’s necessary if you want your site to […]