Lists are a great place to use Inlays. Instead of requiring the user to navigate to a new page for an item's detail or popping up the information in an Overlay, the information can be shown with a List Inlay in context. The List Inlay works as an effective way to hide detail until needed—while at the same time preserving space on the page for high-level overview information.
Google Reader provides an expanded view and a list view for unread blog articles. In the list view, an individual article can be expanded in place as a List Inlay (Figure 6-5).
Figure 6-5. In list view, Google Reader shows all articles as a collapsed list—except for the one that is currently selected
By allowing the reader to move through a list of article titles (by mouse or keyboard), the articles can be scanned quickly so she can decide which should be looked at in detail. Clicking on an article title expands the article in place. Showing one item at a time focuses the reader on the current content.
Expanding content in context is a powerful way to help users understand information. It follows the principle of focus+context.
The Accordion is an interface element that employs the List Inlay pattern to show only one open panel in a list at a time. The following ...