SlideShare une entreprise Scribd logo
1  sur  71
Etienne Thierry-Aymé [email_address] Tél : 06 14 15 15 02 M ettre en scène l’information sur le  W eb Ecrire avec le mutlimédia pour rendre l’information plus attractive
Si  la formation  ne durait que  10 minutes… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
On lit   25 %   moins vite à l’écran que sur papier Ce que vous savez déjà…
Les internautes  scannent  les pages plus qu’ils ne les  lisent …  Ce que vous savez déjà…
Les modes de lecture d’un contenu multimédia Scanning / Reading 83 %  des internautes  lisent en diagonales 17%  lisent mot à mot
Le temps moyen passé sur une page Web … Ce que vous savez déjà… ? Entre  40  et  50  secondes
La lecture en « F » Source  Jakob Nielsen http://bit.ly/18Zl1I Comment lisons-nous à l’écran ?
Les modes de lecture d’un contenu multimédia Lecture en « F » Pour un parcours de lecture détaillé http://bit.ly/fopVID Source :  Laurent Goffin http://bit.ly/ePre65
Les modes de lecture d’un contenu multimédia Les zones prioritaires
Adapter son style
+ Neuf  + Important + Proche + général + détails + explicatif Who ? When ? Where ?  Why ? What ? + 2 H + Architecture de l’information hypertexte Au niveau d’un texte La pyramide  inversée Essentiel  Détail Pour en savoir plus :  http://bit.ly/eYswj
[object Object],[object Object],[object Object],Ecrire sur le Web Bonnes pratiques
Plus la phrase est courte… ,[object Object],Source  :  La Lisibilité , François Richaudeau, Retz, 1969 10 % 50 % 30 % 40 30 % 70 % 50 % 24 50 % 90 % 70 % 17 85 % 95 % 90 % 13 100% 100% 100 % 12 2eme moitié 1ere moitié Message entier Nb mots
Taille d’un article web ,[object Object],[object Object],+ de mille signes : mettre en relief Edition web Bonnes pratiques
Aérer, donner du relief > Intertitres > Illustrations > Tableaux > Gras (éviter l’italique) > Mise en exergue    (retrait, guillemet, fond de couleur)   > Eviter la justification > Découper en paragraphes Edition web Bonnes pratiques
La gamme d'écrans plats Numerik L'écran plat le plus compact au monde Si vous cherchez à utiliser un produit dernier cri occupant un minimum d'espace, la gamme d'écrans plats Numerik vous séduira à coup sûr. Grâce à leur taille réduite, ces écrans ne pourront jamais encombrer votre espace de travail. Ergonomiques et esthétiques, ils sont tout désignés pour les foires commerciales, les réunions d'affaires et les conférences publiques; bref, un produit de rendement inégalé pour toutes les situations où l'économie d'espace et la qualité du design comptent. L'image nette et sans scintillement, jumelée à l'effet panoramique, procurent un confort d'utilisation optimal. Avec sa résolution de 1 3000 ppp et son poids de 1,2 Kg, l'écran plat Numerik supplante le produit équivalent de Hewlett-Packard (1 000 ppp, 3,4 Kg) ou celui de Dell (900 ppp, 5,6 Kg). Détails.  Après Avant Edition web Bonnes pratiques
L’écrit  est  nécessaire  mais   pas  suffisant  ,[object Object],[object Object]
Typologie  des lecteurs sur le web ,[object Object],[object Object],[object Object],[object Object],[object Object],Source : Crawford Killian http://bit.ly/hTot6i
Ecrire multimédia ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Les liens Bonnes pratiques > Les liens hypertextes Ecrire hypertexte ,[object Object],[object Object]
Les liens hypertextes richmédia ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.apture.com
Du simple mix-média  au récit multimédia Pour en savoir plus : www.knightdigitalmediacenter.org
C’est quoi  un mix-média ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://bit.ly/eZGkre
Scénariser  Texte et vidéo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://bit.ly/i3JSMz
Mix-Média  Texte et vidéo ,[object Object],[object Object],[object Object],[object Object],[object Object],http://bit.ly/f1aAdv
Mix-Média   Texte et vidéo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://bit.ly/hijwGF
Mix-Média  Texte et son ,[object Object],[object Object],[object Object],[object Object],[object Object],http://bit.ly/igWW0d
Mix Média   Texte et son   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://bit.ly/9JIb93
Mix Média   Texte  et diaporama ,[object Object],[object Object],[object Object],[object Object],http://bit.ly/qfHay
Mix-média   Mashup et vidéo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.zeemaps.com
Le récit multimédia ou Digital Story telling
Un récit multimédia , c’est quoi ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un récit multimédia , c’est quoi ? ,[object Object],[object Object],[object Object],[object Object]
Quelques exemples… ,[object Object],http://www.360degrees.org
Touching hearts http://media.soundslides.com/archive/2000/hearts/
Géo  Web-Reportages http://reportage-video.geo.fr
Récit multimédia  Etude de cas Le crash aérien de Buffalo Le crash aérien de Buffalo  le 13 février 2009  http://nyti.ms/dT38Or
Un  sujet  : le crash du vol 3407 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Le choix de l’angle www.journalatelier.net/L-angle-journalistique.html
A chaque angle, son média : ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
A chaque  média , son intention : ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un  récit multimédia , c’est donc : ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sons, diaporamas, vidéos…  Intégrer des éléments multimédias grâce aux  outils du Web
Sons, vidéos, diaporamas, présentations…   ,[object Object],[object Object],[object Object]
Choisir  sa solution d’hébergement source : www.universmedia.com
La  vidéo ,[object Object],[object Object],http://bit.ly/qfHay
Le  son ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://audacity.sourceforge.net/ ,[object Object],www.podcastpeople.com
Le  diaporama ,[object Object],[object Object],[object Object],[object Object],www.soundslides.com
Le  diaporama ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.flickr.com www.flickrslidr.com
Créer  un diaporama sonore… ,[object Object],[object Object],[object Object],www.animoto.com
Créer  un  diaporama  sonore  interactif… ,[object Object],[object Object],[object Object],http://voicethread.com
L’info  à la carte !   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://bit.ly/ejBHb5
Intégrer  une présentation ,[object Object],[object Object],[object Object],[object Object],[object Object]
Créer  une ligne de temps… ,[object Object],www.dipity.com
Et aussi…  ,[object Object],[object Object],[object Object],[object Object],[object Object],http://bit.ly/bUxl0J ,[object Object],[object Object],[object Object],www.richchartlive.com www.pearltrees.com ,[object Object],www.micropoll.com
Le  micro bloging ,[object Object],[object Object],[object Object],« Le  lifestream  est un flux chronologique de documents qui fonctionne comme un agenda de votre vie électronique.  Chaque document que vous créez et tous les document que les gens vous envoient sont répertoriés dans votre lifestream. »  Ce terme a été formulé par Eric Freeman et David Gelernter de la Yale University au milieu des années 90.  www.coveritlive.com
Le  micro blogging ,[object Object],[object Object],www.twitter.com
Concevoir  un sujet multimédia sur Internet
Penser et gérer  l’événement dans la durée L’exemple du Tsunami au Japon : www.dipity.com/e_tha/Gerer-un-evenement-dans-sa-duree Premières alertes Microbloging Infographies Diaporamas Sujets froids Dossiers complets Réactions  Commentaires des internautes (vidéos)  Appels à contribution Couverture « live »
Concevoir  un récit multimédia ,[object Object],[object Object],[object Object],[object Object],[object Object],Source :   Knight Digital Media center   www.knightdigitalmediacenter.org/multimedia_training
Soigner  sa page d’accueil ,[object Object],http://nyti.ms/hxRK4S
Soigner  sa page d’accueil http://bit.ly/cSzd3l EN FLASH
Soigner  sa page d’accueil EN FLASH http://bit.ly/yagHr
Soigner  sa page d’accueil source : www.universmedias.com
Soigner  sa page d’accueil   source : www.universmedias.com
Le  dossier  multimédia www.vuvox.com/collage/detail/0144a7b618
Le  dossier  multimédia www.vuvox.com/collage/detail/036007ff80
Le  dossier  multimédia www.vuvox.com/collage/detail/0113aee81c
Le  dossier  multimédia www.vuvox.com/collage/detail/012838bc5e
Le  dossier  multimédia www.vuvox.com/collage/detail/0ed895cc9
A  vous  de jouer !  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Etienne Thierry-Aymé [email_address] Tél : 06 14 15 15 02

