Filter
Top Products
1
1-1
1-2 1-3
1-1-1 1-1-2 1-2-1 1-3-1 1-3-2 1-3-3
Figure 4-1. An example of a basic state hierarchy in an application. Solid lines indicate
moving forward from a state into a sub-state. Dotted lines are backward
moves to the previous level.
Navigation using Tabs
Nokia Series 60 UI uses the tab metaphor that allows combining several pages of
related information into a single state when all of it would not fit onto a single
screen or list. The user can switch the tabs using the left and right scroll keys, as
indicated in Navi pane.
1-3b1-3a
1
1-21-1
1-1-1 1-1-2 1-2-1 1-3-1 1-3-2 1-3-3
Figure 4-2. In this example, state 1-3 uses two tabs to present its information. The user
moves between views 1-3a and 1-3b using the left and right scroll keys.
Note that there’s no Back function moving between the tab views; Back
from both of them leads to state 1.
23