Overview By Detail
From Interaction-Patterns.org
Contents |
[edit] Overview By Detail
[edit] Quick Summary
The user wants to inspect one specific item out of an overview more closely. The details of the selected item are displayed on a new page.
[edit] Visual Examples
Yet to be submitted.
[edit] Examples found on the World Wide Web
- flickr.com, a site for publishing fotoos, uses details by overview when displaying foto-albums
[edit] Use When
You are designing a Web-based Application or any other site where image collections are browse-able.
[edit] Rationale
People like to work from overviews and the overview is usually the main View they are working in. Overviews should contain enough information to select objects for a particular purpose. The detailed view then shows the object with all the details that cannot be shown otherwise, because they are not relevant or because it is too much information to show in the available space.
[edit] Possible Solution
Show the overview of all objects in the set, or a part of it when the set is too large. Each object is selectable by clicking on it's name and/or other identifying label. Make both images of the item and the label clickable if relevant. Selected objects are shown on a new page in their full glory.
When the screen-space permits it, combine both the overview and the detail view on the same page.
[edit] Technical Instructions and/or Source Code
Yet to be done