Contenu connexe

En vedette

Campagne institutionnelle la tribune
Campagne institutionnelle la tribuneCampagne institutionnelle la tribune
Campagne institutionnelle la tribuneLa Tribune
 
Power point test pk
Power point test pkPower point test pk
Power point test pkpratikmedia
 
HAITI: ACCORD POUR UNE SORTIE DURABLE DE LA CRISE POLITIQUE ENTRE LE PRESIDEN...
HAITI: ACCORD POUR UNE SORTIE DURABLE DE LA CRISE POLITIQUE ENTRE LE PRESIDEN...HAITI: ACCORD POUR UNE SORTIE DURABLE DE LA CRISE POLITIQUE ENTRE LE PRESIDEN...
HAITI: ACCORD POUR UNE SORTIE DURABLE DE LA CRISE POLITIQUE ENTRE LE PRESIDEN...Stanleylucas
 
Edition spécial 50ans
Edition spécial 50ansEdition spécial 50ans
Edition spécial 50ansyannickb19
 
12042 restaurant xxxl
12042 restaurant xxxl12042 restaurant xxxl
12042 restaurant xxxlHubert Elsen
 
Présentation1.pptxjj
Présentation1.pptxjjPrésentation1.pptxjj
Présentation1.pptxjjjjbol
 
