Best of the Best

Resource Library of the Austin Center for Design (AC4D) (HTML)
Guiding Principles for UX Designers (HTML)
Interaction Design Encyclopedia (HTML) An amazing and deep technical and historical resource for IXD.

Videos

Human Computer Interaction (HCI) (Stanford University) (HTML)
Essential Principles of Interaction Design (Adobe TV) (HTML)

General

Principles of User Interface Design (HTML)
Web Design Process (HTML)
Ten Commandments of User Experience (Wiki)
Ten Things I Learned in Web School (HTML)
Design Details Matter (HTML)
User Experience Diagrams (HTML) Ways to visualize the processes and components of experience design.
23 Actionable Lessons from Eye-Tracking Studies (HTML)
10 Principles of Effective Web Design (HTML)
Cody Lindley's Essential Reading List for ID and IxD (HTML)
The ALA Primer: A Guide for New Readers (HTML)
Four Principles of Good Design (HTML)
The Principles of Design (HTML)
20 Tips for Writing for the Web (HTML)
Simplicity: The Distribution of Complexity (HTML)
Laws of Simplicity (PDF)
Faceted Classification (HTML)
An Incomplete Manifesto for Growth (PDF)
Getting the Most from Design Deliverables (HTML)
The Magic of Metaphor - using metaphors in design as a way to teach and communicate (HTML)
Future Web Trends (Wiki)
Twenty Web Sites That Made Me a Better Designer (Wiki)
Activity Centered Design (PDF)
Simplicity is NOT the Answer (HTML)
Colors and the User Interface (HTML)
Magenta Ain't a Colour (HTML)
The Grid System (HTML)
Hunkering: Using Visual Disorientation to Solidify Design (HTML)
Getting to the Root of a Problem by Asking Why (HTML)

History

Origins of the Internet in Europe (HTML)
Origins of Information Design (HTML, video)

Design + Psychology

47 Things You Should Know About Yourself (HTML)
Gestalt Principles Applied in Design (HTML)
Gestalt Principles of Perception (HTML)
Use Gestalt Laws to Improve the UX (HTML)
The Paradox of Choice (HTML)
Designing for Emotion and Flow (HTML)
Finding Flow (PDF)
Engagement, Entertainment, or Get the Task Done: Cognitive, Visual, and Motor Loads in UX Design (HTML)
Design with Intent: Designing for Behavior Change (HTML)

Design Patterns

40+ Helpful Resources On User Interface Design Patterns (HTML)
Design Patterns, Standards, and Memes (PDF)
Components vs. Patterns (HTML)
Elements of a Design Pattern (HTML)
Information Design Patterns (HTML)
Designing Interfaces by Jenifer Tidwell (HTML)
Designing Web Interfaces by Bill Scott and Theresa Neil (HTML)
Footers in Modern Web Design (HTML)
Dark Patterns in UI and Web Site Design (HTML)
Dark Patterns: Deception vs. Honesty in UI Design (HTML)
Dark Patterns Wiki (HTML)
Dark Patterns and Facebook (HTML)

Design Pattern Galleries and Libraries

Yahoo! Design Pattern Library (HTML)
UI Patterns (HTML)
Quince (HTML)
PatternTap (HTML)
Mobile UI Patterns (HTML)
Landing Pad (HTML)
Sun's Web Design Pattern Library (HTML)
Search Patterns (HTML) - a Flickr collection of screenshots

Responsive Web Design (RWD)

Responsive Web Design Patterns (HTML)

Information Architecture

Information Architecture 101: Techniques and Best Practices
Five Hat Racks: Classifying and Organizing Information (HTML)

Workflows

Workflow Shapes and Their Meaning (PDF)
Modeling User Workflows (PDF)

Wireframes

Why It's Important to Sketch Before You Wireframe (HTML)
Web Site Wireframing (HTML)
Wireframing Benefits (HTML)
Grids Are Good: Structured Layout (PDF)
Designing with a Grid-Based Approach (HTML)
The Grid System (HTML)
Wireframing with InDesign and Illustrator (HTML)
Wireframing with Illustrator (HTML)
Todd Warfel's Illustrator IA Tools (ZIP)
Wireframes and Prototypes with Powerpoint 2007 (PPTX)
Four Bad Designs (HTML)

Web Forms

Intro to HTML Forms and Controls (HTML)
Poor Form Structure (PDF)
Web Forms Best Practices (PDF)
Web Application Form Design I (HTML)
Web Application Form Design II (HTML)
Previous and Next Actions in Web Forms (HTML)
Label Placement in Forms (HTML)
Form Design Crib Sheet (PDF)

Animatics and Storyboards

Animatics and User Experience Flow (PDF)
Interaction Design Transitions (PDF)

Navigation, Search, and Filtering

The Case Against Vertical Navigation (HTML)
Faceted Navigation (HTML)
User Interface Implementations of Faceted Browsing (HTML)

Documentation

