1. 1 Menus

2. 2 Binary Menus

3. 3 Text Based Menus

4. 4 Text Based Menus Cont...

5. 5 Radio Buttons

6. 6 Multiple Selection Menus

7. 7 Pull Down and Pop up Menus

8. 8 Pie Menu

9. 9 Horizontal Menus

10. 10 2D menus

11. 11 2D Scrolling Menus

12. 12 Fish Eye Menu http://www.blink-media.com/jeffjoneslive/DHTML-Fish-Eye-Menu.asp Now a Dead link

13. 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

14. 14 Sliders

15. 15 Sliders cont...

16. 16 More Sliders … www.sliders.com

17. 17 Imbedded Links

18. 18 Imbedded Links

19. 19 Imbedded Links Poor for control –Lack organization. Very Good for: –Content based navigation Help Systems Browsing (web) Content Discovery Hyper links

20. 20 Icon & Toolbar Menus

21. 21 Ribbon Menu’s Microsoft driven –Ideal for touch Screens –Context sensitive menus attempt to keep clutter down. –Shallow & Wide, highly categorized.

22. 22 Linear Sequence

23. 23 Multiple Menus

24. 24 Tree Structure Menus

25. 25 Site Map

26. 26 Hyperbolic Site Map http://www.xrce.xerox.com/sys/htree/sitemap.html http://wordsmith.org/awad/hyper.html

27. 27 3D Site Map VRML from http://www3.zdnet.com/products/vrmluser/map/zd3d.map.html now defunct

28. 28 Menu 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. 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. 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