Extrait de l'atelier ecomarketing par Econcepts Julien Irraga GRACIA
Extrait  de l'atelier ecomarketing par Econcepts Julien Irraga GRACIAExtrait  de l'atelier ecomarketing par Econcepts Julien Irraga GRACIA
Extrait de l'atelier ecomarketing par Econcepts Julien Irraga GRACIACCI Alsace Eurométropole
 
Baromètre santé nutrition 2008 : spécificités franciliennes
Baromètre santé nutrition 2008 : spécificités franciliennesBaromètre santé nutrition 2008 : spécificités franciliennes
Baromètre santé nutrition 2008 : spécificités franciliennesCripsIDF
 
Baccalauratsriel 120830084334-phpapp02(1)
Baccalauratsriel 120830084334-phpapp02(1)Baccalauratsriel 120830084334-phpapp02(1)
Baccalauratsriel 120830084334-phpapp02(1)Michele Marie
 
Présentation Simarfi Consulting - Offre d'emploi
Présentation Simarfi Consulting - Offre d'emploiPrésentation Simarfi Consulting - Offre d'emploi
Présentation Simarfi Consulting - Offre d'emploiSimarfi Consulting
 
Références GeoDev
Références GeoDev Références GeoDev
Références GeoDev AntoineGeoDev
 
BEELIV'IT, la dose de folie qu'il vous manque !
BEELIV'IT, la dose de folie qu'il vous manque !BEELIV'IT, la dose de folie qu'il vous manque !
BEELIV'IT, la dose de folie qu'il vous manque !beelivit
 
Alfred, exemple de design de persuasion
Alfred, exemple de design de persuasionAlfred, exemple de design de persuasion
Alfred, exemple de design de persuasionYu Centrik
 
L'accompagnement de demandeurs d'emploi handicapés vers le métier d'aide-soig...
L'accompagnement de demandeurs d'emploi handicapés vers le métier d'aide-soig...L'accompagnement de demandeurs d'emploi handicapés vers le métier d'aide-soig...
L'accompagnement de demandeurs d'emploi handicapés vers le métier d'aide-soig...EmploiPublic
 
Book Photo Catherine Dubarry
Book Photo Catherine DubarryBook Photo Catherine Dubarry
Book Photo Catherine DubarryCatherineDubarry
 
Police municipale - Formation maniement des armes - Inscription
Police municipale - Formation maniement des armes - InscriptionPolice municipale - Formation maniement des armes - Inscription
Police municipale - Formation maniement des armes - InscriptionEmploiPublic
 
Le programme «Recherches et interventions communautaires pour l’Equité en san...
Le programme «Recherches et interventions communautaires pour l’Equité en san...Le programme «Recherches et interventions communautaires pour l’Equité en san...
Le programme «Recherches et interventions communautaires pour l’Equité en san...valéry ridde
 
