You can create a screen flow by adding sketches, screen
flows, or generic (undefined) elements to the editor. All elements
are represented in the editor as thumbnail images. Generic elements
can later be associated with sketches or screen flows. You can connect
the elements with transition lines that indicate the sequence of user
interface processes.
About this task
To watch a movie that shows you how to create a screen
flow, click here.
Procedure
- Click .
- In the New Screen Flow window, type a name for the new
screen flow.
- Browse to a project and folder for the screen flow.
- (Optional) Add a tag to the screen flow.
- (Optional) Select a template for initial content for the
screen flow.
- (Optional) To add attribute groups to the screen flow,
click Next.
- Click Finish. The
screen flow editor opens.
- To add an element to the screen flow, click an icon in
the Palette and click a position in the screen
flow editor.
- For sketches and screen flows, select an existing artifact
from the Select window.
- Type a title for the element and press Enter.
- For generic elements, you can leave them undefined (generic)
or click a button in the generic element to create a new sketch or
screen flow to associate with the element. You can also drag an artifact
from the Project Explorer to the element to create an association.
- To add a transition line between two elements, click the Transition icon
in the Palette, select an element
in the editor, and then select the next element in the sequence. The
transition icon remains selected so you can add multiple transition
lines quickly. When you are done, click another element or control
in the palette.
- To add a label to a transition line, do one of the following
actions:
- To reposition an element in the editor, select the element
and drag it to a new location. Any transition lines
that are connected to the element are relocated with it.
- Click .