Page Mockup: 
Page Layout: Reference UI design standards used. If there are subpages, include a detail Navigation Map. If there is workflow associated with the page include a Process Flow Diagram\ that shows decision points and where validations occur.
Functional Summary: Overview of what the user sees on the page in all scenarios. Specify default criteria.
Description of the Page: Specify user all actions available on the page. Specify destination of navigation buttons or hyperlinks. Insert one or more annotated screen mock ups to show the page in representative states.
Table X: Common User Interface Elements for [name of page] Page
This table includes all elements that appear on this page. Flag elements that have appeared on other pages.
Element |
Control |
Functional Description |
Technical Rules |
|---|---|---|---|
cell A1 |
cell A2 |
cell A3 |
cell A4 |
cell B1 |
cell B2 |
cell B3 |
cell B4 |
cell C1 |
cell C2 |
cell C3 |
cell C4 |
cell D1 |
cell D2 |
cell D3 |
cell D4 |
Table X: Validation Rules for [name of page] Page
Validation |
Message |
|---|---|
cell A1 |
Lorem ipsum dolor sit amet |
cell B1 |
Consetetur sadipscing elitr |
cell C1 |
Sed diam nonumy eirmod tempor inviduant ut labore |
cell D1 |
Labore et dolore magna aliquyam erat, sed diam voluptua |
Repeat for each screen of the application.