Doc 2 actituds personals davant déu
Doc 2   actituds personals davant déuDoc 2   actituds personals davant déu
Doc 2 actituds personals davant déuJoan Verdes
 

En vedette (20)

Campagne institutionnelle la tribune
Campagne institutionnelle la tribuneCampagne institutionnelle la tribune
Campagne institutionnelle la tribune
 
Power point test pk
Power point test pkPower point test pk
Power point test pk
 
HAITI: ACCORD POUR UNE SORTIE DURABLE DE LA CRISE POLITIQUE ENTRE LE PRESIDEN...
HAITI: ACCORD POUR UNE SORTIE DURABLE DE LA CRISE POLITIQUE ENTRE LE PRESIDEN...HAITI: ACCORD POUR UNE SORTIE DURABLE DE LA CRISE POLITIQUE ENTRE LE PRESIDEN...
HAITI: ACCORD POUR UNE SORTIE DURABLE DE LA CRISE POLITIQUE ENTRE LE PRESIDEN...
 
Edition spécial 50ans
Edition spécial 50ansEdition spécial 50ans
Edition spécial 50ans
 
12042 restaurant xxxl
12042 restaurant xxxl12042 restaurant xxxl
12042 restaurant xxxl
 
Trains
TrainsTrains
Trains
 
Présentation1.pptxjj
Présentation1.pptxjjPrésentation1.pptxjj
Présentation1.pptxjj
 
Extrait de l'atelier ecomarketing par Econcepts Julien Irraga GRACIA
Extrait  de l'atelier ecomarketing par Econcepts Julien Irraga GRACIAExtrait  de l'atelier ecomarketing par Econcepts Julien Irraga GRACIA
Extrait de l'atelier ecomarketing par Econcepts Julien Irraga GRACIA
 
Baromètre santé nutrition 2008 : spécificités franciliennes
Baromètre santé nutrition 2008 : spécificités franciliennesBaromètre santé nutrition 2008 : spécificités franciliennes
Baromètre santé nutrition 2008 : spécificités franciliennes
 
Présentation1
Présentation1Présentation1
Présentation1
 
Baccalauratsriel 120830084334-phpapp02(1)
Baccalauratsriel 120830084334-phpapp02(1)Baccalauratsriel 120830084334-phpapp02(1)
Baccalauratsriel 120830084334-phpapp02(1)
 
Présentation Simarfi Consulting - Offre d'emploi
Présentation Simarfi Consulting - Offre d'emploiPrésentation Simarfi Consulting - Offre d'emploi
Présentation Simarfi Consulting - Offre d'emploi
 
Références GeoDev
Références GeoDev Références GeoDev
Références GeoDev
 
BEELIV'IT, la dose de folie qu'il vous manque !
BEELIV'IT, la dose de folie qu'il vous manque !BEELIV'IT, la dose de folie qu'il vous manque !
BEELIV'IT, la dose de folie qu'il vous manque !
 
Alfred, exemple de design de persuasion
Alfred, exemple de design de persuasionAlfred, exemple de design de persuasion
Alfred, exemple de design de persuasion
 
L'accompagnement de demandeurs d'emploi handicapés vers le métier d'aide-soig...
L'accompagnement de demandeurs d'emploi handicapés vers le métier d'aide-soig...L'accompagnement de demandeurs d'emploi handicapés vers le métier d'aide-soig...
L'accompagnement de demandeurs d'emploi handicapés vers le métier d'aide-soig...
 
Book Photo Catherine Dubarry
Book Photo Catherine DubarryBook Photo Catherine Dubarry
Book Photo Catherine Dubarry
 
Police municipale - Formation maniement des armes - Inscription
Police municipale - Formation maniement des armes - InscriptionPolice municipale - Formation maniement des armes - Inscription
Police municipale - Formation maniement des armes - Inscription
 
Le programme «Recherches et interventions communautaires pour l’Equité en san...
Le programme «Recherches et interventions communautaires pour l’Equité en san...Le programme «Recherches et interventions communautaires pour l’Equité en san...
Le programme «Recherches et interventions communautaires pour l’Equité en san...
 
Doc 2 actituds personals davant déu
Doc 2   actituds personals davant déuDoc 2   actituds personals davant déu
Doc 2 actituds personals davant déu
 

