Patterns:Navigation Box - Revision history

Thatbrock: /* Related Patterns */

2007-10-13T13:16:14Z

Related Patterns

← Older revision		Revision as of 13:16, 13 October 2007
Line 42:		Line 42:

	== Related Patterns ==		== Related Patterns ==
	* [[Smooth Transitions]]		* [[Patterns:Smooth Transitions\|Smooth Transitions]]
	* [[Teleportation]]		* [[Patterns:Teleportation\|Teleportation]]

	== References ==		== References ==

Thatbrock: /* Solution */

2007-10-13T13:14:00Z

Solution

← Older revision		Revision as of 13:14, 13 October 2007
Line 29:		Line 29:
	way the location indicator and the detailed view are kept in sync.		way the location indicator and the detailed view are kept in sync.
	Whilst dragging the indicator the detailed view may be continuously		Whilst dragging the indicator the detailed view may be continuously
	updated ([[Smooth Transitions]]). Alternatively the detailed view may		updated ([[Patterns:Smooth Transitions\|Smooth Transitions]]). Alternatively the detailed view may
	only update when the mouse button is released, in which case		only update when the mouse button is released, in which case
	[[Teleportation]] is often an option.		[[Patterns:Teleportation\|Teleportation]] is often an option.

	== Examples ==		== Examples ==

Thatbrock: /* Solution */

2007-10-13T13:12:52Z

Solution

← Older revision		Revision as of 13:12, 13 October 2007
Line 29:		Line 29:
	way the location indicator and the detailed view are kept in sync.		way the location indicator and the detailed view are kept in sync.
	Whilst dragging the indicator the detailed view may be continuously		Whilst dragging the indicator the detailed view may be continuously
	updated (Smooth Transitions). Alternatively the detailed view may		updated ([[Smooth Transitions]]). Alternatively the detailed view may
	only update when the mouse button is released, in which case		only update when the mouse button is released, in which case
	Teleportation is often an option.		[[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		* SeeSoft <ref>Eick, S. G., Steffen, J. L., Sumner, E. E. (1992). SeeSoft - A Tool for Visualizing Line

Thatbrock: /* Examples */ added nav box 2

2007-10-09T12:36:37Z

Examples: added nav box 2

← Older revision		Revision as of 12:36, 9 October 2007
Line 38:		Line 38:
	* The Information Mural<ref>Jerding D. F. and Stasko J.T. (1997). The Information Mural: A Technique for Displaying and		* 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>		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 ==

Thatbrock: /* Examples */

2007-10-09T12:33:51Z

Examples

← Older revision		Revision as of 12:33, 9 October 2007
Line 35:		Line 35:
	* SeeSoft <ref>Eick, S. G., Steffen, J. L., Sumner, E. E. (1992). SeeSoft - A Tool for Visualizing Line		* 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>		Oriented Software Statistics. IEEE Transactions on Software Engineering, 18(11), pp 957-968.</ref>
	[[Image:navbox.png\|150px\|thumb\|Navigation Box]]		[[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		* 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>		Navigating Large Information Spaces. Graphics, Visualization and Usability Center, College of Computing, Georgia Institute of Technology, Atlanta. Technical Report; GIT-GVU-97-24.</ref>

Thatbrock: /* Examples */

2007-10-09T12:33:01Z

Examples

← Older revision		Revision as of 12:33, 9 October 2007
Line 35:		Line 35:
	* SeeSoft <ref>Eick, S. G., Steffen, J. L., Sumner, E. E. (1992). SeeSoft - A Tool for Visualizing Line		* 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>		Oriented Software Statistics. IEEE Transactions on Software Engineering, 18(11), pp 957-968.</ref>
	[[Image:navbox.png\|150px\|thumb\|~~Film Finder~~]]		[[Image:navbox.png\|150px\|thumb\|Navigation Box]]
	* The Information Mural<ref>Jerding D. F. and Stasko J.T. (1997). The Information Mural: A Technique for Displaying and		* 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>		Navigating Large Information Spaces. Graphics, Visualization and Usability Center, College of Computing, Georgia Institute of Technology, Atlanta. Technical Report; GIT-GVU-97-24.</ref>

Thatbrock: Created page

2007-10-09T12:32:10Z

Created page

← Older revision		Revision as of 12:32, 9 October 2007
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 ==		== Solution ==
	'''~~Solution goes here, in bold~~'''		'''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 ==		== 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\|Film Finder]]
			* 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>

	== Related Patterns ==		== Related Patterns ==
			* [[Smooth Transitions]]
			* [[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.

Thatbrock: Created page

2007-10-09T12:21:09Z

Created page

New page

{| align="right"
| __TOC__
|}
== Summary ==

== Category ==
Interaction

== Context ==

== Problem ==

== Forces ==

== Solution ==
'''Solution goes here, in bold'''

== Examples ==

== Related Patterns ==

== References ==
Wilkins, B., (2003). “MELD: A Pattern Supported Methodology for Visualisation Design”, PhD Dissertation, University of Birmingham, UK.