(:Summary:Contains the 'action' links (like Browse, Edit, History, etc.), placed at the top of the page, see site page actions:) (:comment This page can be somewhat complex to figure out the first time you see it. Its contents are documented at PmWiki.SitePageActions if you need help. :) * View * Edit * History * Print


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.

->First Principles of Interaction Design (HTML) Bruce Tognazzini has updated and revised his seminal article on interaction design.



->Human Computer Interaction (HCI) (Stanford University) (HTML)

->Essential Principles of Interaction Design (Adobe TV) (HTML)



-> 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)

->Color Universal Design (CUD): How to make figures and presentations that are friendly to Colorblind people (HTML)



->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)



->Workflow Shapes and Their Meaning (PDF)

->Modeling User Workflows (PDF)



->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)



->Annotating wireframes with functional requirements (PDF)



->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)



->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)



->'''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)



->Generating Ideas (UX Matters) (HTML)

->Brainstorming (PDF)

->Sample MindMap (HTML)

->Download FreeMind Here (HTML)




Guest Presentations

->Nathan Moody: Touch Walls (PDF)


Ten Laws of Simplicity (John Maeda)

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

Three Keys (John Maeda)

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

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



->Helsinki Seminar 2004 (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.86