Similaire à Mettre en scène l'info sur le web etienne thierry-ayme

Communication digitale
Communication digitaleCommunication digitale
Communication digitaleChris Gaillard
 
Web 2.0 - CGA Guadeloupe
Web 2.0 - CGA GuadeloupeWeb 2.0 - CGA Guadeloupe
Web 2.0 - CGA GuadeloupeXavier LAIR
 
Les "5 à 7" en vidéo
Les "5 à 7" en vidéoLes "5 à 7" en vidéo
Les "5 à 7" en vidéoADBS
 
Webdesign sites web et mobiles-strategies et enjeux-ergonomie
Webdesign sites web et mobiles-strategies et enjeux-ergonomieWebdesign sites web et mobiles-strategies et enjeux-ergonomie
Webdesign sites web et mobiles-strategies et enjeux-ergonomieOlivier Dommange
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia
 
Convergence et mobilité des contenus
Convergence et mobilité des contenus Convergence et mobilité des contenus
Convergence et mobilité des contenus Vanksen
 
5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du TarnLudovic Dublanchet
 
Internet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et SyndicationInternet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et SyndicationTarn Tourisme
 
Présentation "Walking the Edit" à Sierre, janvier 2010
Présentation "Walking the Edit" à Sierre, janvier 2010Présentation "Walking the Edit" à Sierre, janvier 2010
Présentation "Walking the Edit" à Sierre, janvier 2010Ulrich Fischer
 
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...polenumerique33
 
Endemik | Solutions interactives
Endemik | Solutions interactivesEndemik | Solutions interactives
Endemik | Solutions interactivesendemik
 
FR Presentation WEBOconference
FR Presentation WEBOconferenceFR Presentation WEBOconference
FR Presentation WEBOconferenceWEBOconference
 
FR WEBOconference visioconférence de presse - Press Videoconference
FR WEBOconference visioconférence de presse - Press VideoconferenceFR WEBOconference visioconférence de presse - Press Videoconference
FR WEBOconference visioconférence de presse - Press VideoconferenceWEBOconference
 
Les tendances des site web en 2015
Les tendances des site web en 2015Les tendances des site web en 2015
Les tendances des site web en 2015Vincent Pereira
 
Plateformes collaborative et e-vitrines sur le web pour un territoire
Plateformes collaborative et e-vitrines sur le web pour un territoirePlateformes collaborative et e-vitrines sur le web pour un territoire
Plateformes collaborative et e-vitrines sur le web pour un territoireWoomeet
 
Mon Intro Au Web 20
Mon Intro Au Web 20Mon Intro Au Web 20
Mon Intro Au Web 20anne.wiener
 
Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1bduverneuil
 

Similaire à Mettre en scène l'info sur le web etienne thierry-ayme (20)

Communication digitale
Communication digitaleCommunication digitale
Communication digitale
 
Web 2.0 - CGA Guadeloupe
Web 2.0 - CGA GuadeloupeWeb 2.0 - CGA Guadeloupe
Web 2.0 - CGA Guadeloupe
 
Les "5 à 7" en vidéo
Les "5 à 7" en vidéoLes "5 à 7" en vidéo
Les "5 à 7" en vidéo
 
Webdesign sites web et mobiles-strategies et enjeux-ergonomie
Webdesign sites web et mobiles-strategies et enjeux-ergonomieWebdesign sites web et mobiles-strategies et enjeux-ergonomie
Webdesign sites web et mobiles-strategies et enjeux-ergonomie
 
Salon Use IT Lyon
Salon Use IT LyonSalon Use IT Lyon
Salon Use IT Lyon
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UX
 
Convergence et mobilité des contenus
Convergence et mobilité des contenus Convergence et mobilité des contenus
Convergence et mobilité des contenus
 
5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn5èmes Rencontres Tourisme & Internet du Tarn
5èmes Rencontres Tourisme & Internet du Tarn
 
Internet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et SyndicationInternet Participatif, Flux Rss Et Syndication
Internet Participatif, Flux Rss Et Syndication
 
Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)
Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)
Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)
 
Présentation "Walking the Edit" à Sierre, janvier 2010
Présentation "Walking the Edit" à Sierre, janvier 2010Présentation "Walking the Edit" à Sierre, janvier 2010
Présentation "Walking the Edit" à Sierre, janvier 2010
 
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...
 
