Etapes d`une création multimédia

République Tunisienne
Ministère de l'enseignement Supérieur,
de la recherche scientifique et de la technologie
Université de la Manouba
Institut Supérieur des Arts Multimédias
samm
Cours: Design Web - scénarimage 2 CM – 2012/2013
Elaboré par : Ines Rekhis Belghith
Etapes d’une création multimédia
1- Phase de Préparation/Définition :

Définition du projet :
Quel genre de projet multimédia voulons-nous développer ? un site web, une borne
interactive, un jeu…

Cahier des charges :
C’est un document formulant les besoins du client détaillant les services rendus par
le produit et les contraintes auxquelles il est soumis

Brief :
Contexte du projet
Quelles sont les activités de l’entreprise? Quelles sont les valeurs de l’entreprise, sa
culture, son historique ? Qui sont les concurrents ? Comment décririez-vous les
produits et les services (caractéristiques) ?
Objectifs
Quelques exemples d’objectifs: Augmentation de l’audience, Augmentation de chiffre
d’affaires ;Augmenter la satisfaction des clients, Mieux différencier vos produits et
services de la concurrence, Rendre votre entreprise globalement plus créative,
Améliorer votre compétitivité, Accéder à de nouveaux marchés, Et aussi : améliorer
l’image de l’entreprise et de ses produits.
Cibles
La description des cibles (âge, sexe, etc.), quelles sont les cibles les plus
importantes?), leurs motivations par rapport au produit ou au service etc.
Stratégie de design et/ou axes de communication antérieure
Quel est l’historique du design/de la communication sur les dernières années ? Quels
les principes à respecter pour la création de tout nouveau support ? (cohérence
horizontale des supports).
.
2- Phase de recherche :

Analyse de l’existant
Vérifier s’il existe d’autres projets similaires sur le marché. Faire une analyse de l’existant
selon la grille d’analyse1. Cette étape amènera le concepteur à cerner les paramètres et à
obtenir une vision générale du sujet.

Déterminer les attentes et les usages des utilisateurs
Déterminer les attentes, les usages et les besoins auprès des utilisateurs à travers des
enquêtes qualitatives et quantitatives.

Définir le contenu
Déterminer les composantes textuelles (texte écrit, narré…), sonores (musiques
d’ambiance, bruitage) et visuelle (photographies, illustrations, vidéos, animations…)
qui seront intégrées au projet.
3- Phase de conception :
 Stratégie de design ou axes de communication
Qu’elle est l’approche visuelle à favoriser (design et esthétique, style), de quelle manière
allez-vous développer ou transmettre l’information? Déterminer comment on veut le dire :
- allez-vous utiliser une métaphore ? Allez-vous présenter le contenu au moyen d’une
symbolique.
 Structure de navigation
Quels seront le parcours et les choix offerts à l’utilisateur : dessin du schéma de navigation
 Synopsis
Le synopsis est un résumé du projet. Il est rédigé en fonction d’un parcours possible de
l’utilisateur dans l’application. On commence donc sa rédaction par la première page-écran
qui apparaitra et en faisant mention des choix offerts et des prises de décision de l’utilisateur
 Scénario
Le scénario multimédia ne raconte pas une histoire, mais plutôt des épisodes qui
s’actualiseront dans les parcours et qui feront découvrir le contenu des modules.
De la première à la dernière interface, le scénariste doit décrire tout ce qui apparaitra dans les
pages-écrans (images, textes…).
Le scénario doit être rédigé en suivant un ordre chronologique d’apparition.
Le scénario interactif contiendra:
- Introduction (si c’est une animation, elle sera rédigé comme un scénario filmique et
sera accompagnée d’un découpage technique présentant l’enchainement des plans).
1
Grille d’analyse.docx
- Page d’accueil ou menu
- Navigation
- Description de chacun des modules
- Sortie ou conclusion
Il est fréquent que l’on retrouve quelque part dans le scénario interactif les « si » qui
transposent les interactions de l’utilisateur : si l’utilisateur clique sur… ; si l’utilisateur passe
la souris sur…
 Charte graphique
Définit les règles de répartition des éléments à l’écran, marque le choix de couleurs, des
polices et des icônes du produit. La charte graphique pose les règles de composition des pagesécran qui se déclinent toutes à partir du masque qui leur correspond. La construction du storyboard va s’appuyer sur ces grandes répartitions pour visualiser toutes les pages. Il faut en effet
savoir ce que les pages-écran devront contenir et connaître la nature des éléments pour créer
un exemplaire-type de chaque page-écran: la maquette ou le croquis.
 Scénarimage (storybord)
Le scénarimage est une maquette papier qui indique l’emplacement et les composantes
de tous les éléments qui seront présents dans chacune des interfaces. Cette maquette
peut prendre l’aspect d’un découpage technique en présentant un croquis et les
possibilités interactives qui composent chacune des interfaces ou pages-écrans.
Exemple :
Titre du projet :
Module :
Sous module :
Référence page-écran :
Navigation
On indique tous les éléments qui permettent à l’utilisateur de se
déplacer dans l’application multimédia ou d’atteindre des
pages-écrans différentes dans un module.
Dans le croquis on doit indiquer le positionnement des éléments
tout en respectant le plus possible des dimensions réelles
Données visuelles
Interctivité/Eveinement
Fixes : dire ce qu’elles montrent et les rôles qu’elles jouent dans
On indique les éléments d’interactivité sur lesquels un
la page écran (image de fond, photo d’un oiseau, accompagne un
événement peut se produire dans la même page écran : survol
paragraphe, etc.
de la souris (roll-over), déclenchement d’une sonorité,
Animées : faire un court résumé et dire s’il s’agit d’une vidéo ou
diaporama qui démarre, vidéo qui apparait, etc. Il est
d’une animation tout en indiquant sa durée
important de spécifier l’état initial des éléments
Données sonores
Données textuelles
Indiquer le style de la musique ou le bruit souhaité. Indiquer si
Les données textuelle sont représentative de ce que le
une sonorité s’ajoute aux états actifs et inactifs des éléments.
l’utilisateur lira dans la page-écran.
Commentaires
Elle est utilisée pour indiquer les répétitions, préciser un climat
particulier qui devrait se dégager de l’ensemble, décrire le
déroulement désiré dans la page écran en ce qui concerne
l’entrée d’apparition des éléments
Exemple illustré :
 Design de l’interface
4- Phase de Réalisation, Développement, Implémentation & mise en ligne