[IM] 3D representation of screen-transition diagram
Original Publication Date: 2005-Jan-25
Included in the Prior Art Database: 2005-Jan-25
Disclosed is a system for assisting creation of screen-transition-diagrams. We tried to develop "3D screen-transition-diagram" method for complicated screen-transition-diagrams of GUI. This method separates button-triggered-transitions (button-transitions), and state-transitions, such as the car run/stop. Button-transitions are expressed as horizontal connections on a diagram. On the other hand, state-transitions are expressed as vertical connections between diagrams.
[IM] 3D representation of screen -transition diagram
In developing GUI of a car-navigation-system, and a mobile-phone, and so on, there are several problems. It is because these systems have many types of transition-triggers, which are hardware-buttons, GUI-buttons, state-changes, and so on.
Transitions by hardware-buttons and GUI buttons (button-transitions) are led by user's UI operation; for example, pushing, clicking, and so on.
On the other hand, transitions by state-changes (state-transitions) are not led by user's UI operation, but mechanical state-changes; for example, the state change between run/stop has an influence on screen-transitions and screen-appearances.
If these two types of transitions are drawn in the same diagram, the number of screen-transitions is increased, and the diagram becomes complicated. (Figure 1)
If button-transitions and state-transitions are completely separated, it is difficult to understand whole transitions and their structures.
A complicated screen-transition-diagram. (Both run and stop state are displayed in one screen-transition-diagram)
[R]: screen of run state
[S]: screen of stop state
[RS]: screen of both states.
Transitions only for run state and only for stop state are existing.
These connections are hard to be understood.
Confusing connections are existing.
To solve these problems, we tried to develop "3D screen-transition-diagram" method.
Screens are displayed as squares. Transitions are displayed as connections between
Button-transitions by GUI buttons, widgets, and external buttons (for...