Endemik | Solutions interactives
Endemik | Solutions interactivesEndemik | Solutions interactives
Endemik | Solutions interactives
 
Web 2.O
Web 2.OWeb 2.O
Web 2.O
 
FR Presentation WEBOconference
FR Presentation WEBOconferenceFR Presentation WEBOconference
FR Presentation WEBOconference
 
FR WEBOconference visioconférence de presse - Press Videoconference
FR WEBOconference visioconférence de presse - Press VideoconferenceFR WEBOconference visioconférence de presse - Press Videoconference
FR WEBOconference visioconférence de presse - Press Videoconference
 
Les tendances des site web en 2015
Les tendances des site web en 2015Les tendances des site web en 2015
Les tendances des site web en 2015
 
Plateformes collaborative et e-vitrines sur le web pour un territoire
Plateformes collaborative et e-vitrines sur le web pour un territoirePlateformes collaborative et e-vitrines sur le web pour un territoire
Plateformes collaborative et e-vitrines sur le web pour un territoire
 
Mon Intro Au Web 20
Mon Intro Au Web 20Mon Intro Au Web 20
Mon Intro Au Web 20
 
Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1
 

Dernier

Principe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsPrincipe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsRajiAbdelghani
 
Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Gilles Le Page
 
Présentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptxPrésentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptxrababouerdighi
 
le present des verbes reguliers -er.pptx
le present des verbes reguliers -er.pptxle present des verbes reguliers -er.pptx
le present des verbes reguliers -er.pptxmmatar2
 
Fondation Louis Vuitton. pptx
Fondation      Louis      Vuitton.   pptxFondation      Louis      Vuitton.   pptx
Fondation Louis Vuitton. pptxTxaruka
 
SciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdfSciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdfSKennel
 
Cours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETCours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETMedBechir
 
Evaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. MarocpptxEvaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. MarocpptxAsmaa105193
 
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSKennel
 
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSKennel
 
Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Alain Marois
 
Formation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipFormation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipM2i Formation
 
Le Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directeLe Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directeXL Groupe
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...Faga1939
 
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .Txaruka
 
presentation sur la maladie de la dengue .pptx
presentation sur la maladie de la dengue .pptxpresentation sur la maladie de la dengue .pptx
presentation sur la maladie de la dengue .pptxNYTombaye
 
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSKennel
 
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSKennel
 
Saint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptxSaint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptxMartin M Flynn
 

Dernier (20)

Principe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsPrincipe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 temps
 
Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024
 
Présentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptxPrésentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptx
 
le present des verbes reguliers -er.pptx
le present des verbes reguliers -er.pptxle present des verbes reguliers -er.pptx
le present des verbes reguliers -er.pptx
 
Fondation Louis Vuitton. pptx
Fondation      Louis      Vuitton.   pptxFondation      Louis      Vuitton.   pptx
Fondation Louis Vuitton. pptx
 
SciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdfSciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdf
 
Cours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETCours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSET
 
Evaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. MarocpptxEvaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. Marocpptx
 
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
 
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
 
Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024
 
Formation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipFormation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadership
 
Le Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directeLe Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directe
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
 
Pâques de Sainte Marie-Euphrasie Pelletier
Pâques de Sainte Marie-Euphrasie PelletierPâques de Sainte Marie-Euphrasie Pelletier
Pâques de Sainte Marie-Euphrasie Pelletier
 
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
 
presentation sur la maladie de la dengue .pptx
presentation sur la maladie de la dengue .pptxpresentation sur la maladie de la dengue .pptx
presentation sur la maladie de la dengue .pptx
 
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
 
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
 
Saint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptxSaint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptx
 

