UI UX

UIDIDID

Visibility of System Status

"The system should always keep users informed through timely and clear feedback such as loaders or status messages."

Match Between System and the Real World

Use familiar concepts, language, and conventions. Speak the user’s language, not internal jargon. Follow real-world logic and expectations.

User Control and Freedom

"Provide easy ways to undo

Consistency and Standards

"Design should be consistent and follow platform or industry conventions so users don't have to guess how things work."

Error Prevention

"Reduce user errors by using constraints

Recognition Rather Than Recall

"Keep important information visible so users don't have to remember details between screens."

Flexibility and Efficiency of Use

"Support both new and expert users by offering shortcuts

Aesthetic and Minimalist Design

"Keep interfaces simple and free of unnecessary elements to improve focus and clarity."

Help Users Recognize Diagnose and Recover from Errors

"Error messages should be clear

Help and Documentation

"Provide simple

Emergence

"Users perceive an entire object before noticing individual parts; UI patterns like cards or nav bars are instantly recognized."

Closure (Reification)

"The mind fills in missing information to complete shapes; incomplete icons or outlines are still understood."

Common Region

"Elements inside the same box

Continuity (Continuation)

"The eye naturally follows lines or paths; aligned content improves scanability."

Proximity

"Items placed close together are seen as related; spacing communicates grouping."

Multistability

"Ambiguous visuals can be interpreted in multiple ways; avoid icons that can be misunderstood."

Figure/Ground

"Users differentiate main content from background; contrast helps define what is important."

Invariance

"Objects remain recognizable regardless of size

Prägnanz (Good Form / Simplicity)

"Users prefer the simplest and most stable interpretation; clean designs improve usability."

Similarity

"Elements that look alike in shape

Symmetry and Order

"Symmetrical

Common Fate

"Elements that move or animate together are perceived as part of the same group."