Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
SPECIAL OFFER: Upgrade this ebook with O’Reilly
Foreword
Preface
What Happened
Why We Wrote This Book
What This Book Is About
Design Patterns
Who Should Read This Book
What Comes with This Book
Conventions Used in This Book
Using Examples
We'd Like to Hear from You
Safari Books Online
Acknowledgments
Bill's Acknowledgments
Theresa's Acknowledgments
I. Make It Direct
1. In-Page Editing
Single-Field Inline Edit
Considerations
Multi-Field Inline Edit
Considerations
Overlay Edit
Considerations
Table Edit
Considerations
Group Edit
Considerations
Module Configuration
Considerations
Guidelines for Choosing Specific Editing Patterns
2. Drag and Drop
Interesting Moments
The Events
The Actors
Interesting Moments Grid
Purpose of Drag and Drop
Drag and Drop Module
Considerations
Drag and Drop List
Considerations
Drag and Drop Object
Considerations
Drag and Drop Action
Considerations
Drag and Drop Collection
Considerations
The Challenges of Drag and Drop
3. Direct Selection
Toggle Selection
Considerations
Collected Selection
Considerations
Object Selection
Considerations
Hybrid Selection
Considerations
II. Keep It Lightweight
4. Contextual Tools
Interaction in Context
Fitts's Law
Contextual Tools
Always-Visible Tools
Considerations
Hover-Reveal Tools
Considerations
Toggle-Reveal Tools
Considerations
Multi-Level Tools
Considerations
Secondary Menu
Considerations
III. Stay on the Page
5. Overlays
Dialog Overlay
Considerations
Detail Overlay
Considerations
Input Overlay
Considerations
6. Inlays
Dialog Inlay
Considerations
List Inlay
Considerations
Detail Inlay
Considerations
Tabs
Considerations
Inlay Versus Overlay?
7. Virtual Pages
Virtual Scrolling
Considerations
Inline Paging
Considerations
Scrolled Paging: Carousel
Considerations
Virtual Panning
Considerations
Zoomable User Interface
Considerations
Paging Versus Scrolling
8. Process Flow
Google Blogger
The Magic Principle
Interactive Single-Page Process
Considerations
Inline Assistant Process
Considerations
Dialog Overlay Process
Considerations
Configurator Process
Considerations
Static Single-Page Process
Considerations
IV. Provide an Invitation
9. Static Invitations
Call to Action Invitation
Considerations
Tour Invitation
Considerations
10. Dynamic Invitations
Hover Invitation
Considerations
Affordance Invitation
Considerations
Drag and Drop Invitation
The Events
Considerations
Inference Invitation
Considerations
More Content Invitation
Considerations
The Advantage of Invitations
V. Use Transitions
11. Transitional Patterns
Brighten and Dim
Considerations
Expand/Collapse
Considerations
Self-Healing Fade
Considerations
Animation
Considerations
Spotlight
Considerations
12. Purpose of Transitions
Engagement
Communication
Maintain Context While Changing Views
Explain What Just Happened
Show Relationships Between Objects
Focus Attention
Improve Perceived Performance
Create Illusion of Virtual Space
VI. React Immediately
13. Lookup Patterns
Auto Complete
Considerations
Live Suggest
Considerations
More Considerations
Live Search
Considerations
Refining Search
Considerations
14. Feedback Patterns
Live Preview
Considerations
Progressive Disclosure
Considerations
Progress Indicator
Considerations
Periodic Refresh
Considerations
Principles and Patterns for Rich Interaction
The Principles
Make It Direct
Keep It Lightweight
Stay on the Page
Provide an Invitation
Use Transitions
Be Reactive
Staying Up to Date
Index
SPECIAL OFFER: Upgrade this ebook with O’Reilly
← Prev
Back
Next →
← Prev
Back
Next →