Storyboard
Page d'accueil
L’utilisateur ouvre l’application et peut observer un grand nombre de pochettes d’albums. Il décide donc de cliquer sur l’une d’elle.
Page d'un album
Il arrive sur la page détaillée de l’album, lis les informations de ce dernier. Puis, il choisit une musique en cliquant dessus.
Retour à la page d'album
Après avoir fini la lecture de cette musique, il décide de retourner à la page de l’album.
Barre de recherche
Il décide de chercher un album par son titre via la barre de recherche.
Accès aux playlists
Il décide ensuite d'aller voir ses playlists via la barre de navigation en noire.
Accès aux fichiers locaux
Il décide enfin d'accéder à ses fichiers locaux par la barre de navigation en noire.
Diagramme résumé :
Voici le diagramme de flux complet. Les flèches bleues correspondent aux liens établis par des boutons spécifiques à la page. Les flèches vertes sont les liens établis par la barre de recherche. Les flèches noires sont les liens établis par la barre de navigation.
Diagramme de la barre de navigation
Ce sont tous les liens entre les pages fournis grâce à la barre de navigation en noire. Par exemple, un utilisateur peut accéder aux playlists depuis la page Home. Pour être plus précis, chaque page permet d'amener à la page Home, chaque page permet d'accéder à la page des playlists et chaque page permet d'accéder à la page des fichiers locaux, tout cela grâce à la barre de navigation. Donc, chaque flèche noire pointe soit sur Home, soit Playlists, soit Fichiers locaux, en faisant partir ces flèches de chaque page (sauf elle-même).
Diagramme de la barre de recherche
Ces flèches correspondent aux liens entre les pages grâce à la barre de recherche. Cela est très simple puisqu'elle ne permet d'accéder qu'aux albums, et donc seulement à la page d'un album en particulier. Toute page avec une barre de recherche permet ce lien. Par exemple, un utilisateur peut accéder à un album en particulier depuis la page de ses fichiers locaux grâce à la barre de recherche.
Diagramme des liens particuliers
Ces flèches sont les liens particuliers des pages, c'est-à-dire les liens logiques reliant les pages. Par exemple, on peut accéder à la page d'un morceau depuis la page d'un album en cliquant sur un morceau. C'est un lien particulier à cette page que toutes les pages n'ont pas. Depuis chaque page, il est possible de revenir en arrière avec un bouton. Il est donc possible d'accéder à une playlist depuis la page des playlists, accéder à un morceau depuis un album, et revenir en arrière depuis chaque page.