Update: Generative AI-LMMs user-centric design patterns.

Update: Generative AI-LMMs user-centric design patterns.

turned off black television
black and silver camera on white table
gray cassette radio
brown crt tv on brown wooden table
turned off black television
black and silver camera on white table
gray cassette radio
brown crt tv on brown wooden table

Scroll

Gerard

®

Design Systems Studio

UX/UCD

UX/UCD

UX/UCD

Foundations

Foundations

Foundations

Translucency

[UCD] Foundations

Dynamic Type

[G1] Proximity

Micro-Motion

[G2] Similarity

[-] Space

[G3] Continuity

[+] Space

[G4] Closure

Balance

[G5] Serialism

Unity

[G6] Connect

Rhythm

[G7] Region

Repetition

[G8] Symmetry

Emphasis

Simplexity Co-D

Hierarchy

[07] Heuristics

Contrast

[09] Cognitive

Variety

[06] UX/FX

Texture

[25] IxD/FX

Scalæbility

[08] Gestalt

Proportion

[+32] UX/UI Laws

Alignment

[UDE] Elements

Patterns

Color Interactions

UX/UCD Focused

UX/UCD Focused

Jacob's law

Jacob's law

Restorff’s Law

Restorff’s Law

Zeigarnik’s Law

Zeigarnik’s Law

Peak’s Law

Peak’s Law

Miller’s Law

Miller’s Law

Pragnanz’s Law

Pragnanz’s Law

Gestalt’s Rules

Gestalt’s Rules

Doherty’s Law

Pragnanz’s Law

Razor’s Law

Razor’s Law

Tesler’s Law

Tesler’s Law

Campbell’s Law

Razor’s Law

Pareto’s Law

Pareto’s Law

Postel’s Law

Postel’s Law

IxD Principles

IxD Principles

Design Principles

Design Principles

Rams’ Principles

Rams’ Principles

W3C Compliances

W3C Compliances

UX/UCD Focused

UX/UCD Focused

Jacob’s Law

Jacob’s Law

Jacob’s Law

Jacob’s Law

Restorff’s Law

Restorff’s Law

Restorff’s Law

Restorff’s Law

Zeigarnik’s Law

Zeigarnik’s Law

Zeigarnik’s Law

Zeigarnik’s Law

Peak’s Law

Peak’s Law

Peak’s Law

Peak’s Law

Miller’s Law

Miller’s Law

Miller’s Law

Miller’s Law

Pragnanz’s Law

Pragnanz’s Law

Pragnanz’s Law

Pragnanz’s Law

Gestalt’s Rules

Gestalt’s Rules

Gestalt’s Rules

Gestalt’s Rules

Doherty’s Law

Doherty’s Law

Doherty’s Law

Doherty’s Law

Razor’s Law

Razor’s Law

Razor’s Law

Razor’s Law

Tesler’s Law

Tesler’s Law

Tesler’s Law

Tesler’s Law

Campbell’s Law

Campbell’s Law

Campbell’s Law

Campbell’s Law

Pareto’s Law

Pareto’s Law

Pareto’s Law

Pareto’s Law

Postel’s Law

Postel’s Law

Postel’s Law

Postel’s Law

IxD Principles

IxD Principles

IxD Principles

IxD Principles

Design Principles

Design Principles

Design Principles

Design Principles

Rams’ Principles

Rams’ Principles

Rams’ Principles

Rams’ Principles

W3C Compliances

W3C Compliances

W3C Compliances

W3C Compliances

__
__
__
UXUX
UXUX
UXUX
//
//
//
UCD FoundationsUCD Foundations
UCD FoundationsUCD Foundations
UCD FoundationsUCD Foundations

These foundations are key to generate
UX Research, Information Architecture, Wireframing, Prototyping, User-Testing, Visual Design, IxD, Accessibility,

Feedback, RWD, & consistency to

the ultimate universal UX/UI.

First, the first: UCD Foundations. Foundations are universal principles. All of them focused
on the user to bring:
User-Centered Design with accessibility, consistency, hierarchy, where context is key,
to put the user in control, with usability testing methods among several paths and guidance.

User-Centered Foundations.
Principles, elements, guidelines, laws, & rules as a solid design approach. Equitable in use, flexible in use, simple and intuitive to use, with perceptible information, and tolerance for error, with low physical effort, size/space, for inclusive & universal design.

Principles of Good Design™

His emphasis on minimalism and reductionism is both refreshing & necessary in a world inundated w/ excess.

Principles of Good Design™

His emphasis on minimalism and reductionism is both refreshing & necessary in a world inundated w/ excess.

Principles of Good Design™

His emphasis on minimalism and reductionism is both refreshing & necessary in a world inundated w/ excess.

UX/UI Principles

Inclusive Design

UX/UI Principles

Inclusive Design

UX/UI Principles

Inclusive Design

Documentation

Beyond Style Guides

Documentation

Beyond Style Guides

Documentation

Beyond Style Guides

UD | Principles:

Universal Design

UD | Principles:

Universal Design

UD | Principles:

Universal Design

DS Governance

Design System Scale

DS Governance

Design System Scale

DS Governance

Design System Scale

Three UCD KPI metrics:

Three important metrics to evaluate UCD success are usability (how easily users can accomplish tasks), user satisfaction (how users feel about their experience), and efficiency (how quickly and effectively users can complete their tasks). These metrics help ensure a positive & productive user experience in an user interface.

Usability 80%

A common benchmark is around 80%.

Satisfaction80 points

Scores above 80 are considered excellent.

Efficiency
5 CTR

Less than 5 clicks (touch)
for common tasks suggest higher efficiency.

11:11

11:11

100

150

200

300

400

500

600

650

700

750

800

850

900

100

150

200

300

400

500

600

650

700

750

800

850

900

UCD FoundationsUCD Foundations

Crafting experiences between people and machines that feel deeply human through simplicity, empathy, and insight.

Crafting experiences between people and machines that feel deeply human through simplicity, empathy, and insight.

UXP UX Principles [PARAMOUNT DESIGN Axioms]

1

3

.

1

3

* SCROLL DOWN * or SCROLL UP
* SCROLL DOWN * or SCROLL UP

Let's talk.

Let's talk.

Let's talk.

Let's talk.

Let's talk.

Let's talk.