Découpage technique (storyboard ) 13 règles dans l ’application multimédia interactif

Slides:



Advertisements
Présentations similaires
1Er Partie Intervenants : Nuno Barata Alain Joly Thierry Belvigne
Advertisements

Rédiger la note de cadrage
Synthèses de la législation européenne: une introduction 2009.
Une approche informationnelle de la restauration d’images
Les étapes de conception d’un site web
Nouveaux médias pour les ONGs en réseaux Création de grand contenu pour les blogs E-Mediat est financé par l'Initiative de partenariat du Moyen-Orient.
SCHEMA RECAPITULATIF DE LA
Modules Spécifiques Programme GENIE Atelier 3 Intégration méthodologique des Ressources Numériques dans des situations dapprentissage.
Créer un diaporama avec Open Office Impress
Conseils pour Faire un Bon Poster Scientifique
L’IMAGE ANIMEE A L’ECOLE
Nicolas Bourbaki.
Présentation PowerPoint TICE2 Adeline VINCENDEAU
Les personas : une méthode pour l’intelligence client ?
Accès aux Métiers de l’Informatique
Quelques règles à respecter pour concevoir une présentation dynamique et sobre Dans un cadre scolaire D. G. Formation APEP
LE diaporama EN CLASSE.
La carte mentale.
LA COMMUNICATION ORALE INTERPERSONNELLE
Besoin et fonctionnement
Quelques conseils pour
Se poser de bonnes questions quant à lutilisation des PowerPoints Prof. B. Mérenne Faculté des Sciences 19 novembre Prof. B. Mérenne CDS
A- Fonctions du tableau Le tableau est le support de l'écrit ou de schémas. Il a des fonctions multiples: 1- Une fonction d'information: - objectifs de.
Sémiologie étude des signes
Animation Pédagogique FRANCHEVILLE – LYON – S te -FOY mes Document daccompagnement des programmes « Le Langage à lEcole Maternelle » mes Document daccompagnement.
Schéma de Laswell Planifier systématiquement d ’une production multimédia Harold Laswell 1915 : US cherche expressément une méthode susceptible de.
Échéancier # E) Bilan réflexif /rapport individuel (cours # 15 individuel disponible sur le site section travaux (Attention : rédiger votre travail.
Schéma de Laswell Planifier systématiquement d ’une production multimédia Harold Laswell 1915 : US cherche expressément une méthode susceptible de.
Graphe d interaction La réalisation du graphe d interaction permet d assurer l'uniformité des pages et de navigation qui rendent un projet plus fonctionnel.
Comment écrire une dissertation
La Scénarisation Pédagogique
La présentation assistée par ordinateur
Planification rigoureuse
Ergonomie d’un blog, d’un site internet
FORMATION POWERPOINT 2007/2010
La refonte des sites d’appui Ce qui change pour vous.
Page 1 M. Dozois, M.Sc., S. Prom Tep, M.Sc. HEC Montréal, Tous droits réservés Conception de sites Web Préparé par: Martin Dozois, M.Sc.
Construire un exposé  Pourquoi ? - but et objectif ?  Pour qui ? - analyse des auditeurs  Quoi ? - essence du message  Dans quel ordre ?
La programmation neurolinguistique
I. Le processus de la communication
HU Intégration multimédia et diffusion sur support Enseignant : Eric Barrette Exercice de révision Intégration multimédia.
Évaluation 2 Aide mémoire. Éléments de contenu Au moins une question mobilisatrice Domaine de formation général (axe de développement) Compétence transversale.
L’ ACCESSIBILITE « C’est mettre le Web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure.
DESIGN MULTIMÉDIA Initiation aux bases de La scénarisation multimédia
L’ergonomie des IHM : pourquoi, comment ?
Fondamentaux de l’enseignement
POWERPOINT.
Format des éléments du message. Formats de éléments du message texte listes à puces, listes numérotées tableaux graphiques diagrammes images audio vidéo.
La Bande Dessinée 1-Le scénario
Les histoires narratives
COMMENT FAIRE UNE AFFICHE D’EXPOSE?
Planifier systématiquement d ’une production multimédia Harold Laswell 1915 : US cherche expressément une méthode susceptible de remplacer l'intuition.
Contribution CMS.Eolas
Inverser la classe de FLE avec les TICE BELC été Juillet 2015.
Les Séminaires Comment en faire.
Principes de design accessible selon les standards SGQRI 008 Émilie Burelle 27 août 2010.
Présenté par (nom et titre d’emploi) Lieu de la présentation Date.
FLASH MX : séance 1 Vivien FILIPPINI Jeanne VERRE Exposé SI28.
Enseignement complémentaire de culture générale et expression
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
SI28 Flash séance 1 Dessins et Animations. Présentation de Flash  Création d’animations pour le Web, pouvant contenir une forte interactivité.  Faible.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Créer un didacticiel simple Par Judith Horman UQAR SCE GROUPE 7 OCTOBRE 2007.
Réussir un diaporama S. Pignon –
Création d’un site WEB 1 – Un site WEB c’est quoi ? 2 – Questions à se poser avant la construction d’un site WEB 3 – Principes de fonctionnement d’un site.
Comment réussir son diaporama
4 1 : A quoi sert la gestion de projet
1 Philippe TRIGANO - Université de Technologie de Compiègne - FRANCE Philippe TRIGANO INGÉNIERIE MULTIMÉDIA PÉDAGOGIQUE.
Découpage technique (storyboard ) et structure de l’interface 12 règles dans l ’application multimédia interactif.
Transcription de la présentation:

