CARVIEW |
Designing Web Interfaces
Principles and Patterns for Rich Interactions
- By
- Bill Scott, Theresa Neil
- Publisher:
- O'Reilly Media
- Released:
- January 2009
- Pages:
- 336
If you want to learn how to create great user experiences on the Web, this practical book offers more than 75 design patterns for building interfaces that provide rich interaction. Distilled by two longtime professionals after years of experience at Sabre, Yahoo, and Netflix, these design patterns and best practices are neatly organized according to six key principles that help you take advantage of current interactive web technologies.
With the recent advent of Ajax and the resurgence of Flash for developing web sites and applications, new patterns of interaction have emerged on the Web. In this book, Bill Scott provides insight on how to best take advantage of the power of these technologies for designing a great user experience through a series of best practices, summarized as eight key principles. Each principle and its nuances are illustrated in detail with real world examples and counter-examples from both inside and outside Yahoo! The design principles provide the rationale for how to apply a pattern. Design patterns provide a solution in context. The eight design principles are introduced as a set of principles focused on rich interaction, feedback and user data models. Benefits to reader: 1. Take-away the key principles for creating a rich experience on the web 2. Build a vocabulary around common patterns of interaction for a common language between engineering & design 3. Have numerous real-world examples to clearly understand the principles & patterns for future reference 4. Be able to apply the patterns & principles in real world design problems Includes a companion website: designingrichwebexperience.com
-
Make It Direct
-
Chapter 1 In-Page Editing
- Single-Field Inline Edit
- Multi-Field Inline Edit
- Overlay Edit
- Table Edit
- Group Edit
- Module Configuration
- Guidelines for Choosing Specific Editing Patterns
-
Chapter 2 Drag and Drop
- Interesting Moments
- Purpose of Drag and Drop
- Drag and Drop Module
- Drag and Drop List
- Drag and Drop Object
- Drag and Drop Action
- Drag and Drop Collection
- The Challenges of Drag and Drop
-
Chapter 3 Direct Selection
- Toggle Selection
- Collected Selection
- Object Selection
- Hybrid Selection
-
-
Keep It Lightweight
-
Chapter 4 Contextual Tools
- Interaction in Context
- Fitts's Law
- Contextual Tools
- Always-Visible Tools
- Hover-Reveal Tools
- Toggle-Reveal Tools
- Multi-Level Tools
- Secondary Menu
-
-
Stay on the Page
-
Chapter 5 Overlays
- Dialog Overlay
- Detail Overlay
- Input Overlay
-
Chapter 6 Inlays
- Dialog Inlay
- List Inlay
- Detail Inlay
- Tabs
- Inlay Versus Overlay?
-
Chapter 7 Virtual Pages
- Virtual Scrolling
- Inline Paging
- Scrolled Paging: Carousel
- Virtual Panning
- Zoomable User Interface
- Paging Versus Scrolling
-
Chapter 8 Process Flow
- Google Blogger
- The Magic Principle
- Interactive Single-Page Process
- Inline Assistant Process
- Dialog Overlay Process
- Configurator Process
- Static Single-Page Process
-
-
Provide an Invitation
-
Chapter 9 Static Invitations
- Call to Action Invitation
- Tour Invitation
-
Chapter 10 Dynamic Invitations
- Hover Invitation
- Affordance Invitation
- Drag and Drop Invitation
- Inference Invitation
- More Content Invitation
- The Advantage of Invitations
-
-
Use Transitions
-
Chapter 11 Transitional Patterns
- Brighten and Dim
- Expand/Collapse
- Self-Healing Fade
- Animation
- Spotlight
-
Chapter 12 Purpose of Transitions
- Engagement
- Communication
-
-
React Immediately
-
Chapter 13 Lookup Patterns
- Auto Complete
- Live Suggest
- Live Search
- Refining Search
-
Chapter 14 Feedback Patterns
- Live Preview
- Progressive Disclosure
- Progress Indicator
- Periodic Refresh
-
-
Principles and Patterns for Rich Interaction
-
The Principles
-
Staying Up to Date
-
-
Colophon

- Title:
- Designing Web Interfaces
- By:
- Bill Scott, Theresa Neil
- Publisher:
- O'Reilly Media
- Formats:
-
- Ebook
- Safari Books Online
- Print Release:
- January 2009
- Ebook Release:
- January 2009
- Pages:
- 336
- Print ISBN:
- 978-0-596-51625-3
- | ISBN 10:
- 0-596-51625-8
- Ebook ISBN:
- 978-0-596-15789-0
- | ISBN 10:
- 0-596-15789-4
-
Bill Scott
Bill Scott is director of UI Engineering at Netflix in Los Gatos, CA, where he plies his interface engineering and design skills. Scott is the former Yahoo! Ajax evangelist and pattern curator for the Yahoo! Design Pattern Library.
He has a long and glamorous history in the IT world, due mostly to his unique understanding of both the technical and creative aspects of designing usable products. His ramblings and musings can be found at https://www.looksgoodworkswell.com. -
Theresa Neil
Theresa Neil is a user experience consultant in Austin, Texas, where she designs rich applications for start-ups and Fortune500 companies. Her work can be seen at https://www.designgenie.org.
The image on the cover of Designing Web Interfaces is a Guianan cock-of-the-rock (Rupicola rupicola). Easily identified by the distinctive half-moon crest on its head, this bird is native to mountainous regions in northern South America, spanning the countries of Guyana, French Guiana, Suriname, Colombia, Venezuela, and Amazonian Brazil. Mainly fruit eaters, Guianan cocks-of-the-rock pass whole seeds through their digestive systems, thereby contributing to tree and plant diversity in the lowland forests they inhabit.
Adult cocks-of-the-rock reach heights of eight inches and have stout, round bodies. Males are typically smaller than females and have bright orange plumage with black and white accents, whereas the females are a muted brown. The males take advantage of their bright plumage to attract females as part of their elaborate mating ritual, during which they gather in a lek, spread their wings, strut, ruffle their tail feathers, and issue a series of unique calls. The birds are polygamous; successful males will mate with many females
during breeding season. Females build cup-shaped nests for their eggs out of clay and
plant matter inside cliff cavities or along rock faces, and they raise their chicks alone.
In the early 20th century, hunters trapped Guianan cocks-of-the-rock and sold them as
pets. Today, the birds are popular among bird watchers, eco tourists, and fly fishermen
(who use the colorful feathers to make fishing flies). Additionally, the Guianan cock of-
the-rock, with its prominent "mohawk" and vibrant plumage, has been featured on
tourism brochures and stamps for several of the countries it inhabits. Although native
tribes still hunt the birds for feathers and food, the species is not threatened or at risk of
extinction.
![]() ©2010, O'Reilly Media, Inc. (707) 827-7000 / (800) 998-9938 All trademarks and registered trademarks appearing on oreilly.com are the property of their respective owners. |
About O'Reilly
Academic Solutions Authors Contacts Customer Service Jobs Newsletters O'Reilly Labs Press Room Privacy Policy RSS Feeds Terms of Service User Groups Writing for O'Reilly |
Content Archive Business Technology Computer Technology Microsoft Mobile Network Operating System Digital Photography Programming Software Web Web Design |
More O'Reilly Sites
O'Reilly Radar Ignite Tools of Change for Publishing Digital Media Inside iPhone makezine.com craftzine.com hackszine.com perl.com xml.com Partner Sites InsideRIA java.net O'Reilly Insights on Forbes.com |