Mode d'emploi intéractif
Le deuxième objectif était la réalisation d’un mode d’emploi interactif respectant les différentes étapes du mode d’emploi papier. Celui-ci est conçu à partir de plusieurs logiciels 2D: Adobe Photoshop et Illustrator sont les logiciels utilisés pour la conception graphique, tandis qu'Adobe Flash a été utilisé pour offrir une interaction parfaite au mode d'emploi et permettre à celui-ci d'être ludique, agréable et facile d'utilisation. Le mode d'emploi une fois terminé a été gravé sur DVD-Rom et a bénéficié d'un packaging propre.
Le mode d'emploi étant très lourd (essentiellement du aux vidéos des différentes étapes), voici une vidéo de démonstration qui montre l'ensemble des possibilités du logiciel.
Démo du mode d'emploi interactif
Le mode d’emploi est scindé en plusieurs séquences :
L’introduction : permet de mettre en place le décor animé qui reprend le graphisme conçu avec le site Web.
Suite de l’introduction : tous les éléments apparaissent l’un après l’autre.
Plusieurs éléments sont animés comme par exemple le texte « Stadium Force » qui passe du net au flou, les lignes en diagonales sur le bas de l’interface se déplacent en boucle vers la gauche, etc. L’accueil et son menu : une fois que le décor est posé et animé, un menu de navigation apparaît sur la gauche. Ce menu est complètement interactif et animé : lors du survol de la souris sur les liens, un dégradé de fond animé apparaît.
Le menu comprend huit possibilités d’actions :
- Accueil : pour retourner sur la séquence d’accueil ;
- Etapes : affiche un tableau récapitulatif de toutes les étapes d’assemblages ;
- Matériel : affiche un tableau récapitulatif de tout le matériel nécessaire pour assembler la voiture ;
- Aide : page informative destinée à aider l’utilisateur dans la navigation ;
- Revoir l’intro : permet de visualiser à nouveau l’introduction du mode d’emploi ;
- Visiter le blog : invite l’utilisateur à consulter le blog de notre TFE ;
- Assemblage : invite l’utilisateur à visionner la vidéo du montage complet ;
- Quitter : affiche une bulle informant l’utilisateur qu’il s’apprête à quitter l’interface et lui demande de valider son choix en confirmant son choix.
Sans oublier le packaging !
