Books & Videos

Table of Contents

  1. Make It Direct

    1. Chapter 1 In-Page Editing

      1. Single-Field Inline Edit
      2. Multi-Field Inline Edit
      3. Overlay Edit
      4. Table Edit
      5. Group Edit
      6. Module Configuration
      7. Guidelines for Choosing Specific Editing Patterns
    2. Chapter 2 Drag and Drop

      1. Interesting Moments
      2. Purpose of Drag and Drop
      3. Drag and Drop Module
      4. Drag and Drop List
      5. Drag and Drop Object
      6. Drag and Drop Action
      7. Drag and Drop Collection
      8. The Challenges of Drag and Drop
    3. Chapter 3 Direct Selection

      1. Toggle Selection
      2. Collected Selection
      3. Object Selection
      4. Hybrid Selection
  2. Keep It Lightweight

    1. Chapter 4 Contextual Tools

      1. Interaction in Context
      2. Fitts's Law
      3. Contextual Tools
      4. Always-Visible Tools
      5. Hover-Reveal Tools
      6. Toggle-Reveal Tools
      7. Multi-Level Tools
      8. Secondary Menu
  3. Stay on the Page

    1. Chapter 5 Overlays

      1. Dialog Overlay
      2. Detail Overlay
      3. Input Overlay
    2. Chapter 6 Inlays

      1. Dialog Inlay
      2. List Inlay
      3. Detail Inlay
      4. Tabs
      5. Inlay Versus Overlay?
    3. Chapter 7 Virtual Pages

      1. Virtual Scrolling
      2. Inline Paging
      3. Scrolled Paging: Carousel
      4. Virtual Panning
      5. Zoomable User Interface
      6. Paging Versus Scrolling
    4. Chapter 8 Process Flow

      1. Google Blogger
      2. The Magic Principle
      3. Interactive Single-Page Process
      4. Inline Assistant Process
      5. Dialog Overlay Process
      6. Configurator Process
      7. Static Single-Page Process
  4. Provide an Invitation

    1. Chapter 9 Static Invitations

      1. Call to Action Invitation
      2. Tour Invitation
    2. Chapter 10 Dynamic Invitations

      1. Hover Invitation
      2. Affordance Invitation
      3. Drag and Drop Invitation
      4. Inference Invitation
      5. More Content Invitation
      6. The Advantage of Invitations
  5. Use Transitions

    1. Chapter 11 Transitional Patterns

      1. Brighten and Dim
      2. Expand/Collapse
      3. Self-Healing Fade
      4. Animation
      5. Spotlight
    2. Chapter 12 Purpose of Transitions

      1. Engagement
      2. Communication
  6. React Immediately

    1. Chapter 13 Lookup Patterns

      1. Auto Complete
      2. Live Suggest
      3. Live Search
      4. Refining Search
    2. Chapter 14 Feedback Patterns

      1. Live Preview
      2. Progressive Disclosure
      3. Progress Indicator
      4. Periodic Refresh
  1. Principles and Patterns for Rich Interaction

    1. The Principles

    2. Staying Up to Date

  2. Colophon