View
239
Download
0
Tags:
Embed Size (px)
Citation preview
13
Other Fish Eye examples
• http://www.cs.umd.edu/hcil/fisheyemenu/fisheyemenu-demo.shtml
• http://www.hotdreamweaver.com/fish-eye-menu
• http://prefuse.org/gallery/fisheyemenu
19
Imbedded Links
• Poor for control– Lack organization.
• Very Good for:– Content based navigation
• Help Systems
• Browsing (web)
• Content Discovery
• Hyper links
21
Ribbon Menu’s
• Microsoft driven– Ideal for touch Screens– Context sensitive menus attempt to keep clutter
down.– Shallow & Wide, highly categorized.
26Hyperbolic Site Map
http://www.xrce.xerox.com/sys/htree/sitemap.html
http://wordsmith.org/awad/hyper.html
28Menu Selection Guidelines • Use Task Semantics to organize menus
• Prefer broad and shallow to narrow and deep
• Show position by graphics, numbers, or titles
• Use item names as titles for trees
• Use meaningful groupings of items
• Use meaningful sequencing of items
– Time
– Numeric or Alphabetic Ordering
– Physical properties
– Grouping related items
– Most Frequently Used
– Importance
29
Menu Selection Guidelines
• Make items brief, begin with keyword
• Phrasing
– Consistent & familiar terminology
– Items are distinct from one another
– Consistent and concise phrasing
– Keywords to the left
– Verbs to describe task
• Allow type ahead, jump ahead, or other shortcuts
• Allow jumps to previous and main menus
• Consider on-line help, novel selection mechanisms, response time, display rate, and screen size
30
Menu Consistency• Titles - Center or Left
• Item Placement - Left justified
– Number or Letter preceding the item.
• Instructions
– Consistent for all menus
– Appear same position
• Error Messages
– appear in same position (can be relative to context)
– consistent syntax
• Status Reports
– Info about task completion so user knows where he is in the task. Blip lines, Cascading Menus