UI/UX PRINCIPLES

TOOLS TO EXPLORE

CLARITY: https://clarity.microsoft.com/

Microsoft Clarity (clarity.ms) is a free, powerful user behavior analytics tool from Microsoft that provides session recordings, heatmaps (click, scroll, area), and AI-driven insights to help website owners understand how users interact with their sites, find pain points, and improve user experience (UX) and conversions, all without traffic limits. It’s a competitor to tools like Hotjar, offering deep dives into user journeys, including rage clicks, dead clicks, and general engagement patterns.
Key Features:
Session Recordings: Watch actual user sessions to see exactly what they do on your site.
Heatmaps: Visual representations showing where users click, how far they scroll, and what areas they focus on.
AI Insights: Machine learning identifies user struggles, like rage clicks or dead clicks, automatically.
Dashboard Analytics: Standard metrics on traffic, devices, location, and traffic sources.
Free & No Limits: It’s completely free, forever, with no traffic caps or forced upgrades.
Who Uses It?
Marketers: To boost conversion rates.
UX Designers: To improve navigation and identify usability issues.
E-commerce Sites: To reduce cart abandonment.
Bloggers & Businesses: Anyone wanting to understand their audience better.
How it Works:
You add a simple JavaScript tracking code to your website, and Clarity automatically starts collecting data and populating your dashboard with recordings and heatmaps within minutes, without slowing down your site.

NORMAN’S DOOR – VOX

Donald Norman outlined several principles of interaction design.
These principles emphasize creating human-friendly, intuitive experiences based on the following principles:

  1. Visibility: Elements should be clearly visible, enhancing user awareness and reducing confusion. [2]
  2. Feedback: Users should receive timely and clear feedback about their actions, helping them understand the system’s responses. [3]
  3. Affordance: Design elements should convey their functionality, indicating how users can interact with them. [4]
  4. Mapping: There should be a logical relationship between controls and their effects, facilitating a user’s understanding of the system’s behavior. [6]
  5. Constraints: Applying limitations or constraints guides users towards proper interactions, preventing errors and enhancing the overall experience. [5]
  6. Consistency: Maintain consistency in design elements and interactions throughout the system to reduce cognitive load and improve usability. [1]

🌐 Sources

  1. designproject.io – The 6 Principles of Interaction Design & How They Apply to…
  2. medium.com – Don Norman’s Principles of Interaction Design
  3. uxdesign.cc – Don Norman’s seven fundamental design principles
  4. educative.io – What are Norman’s design principles?
  5. principles.design – Don Normans Principles of Design
  6. enginess.io – The 6 Principles Of Design, a la Donald Norman
  7. csun.edu/science/courses/671/bibliography/preece.html

What is MAPPING?

“The principle of mapping, introduced by Don Norman, plays a vital role in creating intuitive and user-friendly experiences. Mapping refers to the relationship between controls and the results they produce. Mapping serves as a bridge that connects users’ mental models and the design elements they interact with. When users can easily understand and predict the outcomes of their actions, it leads to a sense of control and confidence. By aligning the controls and their corresponding functions, designers can establish a clear and intuitive mapping, ensuring a seamless user experience.”

https://www.educative.io/answers/what-is-mapping-in-normans-design-principles

What is Natural Mapping? And examples
Nakul Dhaka | Aug 7, 2017
linkedin.com/pulse/what-natural-mapping-examples-nakul-dhaka

Norman’s 7 principles
international.binus.ac.id/graphic-design/2022/02/02/7-principles-from-the-design-of-everyday-things/

Human-Computer Interaction — Principles, Evaluation and Universal Design Principle
https://bimalics.medium.com/human-computer-interaction-principles-evaluation-and-universal-design-principle-3687123b5b2a

Why UX should be Invisible?
fastcompany.com/91020817/why-good-ux-is-no-ux

UX News
ux-news.com

Apple Design Resources
https://developer.apple.com/design/resources/

Who can use: accessibility issues
https://www.whocanuse.com/

Effective UI/UX Design: How Psychological Principles Enhance User Experience

Googling is for old people – new challenges:
https://webdesignerdepot.com/googling-is-for-old-people-what-this-means-for-web-designers/

90% of designers are unhirable
uxdesign.cc/90-of-designers-are-unhirable-3a8238e3cca2

90pc-of-designers-are-unhirableDownload

Graphic design among most at-risk jobs from AI – report
The World Economic Forum survey predicts graphic design jobs will fall, but UX and UI will grow rapidly.
https://www.designweek.co.uk/graphic-design-among-most-at-risk-jobs-from-ai-report/

UX needs more punk: disrupting the status quo in design.
Polished interfaces and seamless experiences dominate the design landscape. UX design has, in many ways, become too safe. We prize consistency, accessibility, and user-friendliness — values that are crucial to creating good products. But is “good” enough? Have we, in the quest for perfection, lost the soul of UX? Don’t we need more punk?
https://uxdesign.cc/ux-needs-more-punk-2f839507f844

PRINCIPLES OF HUMAN CENTERED DESIGN

Seven stages of Action