Page Stamps

Last Updated 09.28.03

General Description

A page stamp provides view-only information about the user's account, the page, or a section of a page. Examples of page stamps include: User login ID, last update date, and space available. Page stamps consist of a label and one or two view-only data fields.

Guideline Attributes

Spec Version # - 3.1
Spec Contributors - Betsy Beier, Mervyn Dennehy, Lisa Serface
UI Models - all models
Example Products - all products
Related Guidelines - Key Notation, Abbreviations Guideline, Tables, Icons, Language in UI, Component Order, Common Formats, Contextual Information

Interaction and Usage Specifications

General Principles

Types of Page Stamps

There are two types of page stamps. Each type is displayed in a different location on the page:

Note: Date/time, currency, and numeric formats vary depending on locale settings, and follow standard Java formats as described in the Common Formats guideline.

Example of Page Stamp: Login Information and Page-Level Stamp
image to come...

Placement of Page Stamps

The placement of the page stamp depends on the type of page stamp and its importance to the user's task:
When page stamps are placed below the page title, they appear opposite repeating Action/Navigation buttons, which are right-aligned. See Action Navigation Buttons for the Entire Page for details.

For details on placement of page stamps in relation to other page elements see the Component Order guideline.

Setting Limits on Page Stamps

To avoid cluttering the page, it is recommended to keep page stamps to a minimum -- up to 3 or 4 per page. The following rules help set these limits: Page Stamps vs. Contextual Information

Both page stamps and contextual information can be used to display view-only data. As a general rule of thumb, consider using page stamps instead of contextual information when the number of label/data pairs does not exceed three per page.

The following table shows key differences between these two page elements:

Attribute Page Stamps Contextual Information
Function Display view-only data that is not necessarily linked to any process or task Displays view-only data to remind users of selections made on one or more prior pages in a process
Scope Applicable to the entire page, or a section of the page Applicable to the entire page
Location Multiple locations on the page, including below the page title Below the page title only
Format Regular blue text for labels and bold blue text for data Regular black text for labels and bold black text for data (standard label/data formatting)
Recommended number per page Up to three label/data pairs below a header or subheader (use as needed) Three to four label/data pairs (avoid unless specifically required)
Layout Labels left-aligned in a single column Labels right-aligned in one or two columns

Visual Specifications

Contents of Page Stamps
Page Stamp Configurations

It is recommended not to exceed three to four page stamps per page, spread throughout the page in any of the following configurations:

Login stamp location (one or two fields) Below page title (up to three fields) Below subheader (up to three fields) Footnote location (one field)
yes yes no yes
yes yes one subhead only no
yes no two subheads only no
no yes two subheads only no
no yes one subhead only yes
no no two subheads only yes
In two or less of these locations

Page Stamp Locations
Page Stamp Locations

Open/Closed Issues