Esta sección describe la transición de la pantalla en el ejemplo siguiente.

Elemento |
Navegación |
| Pantalla 1,2,5 | (1): Encabezado / Pie de la pantalla maestra de la 1ª jerarquía (2): Cambia a la navegación de la 2ª jerarquía |
| Pantalla 3,4 | (1): Encabezado / Pie de la pantalla maestra de la 1ª jerarquía (2): Encabezado / Pie de la pantalla maestra de la 2ª jerarquía (3): Cambia a la navegación de la 1ª jerarquía |
Elemento |
Navegación |
| Pantalla 1,2,5 | |
| Pantalla 3,4 |
Elemento |
Navegación |
| Pantalla 1,2,5 | (1): Encabezado / Pie de pantalla maestra de la 1ª jerarquía (2): Cambia a la pantalla inicial de la 2ª carpeta jerárquica |
| Pantalla 3,4 | (1): Encabezado / Pie de la pantalla maestra de la 1ª jerarquía (2): Encabezado / Pie de la pantalla maestra de la 2ª jerarquía (3): Interruptor de navegación deslizante |

Elemento |
Navegación |
| Pantalla 1,2,5 | |
| Pantalla 3,4 |
Elemento |
Navegación |
| Pantalla 1,2,5 | |
| Pantalla 3,4 |
Elemento |
Navegación |
| Pantalla 1,2,5 | |
| Pantalla 3,4 |

Elemento |
Navegación |
| Pantalla 1,2,5 | (1): Encabezado / Pie de la 1ª pantalla maestra de jerarquía (2): Interruptor de navegación deslizante |
| Pantalla 3,4 | (1): Encabezado / Pie de la pantalla maestra de la 1ª jerarquía (2): Encabezado / Pie de la pantalla maestra de la 2ª jerarquía (3): Interruptor de navegación deslizante |


Elemento |
Navegación |
| Pantalla 1,2,5 | (1): Encabezado / Pie de la 1ª pantalla maestra de jerarquía (2): Interruptor de navegación deslizante |
| Pantalla 3,4 | (1): Encabezado / Pie de la pantalla maestra de la 1ª jerarquía (2): Encabezado / Pie de la pantalla maestra de la 2ª jerarquía (3): Interruptor de navegación deslizante |

*: pantalla inicial de la segunda jerarquía
Elemento |
Navegación |
| Pantalla 1,2,5 | |
| Pantalla 3,4 |
![]()
*: pantalla inicial de la segunda jerarquía