Design isn’t just about colors, typography, or layouts — it’s about how people think, feel, and behave when they interact with products. Great UX design uses psychology-backed principles to make digital experiences simple, intuitive, and delightful.

In this article, we’ll explore 30 of the most common UX rules and psychology principles — with their definitions, easy explanations, and real-world examples.

👉 References: Laws of UX | Growth.Design Psychology

1. Hick’s Law

📖 Definition: The more choices a user has, the longer it takes them to decide.
🧠 Easy: Fewer options = faster decisions.
🌍 Example: Netflix organizes movies into categories instead of showing thousands at once.

2. Fitts’s Law

📖 Definition: The time to reach a target depends on its size and distance.
🧠 Easy: Bigger and closer = easier to click.
🌍 Example: Large “Submit” button at the bottom of forms.

3. Miller’s Law (7±2 Rule)

📖 Definition: People can remember 5–9 things at once in working memory.
🧠 Easy: Don’t overload users.
🌍 Example: Phone numbers are split into chunks (123–456–7890).

4. Jakob’s Law

📖 Definition: Users expect your design to work like other familiar platforms.
🧠 Easy: Consistency reduces learning.
🌍 Example: E-commerce sites always use a 🛒 cart icon.

5. Law of Proximity (Gestalt)

📖 Definition: Elements close to each other are perceived as related.
🧠 Easy: Grouping builds meaning.
🌍 Example: Labels placed right next to input fields.

6. Law of Similarity (Gestalt)

📖 Definition: Similar elements are seen as part of the same group.
🧠 Easy: Same look = same function.
🌍 Example: Navigation links styled in the same way.

7. Law of Closure (Gestalt)

📖 Definition: People see complete shapes even if parts are missing.
🧠 Easy: Our brain fills the gaps.
🌍 Example: WWF’s panda logo.

8. Law of Continuity (Gestalt)

📖 Definition: The eye naturally follows smooth lines and curves.
🧠 Easy: Visual flow = easy scanning.
🌍 Example: Breadcrumb trails on websites.

9. Von Restorff Effect

📖 Definition: Unique items stand out and are remembered.
🧠 Easy: Highlight important actions.
🌍 Example: Bright “Sign Up Free” button.

10. Peak-End Rule

📖 Definition: People remember peak moments and how an experience ends.
🧠 Easy: End on a high note.
🌍 Example: A success message after checkout.

11. Serial Position Effect

📖 Definition: People remember the first and last items best.
🧠 Easy: Start & finish strong.
🌍 Example: Logout placed at the end of a menu.

12. Zeigarnik Effect

📖 Definition: Unfinished tasks are remembered more than finished ones.
🧠 Easy: Progress keeps users engaged.
🌍 Example: Signup forms with progress bars.

13. Paradox of Choice

📖 Definition: Too many options create decision fatigue.
🧠 Easy: Limit choices.
🌍 Example: Spotify recommends a few playlists instead of all songs.

14. Pareto Principle (80/20 Rule)

📖 Definition: 80% of effects come from 20% of causes.
🧠 Easy: Focus on high-value features.
🌍 Example: Gmail users mostly use Inbox + Compose + Search.

15. Occam’s Razor

📖 Definition: The simplest solution is usually best.
🧠 Easy: Don’t overcomplicate.
🌍 Example: Google’s minimal homepage.

16. Aesthetic-Usability Effect

📖 Definition: Attractive designs are perceived as easier to use.
🧠 Easy: Beautiful = trustworthy.
🌍 Example: Apple’s clean, minimal product designs.

17. Doherty Threshold

📖 Definition: Systems feel smooth when responses happen within 400ms.
🧠 Easy: Fast feedback = happy users.
🌍 Example: Instagram’s instant heart animation.

18. Tesler’s Law

📖 Definition: Complexity is constant; designers must handle it, not users.
🧠 Easy: Hide complexity in design.
🌍 Example: Tax apps show totals, not raw calculations.

19. Postel’s Law

📖 Definition: Be liberal in what you accept, strict in what you send.
🧠 Easy: Allow flexible input.
🌍 Example: Phone fields accept “123–456–7890” or “1234567890.”

20. Progressive Disclosure

📖 Definition: Show info only when needed.
🧠 Easy: Reveal step by step.
🌍 Example: FAQs with “Show more.”

21. Affordance Principle

📖 Definition: Design should suggest its function.
🧠 Easy: Buttons should look clickable.
🌍 Example: Raised shadow buttons.

22. Feedback Principle

📖 Definition: Every action should have a clear response.
🧠 Easy: Keep users informed.
🌍 Example: “Message sent ✔” toast.

23. Consistency Principle

📖 Definition: Similar actions should behave the same.
🧠 Easy: Predictability builds trust.
🌍 Example: Copy shortcut (Ctrl+C) works across apps.

24. Mapping Principle

📖 Definition: Controls should match natural expectations.
🧠 Easy: Interface = real-world logic.
🌍 Example: Volume slider → right = louder.

25. Cognitive Load Theory

📖 Definition: Too much info overwhelms working memory.
🧠 Easy: Keep it simple.
🌍 Example: Multi-step sign-up forms.

26. Anchoring Effect