Annotating wireframes with functional requirements (PDF)

Usability

Usability Checkist (HTML)
Fitts’ Law: Modeling Movement Time in HCI (HTML)
Usability Issues to be Aware of (HTML)
Interaction Elasticity (How many clicks are too many?) (HTML)
Testing the Three-Click Rule (HTML)
The Myth of the Fold: Evidence from User Testing (HTML)
Apple's Human Interface Guidelines: Using Mental Models (PDF, excerpt)
Finding the Right Sample Size for Usability Testing (HTML)
Bad Usability Calendar 2006 (PDF)
Bad Usability Calendar 2007 (PDF)
Bad Usability Calendar 2008 (PDF)
Bad Usability Calendar 2009 (PDF)

Heuristics

Behavioral Heuristics (HTML)
Design with Intent: Influencing Behavior through Design (HTML)
Jakob Nielsen's Ten Usability Heuristics (HTML)
Examples of the Usability Heuristics in Web Applications (HTML)
Sample Heuristics Review: Sanrio (PDF)
Sample Heuristics Review: DWR (PDF)
Factors for Heuristics Analysis (PDF)
Functionalism: Classifying Page Types by Page Goal (PDF)

Interaction Design

What is Interaction Design? (HTML)
Interactive Gestures Pattern Library (HTML)
Designing Gestural Interfaces (HTML)
Interaction Design Association (IxDA) (HTML)
Interaction-Design.org (HTML)
First Principles of Interaction Design (HTML) Download the PDF Version
The Interface Just Disappears... (Video)
Microsoft Surface: Multi-Touch Technology (Video)
Doing More with Less: The Flip Camera (HTML)
Patterns in Interaction Design (HTML)
Interaction Design Patterns Resources (HTML)
Rich Internet Application Screen Design (HTML)
An Icon System to Define Gesture-based Interactions (HTML)

User Experience (UX) Design

Re-Framing UX Design (HTML)
Experience Design Principles (HTML)
Developing Design Principles (HTML)
Three Steps for Creating an Experience Vision (HTML)
The Long Wow (HTML)
Cupcakes: The Secret to (Experience) Planning (HTML)

Designing for Play

The iPhone is not easy to use, but it is fun! (HTML)
Engaging the User: What We Can Learn from Games (See the list of Useful Game Techniques) (HTML)
Patterns of Play (HTML)
National Institute for Play (HTML)
Game Design 101 (HTML)
Casual Game Design (HTML)
Why We Play Games (HTML)
Psychology of Games (HTML)
Gamasutra: The Psychology Behind Games (HTML)
Unlocking the Psychology of Achievements (HTML)

User Experience Flows and Maps

The Anatomy of an Experience Map (HTML)
Experience Maps (HTML)

Information Visualization

Periodic Table of Visualization Methods (HTML)
Visual Complexity (HTML)
Using Visualization Techniques to Engage People (HTML)
Data Visualization Blogs You May Not Know About (HTML)
175+ Data and Information Visualization Examples and Resources (HTML)
Visual Grammar: How To Communicate Without Words (HTML)

Typography

Five Simple Steps to Better Web Typography:
Part 1: Measure the Measure (HTML)
Part 2: Hanging Punctuation (HTML)
Part 3: Ligatures (HTML)
Part 4:Typographic Hierarchy - Size (HTML)
Part 5: Typographic Hierarchy - Weight (HTML)

Brainstorming

Generating Ideas (UX Matters) (HTML)
Brainstorming (PDF)
Sample MindMap (HTML)
Download FreeMind Here (HTML)

Process

Guest Presentations

Nathan Moody: Touch Walls (PDF)

Ten Laws of Simplicity (John Maeda)

  1. Reduce - The simplest way to achieve simplicity is through thoughtful reduction.
  2. Organize - Organization makes a system of many appear fewer.
  3. Time - Savings in time feel like simplicity.
  4. Learn - Knowledge make everything simpler.
  5. Differences - Simplicity and complexity need each other.
  6. Context - What lies in the periphery of simplicity is definitely not peripheral.
  7. Emotion - More emotions are better than less.
  8. Trust - In simplicity we trust.
  9. Failure - Some things can never be made simple.
  10. The One - Simplicity is about subtracting the obvious and adding the meaningful.

Three Keys (John Maeda)

  1. Away - More appears like less by simply moving it far, far away.
  2. Open - Openness simplifies complexity.
  3. Power - Use less, gain more.

Maeda, J. (2006) The Laws of Simplicity. The MIT Press.

Archive

Helsinki Seminar 2004 (HTML)

CSS and HTML

101 CSS Techniques - Part 1 (HTML)
101 CSS Techniques - Part 2 (HTML)
Using CSS To Do Anything - 50 Creative Examples (HTML)
Using CSS to Fix Anything - 20 Common Bugs and Fixes (HTML)
Design by N.Design Studio, adapted by solidGone.org and IDUX
Powered by pmwiki-2.2.45