Skip to content

dnieh/universal-design-principles

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 

Repository files navigation

Universal Principles of Design [Quick Reference]

Cheat Sheet for the book by Lidwell, Holden, and Butler

80/20 Rule

Accessibility

Advance Organizer

Aesthetic-Usability Effect

Affordance

Alignment

Anthropomorphic Form

Archetypes

Area Alignment

Attractiveness Bias

Baby-Face Bias

Biophilia Effect

Cathedral Effect

Chunking

Classical Conditioning

Closure

Cognitive Dissonance

Color

80% of x involves 20% of y

Example

A toolbar that takes up little space but provides a bunch of functionality.

Environments should be accessible to as many users as possible without modification. There are 4 traits that indicate this: perceptibility, operability, simplicity, and forgiveness.

Example

Web forms with placeholder text and aria attributes.

Instructional technique that explains new things using existing knowledge. Two types: expository and comparative.

Example

Tree chart do depict someone's ancestry (expository).

People like to use and prefer pretty things.

Example

Pretty things.

Where physical characteristics of an object match/influence its function

Example

Plate on door meant to be pushed vs handle meant to be pulled.

Placement of elements so that the edges line up along a line. Could also be a line through the vertical center.

Example

Any word document.

A tendency to favor humanoid looking things.

Example

Pear shaped method soap dispenser.

Universal patterns derived from innate biases.

Example

Foreboding architecture surrounding nuclear disposal sites to warn future intelligence.

Aligning elements based on the density of their area and not just their edges.

Example

Vertical silhouettes of people.

Tendecy to perceive attractive people as smarter, more moral, sociable, and competent.

Example

JFK vs Nixon.

Tendency to see people and things with baby faces as more naive, helpless, and honest.

Example

People almost universally adore babies. However, the same can not be said about your average adult male.

Environments rich in nature views reduce stress and increase focus and concentration.

Example

Go camping.

Relation between perceived height of a ceiling and cognition. High ceilings -> creativity. Low ceilings -> concrete, detail-oriented.

Combining many units of info into limited units (chunks).

Example

Most websites, brochures, and handouts.

Associating a stimulus with an unconscious or emotional response.

Example

Teaching a dog to sit by using treats.

Tendency to perceive a set of elements as a single, larger element.

Tendency to seek consistency among attitudes, thoughts, and beliefs.

It's easier to use small incentives to change people's attitudes than trying with large incentives. Large incentives only create justifications while the underlying attitude remains unchanged.

Saturated colors attract. Desaturated colors for efficiency and performance.

About

quick reference for universal design principles

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published