1

Menus

2

Binary Menus

3

Text Based Menus

4

Text Based Menus Cont...

5

Radio Buttons

6

Multiple Selection Menus

7

Pull Down and Pop up Menus

8

Pie Menu

9

Horizontal Menus

10

2D menus

11

2D Scrolling Menus

12

Fish Eye Menu

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

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

Sliders

15

Sliders cont...

16

More Sliders …

www.sliders.com

17

Imbedded Links

18Imbedded Links

19

Imbedded Links

• Poor for control– Lack organization.

• Very Good for:– Content based navigation

• Help Systems

• Browsing (web)

• Content Discovery

• Hyper links

20

Icon & Toolbar Menus

21

Ribbon Menu’s

• Microsoft driven– Ideal for touch Screens– Context sensitive menus attempt to keep clutter

down.– Shallow & Wide, highly categorized.

22

Linear Sequence

23

Multiple Menus

24

Tree Structure Menus

25

Site Map

26Hyperbolic Site Map

http://www.xrce.xerox.com/sys/htree/sitemap.html

http://wordsmith.org/awad/hyper.html

27

3D Site MapVRML from

http://www3.zdnet.com/products/vrmluser/map/zd3d.map.htmlnow defunct

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