Découpage technique (storyboard ) 13 règles dans l ’application multimédia interactif

1. Découpage technique Storybard Pourquoi développer un découpage technique Planification rigoureuse Le découpage oblige à une planification précise et à développer le contenu informationnel.

2. Découpage technique Le découpage demande à signifier le visuel: combien d'images fixes ,images animées ou animations qu'elle image va à tel endroit Le découpage permet d'indiquer les lieux où le son est nécessaire. Le découpage permet d'indiquer les textes où le texte est nécessaire. (mot clé début et fin de texte) Le découpage indique les interactions.

4. Découpage technique Gain de temps Le découpage donne une vue d'ensemble et permet d'effectuer une recherche précise des informations, images et sons. Le découpage donne une prise sur l'ordre du déroulement Le découpage est la fuite du désordre.

5. Support (média) Recourir aux canaux artificiels de communication. Utiliser des supports permettant de gagner du temps et de peaufiner le contenu : PowerPoint, sites web.

Structure de l’interface (SI)

6.SI. Transposer les messages Justifications à l'intégration d'éléments visuels. Comment? Transposer les messages en leur équivalent, en une sorte de rhétorique. Dire les choses indirectement, recourir à la métaphore , l’analogie ou d’autres figures de style.

7. SI - Éléments visuels Justifications à l'intégration d'éléments visuels. Comment? Flèche comme symbole indiquant la direction de navigation Loupe (pour signifier un niveau d’approfondissement )

9.SI. Fonction des images Le découpage demande à signifier le visuel: combien d'images fixes ,images animées ou animations qu'elle image va à tel endroit Les images peuvent remplir un rôle qui peut être distingué de la manière suivante : soit l'image sert d ’illustration soit elle intervient en tant que support à l ’information

8.Séquence Animée L'illustration sous la forme d'une séquence animée constituée d’images de synthèse rend apparents des aspects techniques invisibles habituellement.

10. SI. Écrêter Écrêter, c’est-à-dire enlever une partie du message pour ne garder que les lignes de force. Alléger les contenus  ; ne pas se croire obligé de tout dire.

La matérialité des idées . Comment? 11. SI. Matérialité -Bruit La matérialité des idées . Comment? - les intégrer à la vie - le contexte social et culturel de la représentation des idées dans le média peuvent influencer la perception du message. Éviter de détruire les messages Éviter d ’injecter du bruit.  Tout ce qui peut distraire l’utilisateur Choisir des messages significatifs:choix des mots Poids entre le texte et l ’iconographie

12.Redondance Réduire la redondance. Éviter de dire par le texte ce qui est déjà dit par l’image.

13.Interactivité Messages audio-scripto-visuels qui sont logiques, utiles, structurés et traduisibles dans le média choisi. Séquences d ’interactivité car ils préparent les décisions et l’action. Séquences Actions-réactions, rétroactions qui sont dynamiques et suscitent l ’interactivité

Réalisation Jocelyne Martin © janvier 2004