Patterns:Navigation Box: Difference between revisions
(Created page) |
|||
| (6 intermediate revisions by the same user not shown) | |||
| Line 9: | Line 9: | ||
== Context == | == Context == | ||
The display consists of an Overview and Detail. | |||
== Problem == | == Problem == | ||
How to allow the user to navigate the data space via the overview. | |||
== Forces == | == Forces == | ||
* A simple mechanism for altering the contents of the detailed view. | |||
* Clear indication of item(s) being viewed in detail. This may include both the size and location for continuous data. | |||
== Solution == | |||
'''Place a moveable location indicator within the overview.''' | |||
There should be a visual location indicator in the overview. Often this is | |||
simply a rectangle that represents both the location and area of the | |||
dataset being viewed. The user can then click and drag this indicator to | |||
the desired location and the contents of the detailed view should be | |||
updated accordingly. Similarly if the contents of the detailed view can | |||
be altered by some other means e.g. scrollbars, then the location | |||
indicator in the overview should be moved to reflect this change. In this | |||
way the location indicator and the detailed view are kept in sync. | |||
Whilst dragging the indicator the detailed view may be continuously | |||
updated ([[Patterns:Smooth Transitions|Smooth Transitions]]). Alternatively the detailed view may | |||
only update when the mouse button is released, in which case | |||
[[Patterns:Teleportation|Teleportation]] is often an option. | |||
== Examples == | == Examples == | ||
* SeeSoft <ref>Eick, S. G., Steffen, J. L., Sumner, E. E. (1992). SeeSoft - A Tool for Visualizing Line | |||
Oriented Software Statistics. IEEE Transactions on Software Engineering, 18(11), pp 957-968.</ref> | |||
[[Image:navbox.png|150px|thumb|Navigation Box (in red)]] | |||
* The Information Mural<ref>Jerding D. F. and Stasko J.T. (1997). The Information Mural: A Technique for Displaying and | |||
Navigating Large Information Spaces. Graphics, Visualization and Usability Center, College of Computing, Georgia Institute of Technology, Atlanta. Technical Report; GIT-GVU-97-24.</ref> | |||
[[Image:navbox2.png|150px|thumb|Navigation Box (in red)]] | |||
== Related Patterns == | == Related Patterns == | ||
* [[Patterns:Smooth Transitions|Smooth Transitions]] | |||
* [[Patterns:Teleportation|Teleportation]] | |||
== References == | == References == | ||
Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK. | <references/> | ||
See Also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK. | |||
Latest revision as of 15:16, 13 October 2007
Summary[edit]
Category[edit]
Interaction
Context[edit]
The display consists of an Overview and Detail.
Problem[edit]
How to allow the user to navigate the data space via the overview.
Forces[edit]
- A simple mechanism for altering the contents of the detailed view.
- Clear indication of item(s) being viewed in detail. This may include both the size and location for continuous data.
Solution[edit]
Place a moveable location indicator within the overview.
There should be a visual location indicator in the overview. Often this is simply a rectangle that represents both the location and area of the dataset being viewed. The user can then click and drag this indicator to the desired location and the contents of the detailed view should be updated accordingly. Similarly if the contents of the detailed view can be altered by some other means e.g. scrollbars, then the location indicator in the overview should be moved to reflect this change. In this way the location indicator and the detailed view are kept in sync. Whilst dragging the indicator the detailed view may be continuously updated (Smooth Transitions). Alternatively the detailed view may only update when the mouse button is released, in which case Teleportation is often an option.
Examples[edit]
- SeeSoft [1]
- The Information Mural[2]
Related Patterns[edit]
References[edit]
- ↑ Eick, S. G., Steffen, J. L., Sumner, E. E. (1992). SeeSoft - A Tool for Visualizing Line Oriented Software Statistics. IEEE Transactions on Software Engineering, 18(11), pp 957-968.
- ↑ Jerding D. F. and Stasko J.T. (1997). The Information Mural: A Technique for Displaying and Navigating Large Information Spaces. Graphics, Visualization and Usability Center, College of Computing, Georgia Institute of Technology, Atlanta. Technical Report; GIT-GVU-97-24.
See Also: Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.