📖 Definition: People rely heavily on the first piece of info.
🧠 Easy: First impression matters.
🌍 Example: “$99” crossed out next to “$49.”

27. Endowment Effect

📖 Definition: People value things more if they feel ownership.
🧠 Easy: Mine = valuable.
🌍 Example: Free trial that saves your work.

28. Framing Effect

📖 Definition: How info is framed changes decisions.
🧠 Easy: Words shape perception.
🌍 Example: “95% fat-free” vs “5% fat.”

29. Social Proof

📖 Definition: People follow others’ actions.
🧠 Easy: Trust what others approve.
🌍 Example: “10,000+ users signed up today.”

30. Reciprocity Principle

📖 Definition: People return favors.
🧠 Easy: Give something → get something.
🌍 Example: Free eBook in exchange for email sign-up.

📌 Final Thoughts

UX isn’t just about designing interfaces — it’s about designing for human psychology. By applying these 30 principles, you’ll create products that feel natural, trustworthy, and delightful.

Introduction

Google continues its journey of unifying the Android experience under the Material 3 design language (also known as Material You). The latest update to the Contacts and Calling screen brings a softer, more adaptive look with fresh color schemes, rounded elements, and an overall minimalistic approach.

But beyond aesthetics, how does this redesign impact real-life usability? As a UI/UX designer, I’ll break down the pros and cons, explore user scenarios, and share insights on what we can learn from this shift.

Reference Link: Google’s official Material 3 design guidelines

What’s New in the Update

Here’s a quick overview of the changes that rolled out with the update:

• Material 3 Visual Language: Rounded corners, pastel backgrounds, and subtle elevation effects.
• Dynamic Theming: The UI now adapts to your wallpaper colors, thanks to Material You.
• Refreshed Call UI: Core actions (mute, hold, speaker, add call, keypad) redesigned with larger buttons and more spacing.
• Contacts List Improvements: Consistent typography, circular avatars, and more whitespace.
• Accessibility Focus: Larger touch targets, better spacing, and simplified layouts.

Pros: Where Google Got It Right ✅

1. Modern Aesthetic & Consistency
   The update aligns with Material 3, making Google’s apps look cohesive. The visual language now feels consistent across Gmail, Messages, Calendar, and other core apps.
2. Improved Accessibility
   Bigger buttons and improved contrast benefit people with motor challenges or low vision. For one-handed use, this is a big plus.
3. Dynamic Personalization
   With Material You, users feel more connected to their devices as the UI inherits colors from wallpapers, creating a personalized theme.
4. Reduced Cognitive Load
   Cleaner iconography and simplified layouts reduce decision fatigue. Users can quickly identify core actions during calls without clutter.
5. Future-Proofing Android Design
   This update isn’t just a cosmetic change; it’s part of Google’s effort to future-proof the Android ecosystem’s design identity.

Cons: Real-World Frictions ❌

1. Too Much Whitespace
   While minimalism looks good, it decreases information density. Contact lists show fewer entries per screen, meaning more scrolling for heavy users.
2. Icon Familiarity Issues
   Some redesigned icons may confuse users who are used to the old placements and visuals.
3. Dynamic Colors & Legibility
   Material You theming doesn’t always guarantee accessibility. Certain wallpaper-derived colors may reduce contrast, impacting readability.
4. Learning Curve for Seniors
   Frequent UI changes, even minor ones, frustrate older or less tech-savvy users who rely on familiarity.
5. Productivity Trade-Offs
   Power users (e.g., professionals who manage hundreds of contacts daily) may feel slowed down because of increased spacing and reduced density.

Real-Life UX Impact

• For Everyday Users: The update feels fresh and personalized but doesn’t significantly improve task completion speed.
• For Accessibility Users: Larger buttons and improved spacing are helpful, though dynamic theming could introduce contrast issues.
• For Power Users: Minimalism may feel like a downgrade when efficiency and quick access matter more than aesthetics.

Link: Android Accessibility Guidelines

Lessons for Designers 🎨

This update highlights a critical design tension:

👉 Aesthetic minimalism vs. Information density

As designers, we often lean toward visual cleanliness, but in contexts like calling and contacts, speed and clarity are just as important as beauty. The update is a reminder that:

• Consistency matters across an ecosystem.
• Accessibility isn’t optional — it must be tested in multiple real-world contexts.
• Personalization works best when balanced with legibility and usability.

Link: Material 3 Design Kit Figma

Conclusion

Material 3 Expressive isn’t just a design system update — it’s a new way of thinking about digital experiences. With M3 and its Expressive extension, the goal goes beyond consistency. We’re now designing for emotion, accessibility, and personal connection.

The beauty of Material 3 is that you don’t need to adopt everything at once. Start small: experiment with dynamic color, explore the new shape system, or test the updated Figma components. Build a custom theme, break a few patterns, and discover what feels right for your product.

Material 3 Expressive encourages flexibility and exploration — and that’s where true creativity happens.

From a UI/UX designer’s perspective, the key takeaway is this: design updates should always be validated in real-world workflows, not just in Figma mockups. A design that looks stunning in theory may not always translate into the best everyday user experience.

What do you think about Google’s new update?
Would you prefer the clean look with more whitespace, or the older denser UI that shows more contacts at once?