Mettre en scène l'info sur le web etienne thierry-ayme

  • 1. Etienne Thierry-Aymé [email_address] Tél : 06 14 15 15 02 M ettre en scène l’information sur le W eb Ecrire avec le mutlimédia pour rendre l’information plus attractive
  • 2.
  • 3. On lit 25 % moins vite à l’écran que sur papier Ce que vous savez déjà…
  • 4. Les internautes scannent les pages plus qu’ils ne les lisent … Ce que vous savez déjà…
  • 5. Les modes de lecture d’un contenu multimédia Scanning / Reading 83 % des internautes lisent en diagonales 17% lisent mot à mot
  • 6. Le temps moyen passé sur une page Web … Ce que vous savez déjà… ? Entre 40 et 50 secondes
  • 7. La lecture en « F » Source Jakob Nielsen http://bit.ly/18Zl1I Comment lisons-nous à l’écran ?
  • 8. Les modes de lecture d’un contenu multimédia Lecture en « F » Pour un parcours de lecture détaillé http://bit.ly/fopVID Source : Laurent Goffin http://bit.ly/ePre65
  • 9. Les modes de lecture d’un contenu multimédia Les zones prioritaires
  • 11. + Neuf + Important + Proche + général + détails + explicatif Who ? When ? Where ? Why ? What ? + 2 H + Architecture de l’information hypertexte Au niveau d’un texte La pyramide inversée Essentiel Détail Pour en savoir plus : http://bit.ly/eYswj
  • 12.
  • 13.
  • 14.
  • 15. Aérer, donner du relief > Intertitres > Illustrations > Tableaux > Gras (éviter l’italique) > Mise en exergue (retrait, guillemet, fond de couleur) > Eviter la justification > Découper en paragraphes Edition web Bonnes pratiques
  • 16. La gamme d'écrans plats Numerik L'écran plat le plus compact au monde Si vous cherchez à utiliser un produit dernier cri occupant un minimum d'espace, la gamme d'écrans plats Numerik vous séduira à coup sûr. Grâce à leur taille réduite, ces écrans ne pourront jamais encombrer votre espace de travail. Ergonomiques et esthétiques, ils sont tout désignés pour les foires commerciales, les réunions d'affaires et les conférences publiques; bref, un produit de rendement inégalé pour toutes les situations où l'économie d'espace et la qualité du design comptent. L'image nette et sans scintillement, jumelée à l'effet panoramique, procurent un confort d'utilisation optimal. Avec sa résolution de 1 3000 ppp et son poids de 1,2 Kg, l'écran plat Numerik supplante le produit équivalent de Hewlett-Packard (1 000 ppp, 3,4 Kg) ou celui de Dell (900 ppp, 5,6 Kg). Détails. Après Avant Edition web Bonnes pratiques
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. Du simple mix-média au récit multimédia Pour en savoir plus : www.knightdigitalmediacenter.org
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. Le récit multimédia ou Digital Story telling
  • 32.
  • 33.
  • 34.
  • 36. Géo Web-Reportages http://reportage-video.geo.fr
  • 37. Récit multimédia Etude de cas Le crash aérien de Buffalo Le crash aérien de Buffalo le 13 février 2009 http://nyti.ms/dT38Or
  • 38.
  • 39.
  • 40.
  • 41.
  • 42. Sons, diaporamas, vidéos… Intégrer des éléments multimédias grâce aux outils du Web
  • 43.
  • 44. Choisir sa solution d’hébergement source : www.universmedia.com
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57. Concevoir un sujet multimédia sur Internet
  • 58. Penser et gérer l’événement dans la durée L’exemple du Tsunami au Japon : www.dipity.com/e_tha/Gerer-un-evenement-dans-sa-duree Premières alertes Microbloging Infographies Diaporamas Sujets froids Dossiers complets Réactions Commentaires des internautes (vidéos) Appels à contribution Couverture « live »
  • 59.
  • 60.
  • 61. Soigner sa page d’accueil http://bit.ly/cSzd3l EN FLASH
  • 62. Soigner sa page d’accueil EN FLASH http://bit.ly/yagHr
  • 63. Soigner sa page d’accueil source : www.universmedias.com
  • 64. Soigner sa page d’accueil source : www.universmedias.com
  • 65. Le dossier multimédia www.vuvox.com/collage/detail/0144a7b618
  • 66. Le dossier multimédia www.vuvox.com/collage/detail/036007ff80
  • 67. Le dossier multimédia www.vuvox.com/collage/detail/0113aee81c
  • 68. Le dossier multimédia www.vuvox.com/collage/detail/012838bc5e
  • 69. Le dossier multimédia www.vuvox.com/collage/detail/0ed895cc9
  • 70.
  • 71. Etienne Thierry-Aymé [email_address] Tél : 06 14 15 15 02