You are currently viewing a snapshot of www.mozilla.org taken on April 21, 2008. Most of this content is highly out of date (some pages haven't been updated since the project began in 1998) and exists for historical purposes only. If there are any pages on this archive site that you think should be added back to www.mozilla.org, please file a bug.

Skip to main content

.WAFL (lށ\N,BAb]^E_Bntry(Ze=Sgp,N,BAb]^E_B url Uhttp://www.mozilla.org/projects/ui/communicator/framework/contextmenus/cmrev2-2.htmlmime text/htmlhntt"1788e-2b7ef-3ca29864"hvrsdata
The Mozilla
Organization
At A Glance
Feedback
Get Involved
Newsgroups
License Terms
Newsbot
Developer Docs
Roadmap
Projects
Ports
Module Owners
Hacking
Get the Source
Build It
Testing
Download
Report A Bug
Bugzilla
Bug Writing
Tools
View Source
Tree Status
New Checkins
Submit A Bug
FAQ
Search

Mach V

UI Specification

Context Menus Specification Rev 2, 2nd Draft

Last Modification:

Author Marlon Bishop
Initial Creation Date:  13 Dec 2001 

Status: Framework Specification for 2nd Review - Needs Access keys.

Contents

Menu Interaction and Design
Supported Cases
Menu Design Principles
Anatomy of a Context Menu
Digest of Responses

Specific Navigator Menus, Chrome Menus

Feature Team

Marlon Bishop

Menu Interaction and Design

This document assumes a fundamental understanding of the interaction design for conventional context/pop up menus. For background, consult platform specific UI documention. The method described here is for designing context sensitive menus in applications of high content density, such as web content. Considering the increasing number of novice Windows users who use right mouse click as a means of discovering features, the menus are decidedly geared toward more general use, rather than containing exclusively hidden or esoteric features. Also, by representing multiple contexts in cases which are ambiguous, we provide convenience from having to right click in multiple targets, or zones, and increase the liklihood for the user to hit their intended feature.





Supported Cases

The following cases listed below are specified in this document. For yet-to-be-specified cases, or, if changes to a case are necessary, follow the Menu Design Principles.


Content:

Chrome:



Feature Dependencies

This spec depends on the following features:

  • Inline spellchecking or a user invoked alternative for Text Input - see Form/Input Field
  • Add a [View Source] button to the general tab of the page info dialog. Rename Page info to Page Properties - see Content Area
  • [Send Image to Buddy] allow user to seamlessly share images. IM should include a reference link, if available. - see Inline Image
  • [Send as Quote...] When a user decides quote a page in an email message, provide a feature which save several copy-paste operations and formating operations.- see Selected Content
  • [View Selection Source] - bug 49721 - see Selected Content


Menu Design Principles

The following are a set of design principles to keep in mind when creating, or making changes to context menus.


  1. Provide convenience by offering the most common File Menu commands
  2. Provide power by combining context sensitivity with the most common File/Edit menu commands
  3. Provide speed by making menus brief, to make identification quicker and selection easier.
  4. Menu items should be ordered by frequency and/or relevancy to the immediate context and task
  5. Define a core subset for each context. When placing in new contexts, never allow core items to loose their arrangement. (cut, copy, paste, delete, select all)
  6. Menus are often used as "cue cards" to reveal features available for related cases
  7. Maintain 4.x feature parity when possible
  8. Use Netscape familiar terminology
  9. Follow platform fundamentals when possible (or make compromises between different platforms)
  10. Identify items which are "expendable", or offer little or less utility in other contexts. Expendable items should always have alternate, 2-step methods in their absence.
  11. When necessary, structure menu subsets to "degrade gracefully"
    • Identify high traffic menu items and label them less expendable.
    • Identify expendable menu Items - actions which can be done relatively easily by other means (usually by performing one more step that is common)
    • Compromise menu items for subsequent descendents of a context (children or kin).
    • Expend items based on the degree of ambiguity for a given case. Highly ambiguous contexts generally want more cores represented
  12. Using dividers: provide dividers between each domain and/or provide dividers between each task category. Rule of thumb should be no more than 4 or 5 items between each set of dividers.
  13. Identify menus that are kin. That is, menus which share familial characteristics, thus are dependent on each other for consistency, and should be kept in parity. This will propogate family characteristics which can then later be easily identified by the user.
  14. In very general terms, menus should be no more than 12-14 items in length, with a "sweet spot" of around 8-9 items. Menus which are 13 items or longer are lacking ease of use, while menus shorter than 5-6 are possibly lacking innovation.
  15. Duplicate the "default action" for an object which could receive single or double click mouse action. - this principle is left open to interpretation.
  16. the unofficial Click-and-Hold mac behavior should be retained as long as principle 15 is followed.
  17. Minimize use of 'Valued Tasks' which apply to links. for example [edit link in composer], or [send this link], or manipulating some sort of element which we can assume has not been traversed, or was traversed and then returned from to send, instead of sending directly.







Anatomy of a Context Menu

NOTE: Menu items identified as "expendable" are by no means of lesser value. Branding certain menu functions as expendable, simply implies that function might offer less utility in the next context. A core set of functions should always retain their internal order.
Core

Immediate Tasks and Object Manipulation
1
2
3

Storage, or "Valued" Tasks
1
2

Global/Previous Context - Priority 1
1
2
3
4

Global /Previous Context - Priority 2
1
2

Properties
1 Properties for Immediate Context
2 Properties for Secondary Context OR Global Properties









<- Top

Content Area Menu (see alternate Macintosh terms indicated by an *)

The Menu

[Show Menu Bar]

Back
Forward
Reload    R 
Stop   Mac .  Others Esc 
Bookmark This Page
Save Page As... S
Send Page...
Create Desktop Shortcut*
View Background Image...
[Character Encoding...]
Page Properties**



Core Set

Back
Forward
Reload    R 
Stop   Mac .  Others Esc 
Bookmark This Page
Save Page As... S
Send Page...
Create Desktop Shortcut*
• alt text:[bookmark this page]?
* [Alias in Finder] for mac
• [View Background Image] is enabled only if there is a background image in the page.
• [Stop] is enabled if a page is still loading
* [Alias in Finder] for mac
• [Character Encoding] should be off by default for English/US users, toggled in the view menu, or shipped only in "internationalized" versions of the product.
- consider duplicity of Create Desktop Shortcut and Save Page as...
- [Page Source] and [Page Info] to be combined into [Page Properties] feature. the shortcut, discrete access of [page source] and [page info] individually is archaic. combining both into a [Page Properties] (replaces page info) feature which adds a button to the [General] Tab which would launch View Page Source window.
-Replace [Add Page to Bookmarks] with [Bookmark This Page] which is no longer 'silent'. This change is in lieu of a Bookmark feature redesign, which will streamline the application model for bookmarking. The redesigned Bookmark Menu should have only on Menu item:[Bookmark This Page] and not [Add Bookmark] - the resulting dialog will allow user to choose silent bookmarking preference.
-[Show Menu Bar] would only be visible if one were missing, for example in chromeless window, to relieve the need for duplication of any menu items in context menus.
-** What happened to [View Source] and [Page Info]?? Propose a new consolidated Page Properties dialog which consolidates the two previous items into a tabbed interface of Page Properties. If this dialog cannot be implemented in Mach V, then keep the menu item broken out into two items everywhere Page Properties is currently.
items in square brackets are only visible under certain circumstances
Less expendable expendable Highly expendable



Comparative Study of Content Area Menus

4.x

IE5.5

Opera 6.0

Opera Flyouts


Back
Forward
Reload    R 
Stop   Mac .  Others Esc 

View Source
View Info
Add Bookmark
Create Shortcut
Send Page


Back
Forward

Save Background As..
Set Wallpaper
Copy Background
Set as Desktop Item...
Select All
Paste
Create Shortcut
Add to Favorites...
View Source
Encoding >
Print
Refresh
Properties


Encoding >


Auto Select >

Western European [Windows]
• Western European [ISO]
More >


More >


Arabic [ASMO 708]
Arabic [DOS]
Arabic [ISO]
Arabic [Windows]

Baltic [ISO]
Baltic [Windows]
Central European [DOS]
Central European [ISO]
Central European [Windows]
Chinese Simplified
Chinese Traditional
...


Back
Forward
Stop   Mac .  Others Esc 
Home

Reload
Reload Every >
Add to Bookmarks
Copy Address
Send Link in Email
Frame >
Background >
Duplicate Window
Create linked Window
Full Screen


Reload Every >


Enable

Custom...
5 Seconds
15 Seconds
30 Seconds
1 Minute
2 Minutes
5 Minutes
15 Minutes
30 Minutes


Background >


Background >

Show image
Save Image
Copy Image
Copy Image Address
Image Properties...
Use Image as >


Use Image As>

Use Image as >

Foreground Skin
Background Skin

Desktop Background
Remove Foreground Skin
Remove Background Skin










<- Top

Selected Content Menu

The Menu

Cut X
Copy C
Paste V
Select All A
Highlight Selection >
Web Search for "foo..."
Search Dictionary for "foo..."
Send Quoted Selection...
[Change Text Direction]
View Selection Source

Core Set

Cut X
Copy C
Paste V
Select All A
Web Search for "foo..."
Search Dictionary for "foo..."
Send Quoted Selection...
[Change Text Direction]
View Selection Source
alt:bookmark this page?
- *RFE [Send Quoted Selection...] - quote formatting in email with URL provided by reference source URL followed by content indented

example in the body of a mail message:

quote from: http://foo.com/foo

ipsum lorem foo ipsum lorem foo ipsum lorem foo
ipsum lorem foo ipsum lorem foo ipsum llorem foo
ipsum lorem foo ipsum lorem foo...


- Perform Search on...
- context ambiguity is extremely low (allowing high degradation of menu items), because 2 very certain conditions must be met: to invoke: make the selection, right clicking on that selection, or in the horizontal vicinity of that selection. right clicking outside of selection would still pertain to that selection unless it were outside the 'horizontal vicinity' of that selection. then we would deselect, and produce the previous context - if another context were contained within that selection, then right clicking on that element would produce the context menu for that element while keeping the selection. We don't want to loose the selection for a user if he/she is still in the region.
- "Cut, Copy, Paste, Select All"
- Visit Selection as URL - is open to negotiation. idea found in bug #15176
- if inserting "foo..." proves to be too lengthy then suggest using the term, "selection" in it's place.
- *if selected content contained links and or images, we should still treat this context as 'selected content' exlusively, to avoid growing menus and complexity.. Since the tolerance for mistaken intent for this context is extremely low
- [Change Text Direction] turning on bidi option in the main menus (use the same switch as Character Encoding), or by detecting the region and language, will allow user to access 2 new features in context menus: change text direction in text fields and in selected text
- * RFE [Highlight Selection >] Would produce a color picker which allow user to highlight content on a page.
items in square brackets are only visible under certain circumstances
Less expendable expendable Highly expendable




Comparative Study - Selected Content Menus

4.x

IE5.5

Opera 6.0

Opera Flyouts
Ignored -
same as previous context


Back
Forward
Reload    R 
Stop   Mac .  Others Esc 

View Source
View Info
Add Bookmark
Create Shortcut
Send Page


Cut X
Copy C
Paste V
Select All A
Print


Copy Text C

Search
Search With >
Dictionary
Encyclopedia
Translate >

Send by e-mail


Search With >


Google
All The Web
Super

Amazon.com
Price Comparison
TechTracker
Domain Name
Image
Video
MP3/Audio
Google groups
Opera support
Find in page


Translate >


English to French
English to German
English to Italian
English to Portuguese
etc, etc, etc. (lycos)










<- Top

Text as Link Menu (kin: text as mailto: link, text as news: link) (child: image as link)

The Menu

Open Link

Open Link in New Tab
Open Link In New Window
Bookmark This Link
Save Link Target As...
Copy Link Location
Bookmark This Page
Save Page As... S
Send Page...
Link Properties
Page Properties

Core Set

Open Link in New Tab

Open Link In New Window
Bookmark This Link
Save Link As...
Copy Link Location
would link properties be useful?
- ambiguous context is fair -
since it could a link could potentially be mistaken for the page
• button as link could also use this same menu (bug 63823)
- ctrl-right click would change [Open Link in New Tab] and [Open Link in New Window] to [Open Link in New Backround Tab], [Open Link in New Backround Window]
- [Copy Link Location] copies only the URL, not the HREF. copying a URL is much more valuable and practical for most users than copying a bunch of code. You can retrieve a link HREF by selecting Link Properties, and copying it from there. The reason it must be left out is to keep the image as link menu from growing beyond 16 items.
Less expendable expendable Highly expendable



Comparative Study - Text as Link Menus

4.x

IE5.5

Opera 6.0

Opera Flyouts
[Page >] provides entire previous context


Open Link In New Window
Open Link In Composer

Back
Forward
Reload
Stop
View Source
View Info
Add Bookmark
Create Shortcut
Send Page
Save Link As...
Copy Link Location


Open
Open in New Window
Save Target As...
Print Target

Cut
Copy
Copy Shortcut
Paste
Add to Favorites...
Properties


Open Link
Open in New Window
Open in Background

Open in New Page
Open in Background Page
Add Link to Bookmarks...
Copy Link Address
Save Target As...
Page >


Page> (entire previous context)


Back
Forward
Stop   Mac .  Others Esc 
Home

Reload
Reload Every >
Add to Bookmarks
Copy Address
Send Link in Email
Frame >
Background >
Duplicate Window
Create linked Window
Full Screen










<- Top

Inline Image Menu (see alternate Macintosh terms indicated by *)

The Menu

View Image
Copy Image C
Copy Image Location
Save Image As...
Send Image...
*Send to Buddy... >
Set as Wallpaper
Bookmark This Page
Save Page As... S
Send Page...
Image Properties
Page Properties

Core Set

View Image
Copy Image C
Copy Image Location
Save Image As...
Send Image...
*Send to Buddy... >
Set as Wallpaper
- very high potential for mistaken context -
an image could be mistaken for the content area. keep 4 of the core content area menu items for contextual ambiguity's sake
- the utility of [copy image location] is questionable, since it could be accomplished a number of other ways. However at this menu's current length, it's not posing much harm.
- removing [Create Desktop Shortcut] to spare the [image as link] menu.
- * Netscape Commercial RFE - Send image to online buddy shortcut. Would display a submenu which allow user to quickly transmit an image to an online buddy.
-
Less expendable expendable Highly expendable



Comparative Study - Image Menus

4.x

IE5.5

Opera 6.0

Opera Flyouts
[Page >] provides entire previous context


Back
Forward
Reload
Stop

View Source
View Info
View Image [foo.gif]
Set as Wallpaper
Add Bookmark
Create Shortcut
Send Page
Save Image As...
Copy Image Location


Open Link
Open Link in New Window
Save Target As...
Print Target

Show Picture
Save Picture As...
Set As Wallpaper
Set As Destkop Item

Cut
Copy
Copy Shortcut
Paste
Add to Favorites...
Properties


Reload Image
Save Image
Copy Image
Copy Image Address
Image Properties...
Use Image As >

Page >


Use Image As >


Foreground Skin
Background Skin

Desktop Background
Remove Foreground Skin
Remove Background Skin


Page> (entire previous context)


Back
Forward
Stop   Mac .  Others Esc 
Home

Reload
Reload Every >
Add to Bookmarks
Copy Address
Send Link in Email
Frame >
Background >
Duplicate Window
Create linked Window
Full Screen










<- Top

Image as Link Menu (see alternate Macintosh terms indicated by *) (kin: image as mailto: link, image as news: link)

The Menu

Open Link

Open Link in New Tab
Open Link In New Window
Bookmark This Link
Save Link Target As...
Copy Link Location
View Image
Copy Image C
Copy Image Location
Save Image As...
Send Image...
*Send to Buddy... >
Set as Wallpaper
Bookmark This Page...
Link Properties
Image Properties

Core Set

Open Link in New Tab
Open Link In New Window
Bookmark This Link
Save Link Target As...
Copy Link Location
View Image
Copy Image C
Copy Image Location
Save Image As...
Send Image...
*Send to Buddy... >
Set as Wallpaper
- fair potential for 3 mistaken contexts -
could potentially be mistaken for page
- link context should have higher priority than the image.
- Formula for this menu is to combine Link Menu and Image Menu. The Link subset should take precedence over the Image subset.
- 16 items
- [page source] not included because of rarity that a single linked image dominates the entire page.
- Are [Link Properties] and [Image Properties] both useful as features? If not then consider replacing with [Page Properties] only.
Less expendable expendable Highly expendable



Comparative Study - Image as Link Menus

4.x

IE5.5

Opera 6.0

Opera Flyouts
[Page >] provides entire previous context


Open Link In New Window
Open Link In Composer

Back
Forward
Reload
Stop
View Source
View Info
View Image [foo.gif]
Set as Wallpaper
Add Bookmark
Create Shortcut
Send Page
Save Link As...
Save Image As...
Copy Link Location
Copy Image Location


Open Link
Open Link in New Window
Save Target As...
Print Target

Show Picture
Save Picture As...
Set As Wallpaper
Set As Destkop Item

Cut
Copy
Copy Shortcut
Paste
Add to Favorites...
Properties


Open Link
Open in New Window
Open in Background

Open in New Page
Open in Background Page
Add Link to Bookmarks...
Copy Link Address
Save Target As...
Reload Image
Save Image
Copy Image
Copy Image Address
Image Properties...
Use Image As >
Page >


Use Image As >


Foreground Skin
Background Skin

Desktop Background
Remove Foreground Skin
Remove Background Skin


Page> (entire previous context)


Back
Forward
Stop   Mac .  Others Esc 
Home

Reload
Reload Every >
Add to Bookmarks
Copy Address
Send Link in Email
Frame >
Background >
Duplicate Window
Create linked Window
Full Screen




<- Top

Image as URL Menu (see alternate Macintosh terms indicated by *)

The Menu

Back
Copy Image C
Copy Image Location
Save Image...
Send Image...
Set as Wallpaper
Image Properties

Core Set

Copy Image C
Copy Image Location
Save Image...
Send Image...
Set as Wallpaper
- [Back] returns user to previous page, if available.
Less expendable expendable Highly expendable



Comparative Study - Image Menus

4.x

IE5.5

Opera 6.0

Opera Flyouts
















<- Top

Text as mailto: Link Menu (kin: text as link, text as news: link)

The Menu

Compose Message...

Add to Address Book..
Copy Email Address
Copy Link Location
Bookmark This Page
Save Page As... S
Send Page...
mailto: Link Properties

Core Set

Add to Address Book..
Copy Email Address
Copy Link Location
what is link properties?
- context ambiguity is fair -
- [Select All]?
Less expendable expendable Highly expendable



Comparative Study - Text as mailto: Link Menus

4.x

IE5.5

Opera 6.0

Opera Flyouts
Uses same menu for
Text Link		 [Page >] provides entire previous context


Back
Forward
Reload
Stop
View Source
View Info
Add Bookmark
Create Shortcut
Send Page
Save Link As...
Copy Link Location


Open
Open in New Window
Save Target As...
Print Target

Cut
Copy
Copy Shortcut
Paste
Add to Favorites...
Properties


Send e-mail...
Add to Contacts...

Copy Address
Copy Mailto: Address
Page >


Page>


Back
Forward
Stop   Mac .  Others Esc 
Home

Reload
Reload Every >
Add to Bookmarks
Copy Address
Send Link in Email
Frame >
Background >
Duplicate Window
Create linked Window
Full Screen










<- Top

Image as mailto: Link Menu (kin: image as link, image as news: link)

The Menu

Compose Message...

Add to Address Book..
Copy Email Address
Copy Link Location
View Image
Copy Image C
Copy Image Location
Save Image As...
Send Image...
* Send to Buddy >
Set as Wallpaper
Bookmark This Page
Mailto: Link Properties
Image Properties

Core Set

Add to Address Book..
Copy Email Address
Copy Link Location
View Image
Copy Image C
Copy Image Location
Save Image As...
Send Image...
* Send to Buddy >
Set as Wallpaper
what is link properties?
- Formula for this menu is to combine Link Menu and Image Menu. The Link subset should take precedence over the Image subset.
Less expendable expendable Highly expendable



Comparative Study - Image as mailto: Link Menus

4.x

IE5.5

Opera 6.0

Opera Flyouts
Uses same menu for
Text Link		 tack on the image subset to the mailto
mailto subset.		 [Page >] provides entire previous context


Back
Forward
Reload
Stop
View Source
View Info
Add Bookmark
Create Shortcut
Send Page
Save Link As...
Copy Link Location


Open Link
Open Link in New Window
Save Target As...
Print Target

Show Picture
Save Picture As...
Set as Wallpaper
Set as Desktop Item...
Cut
Copy
Copy Shortcut
Paste
Add to Favorites...
Properties


Send e-mail...
Add to Contacts...

Copy Address
Copy Mailto: Address
Reload Image
Save Image
Copy Image
Copy Image Address
Image Properties
Use Image As >
Page >


Use Image As >


Foreground Skin
Background Skin

Desktop Background
Remove Foreground Skin
Remove Background Skin


Page>


Back
Forward
Stop   Mac .  Others Esc 
Home

Reload
Reload Every >
Add to Bookmarks
Copy Address
Send Link in Email
Frame >
Background >
Duplicate Window
Create linked Window
Full Screen










<- Top

Text as news: Link Menu (kin: text as link, text as mailto: link)

The Menu

View Newsgroup
Subscribe to Newsgroup..
Copy Newsgroup Address
Copy Link Location
Bookmark This Page
Save Page As... S
Send Page...
news: Link Properties

Core Set

Subscribe to Newsgroup..
Copy Newsgroup Address
Copy Link Location
* [Alias in Finder] for mac
Less expendable expendable Highly expendable



Comparative Study - Text as news: Link Menus

4.x

IE5.5

Opera 6.0

Opera Flyouts
same menu for text link Uses same menu for
Text Link		 [Page >] provides entire previous context


Open Link In New Window
Open Link In Composer

Back
Forward
Reload
Stop
View Source
View Info
Add Bookmark
Create Shortcut
Send Page
Save Link As...
Copy Link Location


Open
Open in New Window
Save Target As...
Print Target

Cut
Copy
Copy Shortcut
Paste
Add to Favorites...
Properties


Open Link
Open in New Window
Open in Background

Open in New Page
Open in Background Page
Add Link to Bookmarks...
Copy Link Address
Save Target As...
Page >


Page>


Back
Forward
Stop   Mac .  Others Esc 
Home

Reload
Reload Every >
Add to Bookmarks
Copy Address
Send Link in Email
Frame >
Background >
Duplicate Window
Create linked Window
Full Screen










<- Top

Image as news: Link Menu (kin: image as mailto: link, image as link)

The Menu

View Newsgroup

Subscribe to Newsgroup..
Copy Newsgroup Address
Copy Link Location
View Image
Copy Image C
Copy Image Location
Save Image As...
Send Image...
* Send to Buddy >
Set as Wallpaper
Bookmark This Page
news: Link Properties
Image Properties

Core Set

Subscribe to Newsgroup..
Copy Newsgroup Address
Copy Link Location
View Image
Copy Image C
Copy Image Location
Save Image As...
Send Image...
* Send to Buddy >
Set as Wallpaper
what is link properties?
- contextual ambiguity is fair -
- Formula for this menu is to combine News Link Menu and Image Menu. The News Link subset should take precedence over the Image subset.
Less expendable expendable Highly expendable



Comparative Study - Image as news: Link Menus

4.x

IE5.5

Opera 6.0

Opera Flyouts
same menu for text link Uses same menu for
Text Link		 [Page >] provides entire previous context


Open Link In New Window
Open Link In Composer

Back
Forward
Reload
Stop
View Source
View Info
Add Bookmark
Create Shortcut
Send Page
Save Link As...
Copy Link Location


Open
Open in New Window
Save Target As...
Print Target

Cut
Copy
Copy Shortcut
Paste
Add to Favorites...
Properties


Open Link
Open in New Window
Open in Background

Open in New Page
Open in Background Page
Add Link to Bookmarks...
Copy Link Address
Save Target As...
Page >


Page>


Back
Forward
Stop   Mac .  Others Esc 
Home

Reload
Reload Every >
Add to Bookmarks
Copy Address
Send Link in Email
Frame >
Background >
Duplicate Window
Create linked Window
Full Screen










<- Top

Form/Input Field Menu

The Menu

Undo Z
[Redo Mac Shift-Z Others Y]
Cut X
Copy C
Paste V
Delete Del
Select All A
• Spell Check
[Change Text Direction]

Core Set

Undo Z
[Redo Mac Shift-Z Others Y]
Cut X
Copy C
Paste V
Delete Del
Select All A
• Spell Check
• - [New Feature] toggle autocheck spelling checker
- editiable text menu cross reference
- turning on bidi option in the main menus (use the same switch as Character Encoding), or by detecting the region and language, will allow user to access 2 new features in context menus: change text direction in text fields and in selected text
Less expendable expendable Highly expendable



Comparative Study - Form/Input Field Menu

4.x

IE5.5

Opera 6.0

Opera Flyouts
-Opera 6 takes you to form fill settings/presets


Undo

Cut X
Copy C
Paste V
Delete
Select All A


Undo

Cut X
Copy C
Paste V
Delete
Select All A


Insert >
Undo

Cut X
Copy C
Paste V
Delete
Select All A


Insert >


Edit...











<- Top

The Frame Subset (see alternate Macintosh terms indicated by *)

Sample: Content Area Menu

Back
Forward
Reload    R 
Stop   Mac .  Others Esc 
This Frame >
Bookmark This Page
Save Page As... S
Send Page...
Create Desktop Shortcut*
View Background Image...
[Character Encoding]
Page Properties



The Subset

This Frame >


Open Frame in New Tab
Open Frame in New Window

Reload  Frame  
Add Frame to Bookmarks
Save Frame As...
Send Frame...
Print Frame
[Character Encoding...]
Frame Properties
-Insert the frame subset to any Context which lives within a frame - place the flyout item between the first group of items and the subsequent groups as shown in the example of the Content Area menu to the left.
- totally ambiguous - frame context could be mistook for page,or anything else for that matter.
- any contextual menu element which exists on a framed page should be treated as part of the most global context. for example - [view background] doesn't belong in the frame context or the user model of a site, because our users by and large aren't concerned that frames exist. So, if there is background to view then it should appear to belong to the page, not in any particular frame to which it actually belongs. the same would be true for:
- form items, background images, etc.
- *[Alias in Finder] for mac
• [Character Encoding] should be off by default for English/US Western Users, toggled in the view menu, or shipped only in "internationalized" versions of the product.



Comparative Study - Frame Content Area

4.x

IE5.5

Opera 6.0

Opera Flyouts
IE makes no distinction
between the frame and
regular content.		 Opera adds a single flyout to provide
disctinction between contexts


Open Frame in New Window

Back
Forward
Reload  Frame  R 
Stop   Mac .  Others Esc 
View Frame Source
View Frame Info
Add Bookmark
Create Shortcut
Send Page


Back
Forward

Save Background As..
Set Wallpaper
Copy Background
Set as Desktop Item...
Select All
Paste
Create Shortcut
Add to Favorites...
View Source
Encoding >
Print
Refresh
Properties


Encoding >


Auto Select >

Western European [Windows]
• Western European [ISO]
More >


More >


Arabic [ASMO 708]
Arabic [DOS]
Arabic [ISO]
Arabic [Windows]

Baltic [ISO]
Baltic [Windows]
Central European [DOS]
Central European [ISO]
Central European [Windows]
Chinese Simplified
Chinese Traditional
...


Back
Forward
Stop   Mac .  Others Esc 
Home

Reload
Reload Every >
Add to Bookmarks
Copy Address
Send Link in Email
Frame >
Background >
Duplicate Window
Create linked Window
Full Screen


Reload Every >


Enable

Custom...
5 Seconds
15 Seconds
30 Seconds
1 Minute
2 Minutes
5 Minutes
15 Minutes
30 Minutes


Frame >


View Source
Save as...
Validate Source

Add to Bookmarks
Copy Address
Send Link in Email
Reload
Load all images
Maximize










<- Top

Sidebar Tab Menu

The Menu

Reload    R 
Stop   Mac .  Others Esc 
Remove Tab
Print Tab... P
My Sidebar Properties




Comparative Study - Sidebar Tabs

4.x

IE5.5

Opera 6.0

Opera Flyouts

n/a
n/a
n/a
n/a










<- Top

Page Tab Menu

The Menu

Select Tab
Reload
Stop   Mac .  Others Esc 
New Tab
Create Tab Group...
Duplicate Tab
Close Tab
Close Others
Close All Tabs
Tab Properties
formula = tab / content area
- [bookmark tab set]
- page tab properties takes you to prefs



Comparative Study - Sidebar Tabs

4.x

IE5.5

Opera 6.0

Opera Flyouts

n/a
n/a
n/a
n/a




<- Top

Page Tab Bar Menu

The Menu

New Tab
Create Tab Group...
Close All Tabs
• Show Title Tips
• Page Tab Bar Always On
Tab Properties
formula = tab / content area
- [bookmark tab set]
-page tab properties takes you to prefs



Comparative Study - Sidebar Tabs

4.x

IE5.5

Opera 6.0

Opera Flyouts

n/a
n/a
n/a
n/a






<- Top

Toolbar / Chrome Menus

Feature Menu

Button Menu

Personal Toolbar Menu

Generic Toolbar Menu
Hide URL Field
Add Button(s)...
Restore Default
Hide [foo] Toolbar
Show Tooltips
Unlock Toolbars
Toolbar Properties...
Hide Button
Add Buttons(s)...
Restore Default
Show Tooltips
Unlock Toolbars
Toolbar Properties...
Add Bookmark Folder
Hide [foo] Toolbar
Show Tooltips
Unlock Toolbars
Toolbar Properties...
Hide [foo] Toolbar
Show Tooltips
Unlock Toolbars
Toolbar Properties...



Comparative Study

4.x

IE5.5

Opera 6.0

Opera Flyouts

n/a
n/a
n/a
n/a



<- Top

Personal Toolbar Menu

Personal Toolbar Menu

Personal Toolbar Items (bookmarks)

Personal Toolbar Items (folders)

Add Bookmark
Add Folder
Hide Personal Toolbar
Show Tooltips
Unlock Toolbars
Toolbar Properties...
Rename Bookmark
Delete Bookmark
Hide Personal Toolbar
Show Tooltips
Unlock Toolbars
Toolbar Properties...



Comparative Study

4.x

IE5.5

Opera 6.0

Opera Flyouts

n/a
n/a
n/a
n/a



<- Top

Manage Bookmarks Menu (incomplete)

Personal Toolbar Menu

Personal Toolbar Items (bookmarks)

Personal Toolbar Items (folders)

Add Bookmark
Add Folder
Hide Personal Toolbar
Show Tooltips
Unlock Toolbars
Toolbar Properties...
Rename Bookmark
Add Bookmark to New Folder
Delete Bookmark
Hide Personal Toolbar
Show Tooltips
Unlock Toolbars
Toolbar Properties...



Comparative Study

4.x

IE5.5

Opera 6.0

Opera Flyouts

n/a
n/a
n/a
n/a
Copyright © 1998-2002 The Mozilla Organization.
Last modified March 27, 2002.
Document History.
postNXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXcate Ze=NLHC/ ntry(=,7e1% RP%E t}$G Kurl ,http://www.mozilla.org/persistent-style.cssbsrlUhttp://www.mozilla.org/projects/ui/communicator/framework/contextmenus/cmrev2-2.htmlmime text/csshntt"2edb7-b00-3b7c7d59"hvrsdata/* Moved presentational information not allowed in * HTML 4 Strict here from template.html and wrap.pl * -- 2001-01-05 henris */ /* use colors of the form #rgb instead of #rrggbb since this discourages * web-unsafe colors. Web-safe colors are of the form #rgb where * values of r, g and b are one of {0,3,6,9,C,F}. */ .bannercell { background-color: #000; border: 0px; padding: 0px; } .bannerlink { display: block; background-color: #000; color: #000; } .bordercell { background-color: #000; } .titlecell{ background-color: #CCC; } .contentcell { background-color: #FFF; } body, html { margin: 0; background: #FFF; color: #000; } .mozillaorgbanner{ display: block; border: 0; margin: 0; padding: 0; } .spacercell { height: 3px; } .linkcell { white-space: nowrap; } .documentinfo { font-size: 80%; } .listbullet { margin: 0; } .horizbanner { font-size: 80%; } /* Banner styles end */ /* Styles for page content * * First version 2001-08-01 henris@clinet.fi * Added link color 2001-08-05 henris@clinet.fi * * These styles are not comprehensive. These are * only the very minimum required for the Strict * conversion effort. */ /* The margin with for and are zero so the black * border around the banner reaches the edges of the content area. * On pages with horizontal layout contain the content in a *
elements on www.mozilla.org had the * content wrapped in a element. Moving presentation here. */ dt { font-weight: bold; } /* Tables of contents and task lists deserve larger font in
*/ .toc dt, .tasklist dt { font-size: 120%; } /* For unified look with unconverted pages, centering level 1 * headings, author names and horizontal category links. * When the conversion is near complete, this can be revisited. */ h1, .horiz-category-list, .author { text-align: center; } /* These used to be single-cell tables. Moving presentation to style. */ .important { background-color: #FF9; border: solid 1px #F00; padding: 1em; } /* Replacement for nested emphasis */ strong.stronger { font-weight: bold; font-style: italic; } /* Replacement for nested emphasis involving even the font color */ strong.very-strong { font-weight: bold; font-style: italic; color: #F00; } /* For use with various shaded elements */ .shaded { color: #000; background-color: #EEE; } postEXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXcate =,7ЙE-ٸC0 K ntry(X,OwYnL>burl 1http://www.mozilla.org/images/mozilla-banner.gifbsrlUhttp://www.mozilla.org/projects/ui/communicator/framework/contextmenus/cmrev2-2.htmlmime image/gifhntt"2bf96-11a6-3581f848"hvrsdataGIF89aX:BBDB Z""$"B*nbbdb"֒bB"664vfr& R2N62"" vvtrN VVTbʊ~J rj&z&: Z>JJL^**,*J2jjlޖ*fZV:>*"~V^rƆf&ږjJ>> .N2.^"nJz6 !Made with GIMP,X:H*\ȰÇ#JHŋ3jȱǏ CIɓ(S\ɲ˗0cʜI͛8sɳϟ@ Jt(M*]J+,VSpvua,Q`ÊKٳhӪ]˶۷p-Jݛ,Q]:"&caN ʝL˘3sg?Lc#IoB(a/@‘s#)Y~n̻ߖ)zLhÓ[|: 9!I-XI#ȭ W9?_i}J➪Zڿfԧ@d"hWz 1yƄVF%EuA!XFhᄍ  4dnj X3xc<L.? 1WPxÆL@4Hal@"B%QF =ZAfAqiYD4dB{^ 7TH$#P&#`@Xb# dG"CuǝrIPa:K}y TU9!bt@j-En*h ضQq>zZz\+dդƭ#V(&wk( d 61JAg$@q ᪕AYqA!w@aPa/Cg3zd8 7I:!)!@p 62A%m@td) fplrY XmڿձrBa!3l ,E{6tpgP'X(m GkA42! XNTAwX =Vr[ `8;FCAECnMAlLkx:!9CH_%kt2Jxh0KM@l:EgJJ{ 2/pH8&o&67a+K`@W!fS@(q ?+a#]-YB Kp7!S+-RѤǙ"@%BĀTXrYC2+ R'@A4#& END3سi~k,.N<`3(97\f;!; =_N&0FI.t$3iЅN aCXЈDٜ GuU6P)@%&(FH?Sԟp &DěeE%SGQE]P)"̥3?5=Kb<(`UKJ#@%pQԊ JI2QMo:WNF4(T T3A,"ID)G^ZѤ4E*$B#(* S2܈ 3c1mAPkט餩 ]NAV%*m޵k%(4jNMj$@ʝ^T: A* ƒ]l`!l+ۼwLmpy.#-{ҷ$xT'8;={:@E׊xТLp|׵ox_;^ 5B3ڗ /pHrx$x~')8 0xz4P#AV ,P`ė~0n+X.Ӂ<׈Lߗ$@ۯ&dbV8'Ə A` 5!9H%O0Tz/kX` 1;{ovzܙk?Rθ^h@w"$HAu WhB:jY )ɓ L?rNmrp?nTQ{hH9!hegI@{ %ybB"dm9BqOkLu8sn's\M_: d4XQ{a QLt [ ||}jq, U Hj @6woj~v{G{{w~Ł8~MP59q JVw!?:X?l!t4Ko hq(0zmg{"Pq؁g~(DG~yViAB(u*hpp &Ax \!PqpXGFXw(f WGgVt[7JaVVqa RFRS2hSi!y@Xw< ztz!׈@n!!{ ur~AvIņ1T7%HExIZ)0,86c8R4`9@R,1 1t ; |#Œ^P f9% )Ɏ9adX-T84ɓLg TwYN4(p UokQ m` -'- 1 A/:8֝A(q)hhtj9~ٞY{pb 5>  ʖ+0q" ! 00 Р"|Pa"J+&zvaD B NR] $)@P '0?"(P:*zТ/ V Nԥs`p&`E AcqvQz SjբH!`x\zIM@ ~{pac@m:EAjѩiZz"R t6l4]v CJW^'v jڬ81QT!y_p6RniaZ0Qs `q%ړ(0C كla Y4 ;! l:* J:[է\4 )0mzI<tia +[6[M7Di!7t h Vp ! :@7[V˒q)hvI`9Jk!7A T{pr;t[v{xz|۷~;;postwXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXcate wxȸC0ntry(@>jB_mvJ^Vurl -http://www.mozilla.org/images/mozilla-16.pngbsrlUhttp://www.mozilla.org/projects/ui/communicator/framework/contextmenus/cmrev2-2.htmlmime image/pnghntt"2bf95-244-3bfc6c88"hvrsdataPNG  IHDRagAMA7tEXtSoftwareAdobe ImageReadyqe<IDATxb?% 9߿gߕ񿉉 ի߻wOr9s 3@ q@Uv0@3g>?Dc +))@ 03 ca` vݻ 0v6 zŻނy Bn 1`& dVA& -L4 `/ 00P1ܻ4 lW S@|6./gxgٳ {| :Ű? ޽{AD Gr%P8#E=P@myc Rd;ȠƐƥx{VC\},O\ 0Ly.A ) 'k,IENDB`postXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXcate ܸ"C0Dcat Ze=NLHC/ =,7ЙE-ٸC0 K wxȸC0ܸ"C0Daux \SURLThttp://www.mozilla.org/projects/ui/communicator/framework/contextmenus/cmrev2-2.html