User Interface Diagram

User Interface Diagrams are custom diagrams used to visually mock-up a system's user interface using forms, controls and labels.

In the example User Interface diagram below, forms, controls and labels are arranged on the diagram to describe its appearance. UI Control elements can also be traced to other model elements linking the UI with the underlying implementation.

Example of a User Interface Diagram

Toolbox Elements and Connectors

Select User Interface diagram elements and connectors from the User Interface pages of the Toolbox.

Note:

Click on the following elements and connectors for more information.

User Interface Diagram Elements

User Interface Diagram Connectors

e_Package

c_Associate

e_screen

c_Aggregate

e_uiControl

c_Generalize

e_Object

c_Realize