00000045-ECRITURE POUR LES MEDIAS NUMERIQUES2.1 (Enregistrement Automatique)

ECRITURE POUR LES MEDIAS
NUMERIQUES
Patrice MOUGHANGA OLANGANA
MÉTIERS DU MULTIMÉDIA ET DE
L’INTERNET (MMI)
Les titulaires d’un diplôme en Métiers du multimédia et de l’internet intervient

dans la conception, la réalisation et le suivi de produits ou services multimédia.
Il peut travailler dans divers secteurs : culturel, marketing, communication,
médias,
formation, audiovisuel….
Ils peuvent exercer les fonctions de chargé de communication, de gestionnaire
de communauté, de web marketeur, de web designer, de référenceur,
d’intégrateur web, d’infographiste, d’animateur 2D/3D, de développeur
multimédia,
d’administrateur de réseaux, d’assistant de chef de projet multimédia
21/02/2022
VOLUME HORAIRE : 30 H
Nature CM TD TP Total
Durée 10h 10h 10h 30h

OBJECTIF
❑Analyser et Concevoir une interfaces des sites web / reseaux

sociaux(navigation, ergonomie, accessibilité).
21/02/
2022
COMPTENCES VISÉES
Être capable de :
❑élaborer un scénario en vue d'une production web ou multimédia,
❑savoir appliquer les fondements de l'ergonomie web et repérer les défauts
d'utilisabilité d'une interface,
❑avoir une culture générale du multimédia
Prérequis: BAC ou équivalent

21/02/
2022
INTRODUCTION
QUE FAIT-ON EN ÉCRITURE POUR LES MÉDIAS NUMÉRIQUES?
• Qui n’a jamais rencontré des difficulté en navigant sur un site internet ou une application?
• Vous avez certainement rencontré ce type de situation lorsque vous arrivez pas a trouver
•l’information que vous cherchez sur un site ou lorsque remplir un formulaire interminable
sans savoir s’il a bien été envoyée, ou encore lorsque vous abandonnez un achat en ligne
parce que le parcours est beaucoup trop compliqué,
• Le module de l’écriture pour les médias numériques permet de répondre a ces
problématiques en
• vous formant à l’ergonomie des interfaces,
• L’ergonomie web consiste a concevoir ou optimiser une interface pour que les
utilisateurs ou internautes y trouvent l’information qu’il recherchent ou qu’il réalisent
l’action de leur choix rapidement efficacement et confortablement,21/02/2022
INTRODUCTION
QUE FAIT-ON EN ÉCRITURE POUR LES MÉDIAS NUMÉRIQUES?
Cela passe donc par la mise en place d’un ensemble de bonne pratiques que
nous
abordons dans ce module.
Ce module est aussi l’occasion de se plonger dans la réalisation des
éléments spécifiques; comme la construction d’arborescences et des
wireframe,
Nous parlerons aussi de l’ergonomie est un point primordial dans la
conception des sites web ou d’applications car elle participe grandement à
21/02/2 offrir au internaute une expérience utilisateurs de qualité,
022
PLAN:
I. Les médias numériques

II. La stratégie des contenus
III. L’ergonomie
21/02/
2022
LES MEDIAS NUMERIQUES
DEFINITION
Une nouvelle génération de médias nés de l’application de

l’informatique à la communication, au stockage et à la
diffusion de contenus informationnels et culturels
PRINCIPE FONDATEURS DES MÉDIAS
NUMÉRIQUES
Médias numériques sont basées sur 3 éléments

❑ Données: Textes, images, sons..
❑ Logiciels: Système d'exploitation, navigateurs, applications, jeux...
❑ Matériel: Ordinateurs, tablettes, smartphones, disques dures....
PRINCIPE FONDATEURS DES MÉDIAS
NUMÉRIQUES
Les médias numériques sont le produit d’une convergence de

plusieurs logiques, technologies et innovations :
1. La logique binaire et la dématérialisation de l’information ;
2. La logique algorithmique et l’interactivité ;
3. L’informatique interactive et conviviale ;
4. L’interconnexion en réseau
5. L’hypertexte et le web ;
6. Les technologies mobiles.
LA LOGIQUE BINAIRE ET LA DÉMATÉRIALISATION
DE L’INFORMATION ;
l’idée que tout peut être calculé et décrit avec

seulement deux nombres, 0 et 1, les humains comptent avec 10 chiffres./
les machines comptes avec 2 chiffres (0 et 1 )
MEDIA INTERACTIF
Dans un média interactif, l’usager peut:

1) Dialoguer (interagir) avec le contenu ou l’auteur
2) Choisir son parcours (= naviguer)
3) Participer (contribuer) au contenu
L'interactivité est un principe de fonctionnement caractéristique des médias utilisant

un support algorithmique.
PANORAMA DES MÉDIAS NUMÉRIQUES
Peut distinguer les médias numériques en 5 sous-catégories

❑Les applications de messagerie et de télé présence (fonctions principales)
❑Le web classique dit « 1.0 » (vitrine qu’on regarde, fouille un peu, consulte)
❑Le web social dit « 2.0 » (Contribue aux discussions)
❑Les médias mobiles (dont les applications géolocalisées comme Find My
Friends)
❑Les jeux et mondes virtuels
LA STRATÉGIE DES
CONTENUS WEB
21/02/2
022
OBJECTIF
PÉDAGOGIQUE
Nous savons aujourd’hui de façon certaine que Google apprécie particulièrement les sites mis à
jour régulièrement avec des contenus frais, pertinents, de qualité et originaux. Développer
une stratégie de contenu permet donc de satisfaire les exigences de Google sur ce plan.
Dans cette section:
❑Définirons d’abord ce qu’est une stratégie de continu digitale
❑ ensuite vous apprendrez le rôle de la stratégie de contenu dans l’édition d’une ligne éditoriale
❑ en fin Vous vous familiariserez avec les étapes du développement de votre stratégie de
contenu
21/02/
2022
STRATÉGIE DE CONTENU:
DEFINITION
La stratégie de contenu désigne le fait qu’une marque (ou une entreprise) crée ou édite du
contenu qui lui est propre et qui la distingue des autres, afin d’attirer des prospects via
votre site internet.
Le but est de les transformer en clients, d’une manière différente de la publicité
traditionnelle. En effet, alors que cette dernière se base sur une sollicitation immédiate
du consommateur avec un message court, la stratégie de contenu implique la création de
contenus originaux et plutôt longs, sur les sujets qui intéressent les internautes.
21/02/
2022
LA STRATÉGIE DES CONTENUS: RÔLE
❑ permet d’asseoir le positionnement d’une entreprise sur des thématiques précises.

❑ Elle permet à celle-ci d’être plus lisible sur les moteurs de recherches, de générer du
trafic qualifié sur son site Web en attirant l’internaute via des contenus qui lui sont
adaptés.
❑ Déployer une stratégie de contenu pertinente permet de s’assurer d’une cohérence
entre tous les supports de communication : site Internet, médias sociaux, etc.
❑ C’est aussi délivrer le bon contenu sur le support adapté, à un moment adéquat.
21/02/
2022
COMMENT METTRE EN PLACE UNE
STRATÉGIE DE CONTENU ?
❑ Élaborer sa stratégie de contenu en fonction du positionnement de l’entreprise

Quelle est la stratégie de l’entreprise et comment la traduire en objectifs de
communication ? Il s’agit tout d’abord de déterminer le but à atteindre. Il est
important rapidement de définir les objectifs du site pour savoir quel est le retour
sur investissement visé.
21/02/
2022
❑ Adapter sa stratégie de contenu aux besoins des cibles

Pour comprendre les besoins des cibles, le plus facile est de représenter ses cibles sous
forme de persona.
En les dotant d’une identité réelle, elles ont donc des besoins, des habitudes, des
questionnements. Quelles sont leurs craintes ? Comment y répondre au mieux ?
Ces réponses constitueront donc les informations des rubriques du site, ou figureront
dans les actus.
21/02/
2022
❑ Déterminer les différents contenus par supports:

chaque support doit avoir un objectif de communication et un public cible. Les supports
doivent répondre aux différents besoins des persona collectés plus haut. Destinés à un
type de publics, les supports sont axés autour d’une ligne éditoriale propre. Ainsi, on
définit par support sous quel angle aborder les contenus à publier, le ton à utiliser.
21/02/
2022
❑ Déployer sa stratégie de contenu:

Après avoir élaboré les différents types de contenus, les placer dans un calendrier
éditorial qui recense suivant les mois de l’année les contenus à publier dans les
différents supports.
Pour la partie actualités du site et les réseaux sociaux, ceci permet d’anticiper la
rédaction à venir, les sujets et les thématiques à venir.
21/02/
2022
❑ Améliorer sa stratégie éditoriale:

Mettre en avant les pages les plus vues
Améliorer les pages les moins vues ou à fort taux de rebond
Adapter les publications en fonction des pics de fréquentation
21/02/
2022
❑ Organiser une gouvernance éditoriale:

Il est souvent nécessaire de mettre en place dans l’entreprise un circuit
éditorial pérenne pour collecter l’information, la façonner, éventuellement
la corriger/traduire, puis le mettre en ligne.
21/02/
2022
LA STRATÉGIE DE CONTENU ET LE
PERSONA
On parle de « targeted content » (contenu ciblé): une connaissance parfaite de ses persona
est primordiale dans une stratégie de contenu. Vos persona ne sont autres que la
représentation de votre public cible.
En effet, il faut garder à l’esprit que votre contenu doit avant tout être destiné à vos lecteurs.
Il est logique qu’ils n’aient pas tous les mêmes insights (besoins), d’où la nécessité de
construire ses
persona.Votre message s’adapte en fonction d’eux.
Un persona est, dans le domaine marketing, un personnage imaginaire représentant un
groupe ou segment cible dans le cadre du développement d’un nouveau produit ou service ou
d'une activité marketing prise dans sa globalité.
Le persona est généralement doté d’un prénom et de caractéristiques sociales et
psychologiques.
21/02/
2022
LA LIGNE ÉDITORIALE: DÉFINITION ET
CARACTÉRISTIQUES
Une ligne éditoriale désigne l’ensemble des

règles, des décisions et des axes que doivent
respecter un ou plusieurs rédacteurs sur un
même média.
Elle permet de garder une cohérence et une
harmonie entre tous les contenus produits
ainsi que le choix des sujets, le moyen de
diffusion, le ton utilisé ou encore la manière
de les organiser.
LA LIGNE ÉDITORIALE: DÉFINITION ET
CARACTÉRISTIQUES
Expression linguistique de l’identité d’une marque permettant d’orienter l’angle de

conception des contenus, le ton et le choix des sujets, elle est caractérisée par:
1. Positionnement: S’inspire des mots inclus dans le positionnement de la marque
2. valeur: style, ton, l’esprit d’une marque, mots qui vont illustrer la personnalité de
la marque son identité, sonADN,
3. Storytelling: raconter une histoire pour créer le désir,
21/02/
2022
LA LIGNE ÉDITORIALE:
STORYTELLING
C’est l’art de de créer et de raconter un histoire

Il s’agit donc de raconter une histoire qui sera adoptée par votre
cible et à travers laquelle vous allez pouvoir diffuser vos valeurs
de marque. vos valeurs de marque.
21/02/
2022
STORYTELLING
Il a été théorisé et industrialisé par les

américains.
21/02/
2022
STORYTELLING
Le storytelling est basé sur la démonstration

et il procure du plaisir
21/02/
2022
EN RÉSUMÉ
La ligne éditoriale comprend :

❑ [quoi] le choix de thèmes et sujets à traiter ;
❑ [qui] une ou plusieurs cibles ;
❑ [comment] la forme et le ton utilisés ;
❑ [où] les canaux de diffusion ;
❑ [pourquoi faire] tes objectifs.
Toute stratégie de contenu repose sur une ligne éditoriale cohérente.
21/02/
2022
EXERCICE
D’APPLICATION
STORYTELLING: QUEL EST LE
LEVIER UTILISÉ
Montrer une tranche de vie et évènement

sportif autour des valeur du sport , du
dépassement de soi et de l'esprit d’équipe
21/02/
2022
QUELLE EST LA LIGNE ÉDITORIALE?
21/02/
2022
EXERCICE: QUELLE EST LA LIGNE
ÉDITORIALE?
Chasseur de tendances a petits prix

❑Positionnement: vêtement tendances a petits prix contenant un choix de
plusieurs milliers de référence pour toutes les occasions,
❑ Valeurs: a chacun son vêtement (tous citoyens) au cœur des tendances; soutien
innovation, donc toujours a la pointe de la mode.
❑ Storytelling: le client intègre une communauté au même titre que des celebrité
comme Michel Obama ou Puff Daddy
21/02/
2022
CHARTE ÉDITORIALE:
DÉFINITION
La charte éditoriale est le document de référence pour la production de contenu

destinée à
la communication d’une entreprise. Grâce à la charte éditoriale, chaque
communicant de
l’entreprise sait ce qu’il doit faire.
C’est à la fois un document de travail et un document de référence : c’est un
guide indispensable pour les publications de votre entreprise, aussi bien pour
du print (journal interne, lettre d’information, …) que pour le web (site internet,
blog…).
21/02/
2022
CHARTE ÉDITORIALE: CARACTÉRISTIQUE
Ligne éditoriale
Charte éditoriale
❑ La charte éditoriale est la résultante de la ligne éditoriale:
❑ la ligne éditoriale marque une intention,
❑ La charte éditoriale la met en œuvre,
❑ Assure la cohérence de l’identité de la marque, charte Charte

rédactionnelle graphique
❑ Explique comment le contenu va être structuré
❑ La charte éditoriale est différente en fonction des médias,
Gabarit
21/02/
2022
CHARTE RÉDACTIONNELLE
Ensemble de règles et de bonnes pratiques qui détermine la ligne éditoriale.

Souvent inclus dans la charge éditoriale, elle rappelle:
1. Les règles des rédaction des contenus SEO (search engine optimisation)
2. Les règles de typographie
3. Les règles d’orthographes
4. Les règles de styles
5. Etc.,
21/02/
2022
LA CHARTE GRAPHIQUE
❑La charte graphique est un guide comprenant les recommandations d'utilisation et les
caractéristiques des différents éléments graphiques (logos, couleurs, polices,
typographies, symboles, calques..) qui peuvent être utilisés sur les différents supports
de communication de l'entreprise.
❑La charte graphique permet de garantir l'homogénéité et la cohérence de la
communication visuelle au sein et en dehors de l'entreprise,
❑La charte graphie est donc l’ensemble des éléments qui représentent l’identité
21/02/2022
visuelle , donc graphique d’une marque ou d’une entreprise
ERGONOMIE
UX: EXPÉRIENCE UTILISATEUR
L’expérience utilisateur, ou user experience, simplifié par son acronyme

“UX”, c’est s’intéresser à la qualité de l’expérience vécue par une
personne en interaction avec un système, un service ou un produit,
digital ou non.
Elle correspond à l’ensemble du ressenti et des perceptions d’un
individu résultant de son usage (ou de l’anticipation de l’usage) avec un
21/02/2022
produit ou service, digital ou non.
UX: EXPÉRIENCE UTILISATEUR
L’expérience utilisateur s’évalue principalement sur 2 plans : sur le plan de

l’utilité (“usability” en anglais, ou “capacité d’usage” ou “utilisabilité” en
français) et sur le plan émotionnel.
L’UX est totalement centrée totalement sur l’individu, ses attitudes et ses
émotions. En effet, car chaque étape d’une expérience, quelle qu’elle soit,
entraîne une réaction comportementale et émotionnelle.
L’UX n’est donc pas qqch “qui se fait” mais qqch qui s’étudie et se mesure et
dont les résultats (recherches ou tests utilisateurs) nous donnent clairement
des leçons sur l’expérience globale vécue ou à rendre meilleure.
QU’EST-CE QU’UNE BONNE UX ?
L’enjeu de l’UX, c’est de faire en sorte que l’expérience globale soit la plus agréable et
la plus positive possible, et incite l’utilisateur à revivre l’expérience, réutiliser le
produit ou service, voire même en devenir ambassadeur et la recommander autour de
soi.
Une expérience utilisateur procurant satisfaction et engouement par l’utilisateur peut
ainsi être qualifiée de “bonne UX“. A l’inverse, une expérience utilisateur suscitant
frustration et/ou déception sera qualifiée de “mauvaise UX“.
Selon Peter Morville, un pionnier dans le domaine de l’UX, celui-ci définit 7 facteurs
qui ont une influence sur l’expérience utilisateur.
Pour qu’une expérience utilisateur soit positive et mémorable, tous les spécialistes
s’accordent à dire que le produit ou le service doit être :
❑Utile
Les produits ou services ainsi conçus dans cette démarche doivent avoir une réelle
utilité pour ceux qui les utilisent
❑Utilisable
Rendre le produit ou le service fonctionnel avec intuitivité et ergonomie, ainsi qu’une
prise en main facilitée
❑Désirable
Travailler sur la forme visuelle, l’identité de la marque, les couleurs et tous les
facteurs d’esthétique et de séduction faisant appel à l’émotion des utilisateurs
❑Accessible
Plus que nécessaire, l’accessibilité d’un site web ou d’un produit doit notamment
prendre en compte celles et ceux souffrant d’un handicap et ne laisser personne
dans l’oubli
❑Crédible
Un utilisateur doit avoir confiance en un produit et la promesse respectée, car c’est
un gage de fidélité et de loyauté envers une marque ou une entreprise
❑Repérable
Faire en sorte qu’un produit soit facilement trouvable ou un contenu facilement
atteignable. Un produit non trouvé n’est pas un produit qui s’achète. De la même
façon un contenu ou un site non atteignable ne sera jamais consulté.
❑Générateur de valeur
Dans le cas d’une entreprise, un produit ou un service doit apporter de la valeur en
générant des profits et la satisfaction de ses consommateurs (ou collaborateurs si
nous parlons de produits ou services dédiés à la vie interne de l’entreprise (Ex :
logiciel intranet, application digitale…).
❑Dans le cas d’une organisation à but non lucratif, l’expérience utilisateur créée doit
contribuer à faire avancer la cause.
EN RÉSUMÉ
L’usage de l’interface par un utilisateur produit

une expérience, c’est l ’expérience utilisateur
INTERFACE UTILISATEUR: UI
L’interface d’un site web est l’unique porte d’accès dont dispose l’internaute
pour parvenir aux différents contenus qu’il recherche.
De ce fait, le positionnement des boutons ou encore le format du menu
principal sont autant de détails qui ont, en réalité, une importance
cruciale. Comment concevoir une UI performante, et en quoi consiste l’UI
design ?
USER INTERFACE OU UI : UNE DÉFINITION
Une interface utilisateur, ou User Interface en anglais (UI), désigne l’ensemble

des éléments graphiques et textuels qui permettent une interaction entre
l’utilisateur et le site internet, l’application ou le logiciel.
Cela inclut donc l’ensemble des items interactifs et « cliquables », tels que la
barre de navigation du site, les boutons ou les liens.
LES PRINCIPALES QUALITÉS D’UNE
INTERFACE UTILISATEUR GRAPHIQUE
Une interface utilisateur graphique (Graphical User Interface) exploite la puissance des
couleurs, des symboles ou des animations pour fluidifier chaque interaction avec le site web,
et la rendre aussi intuitive que possible. Les interfaces performantes sur Internet peuvent
ainsi se résumer à 6 qualités :
❑La clarté
❑La cohérence
❑La sobriété
❑L’esthétique
❑La résilience
❑La réactivité
LA CLARTÉ
Chacun des éléments graphiques doit avoir une fonction bien

identifiée, et ne laisser aucune place à l’ambiguïté pour les
utilisateurs.
LA COHÉRENCE
Les éléments de l’interface doivent garder le même aspect et

proposer la même interaction partout sur le site. La navigation
doit être prévisible et sans surprise.
LA SOBRIÉTÉ
Sauf exception, le minimalisme et la concision sont deux règles à

recommander en matière d’UI design, en particulier sur support mobile.
Une présentation épurée est plus agréable et rassurante pour le visiteur.
L’ESTHÉTIQUE
Une interface belle et attractive encourage les utilisateurs à poursuivre

leur visite. Le choix plus ou moins judicieux des couleurs, des contrastes,
des formes ou des proportions a un impact considérable sur leur ressenti.
LA RÉSILIENCE
Une interface web doit être capable de s’adapter et de ne pas sanctionner

le visiteur lorsque ce dernier clique au mauvais endroit et fait une erreur.
LA RÉACTIVITÉ
Une action de l’utilisateur amène une réponse immédiate à

l’écran, sans temps d’attente ou processus de confirmation
inutile.
ERGONOMIE DES INTERFACES
Chaque jour, vous utilisez des objets du quotidien qui ont été
conçu « normalement » pour vous faciliter la vie.
L’ergonomie a pour mission d’adapter ces objets à l’homme
pour vous rendre la vie encore plus facile.
Avec le développement des nouvelles technologies, cette
discipline a dû s’adapter au web. Voyons donc ce qu’on
entend par ergonomie web. 21/02/2022
LA NORME* ISO 9241
« Un produit est utilisable lorsqu’il peut être utilisé avec efficacité, efficience et
satisfaction par des utilisateurs donnés cherchant atteindre des objectifs
donnés dans un contexte d’utilisation donne »
ergonomie (informatique) = utile + utilisable.
* Une norme est un ensemble des règles, caractéristiques, bonnes

pratiques et recommandations applicables à des produits, services,
21/02/2022
méthodes, processus ou organisations.
DÉFINITION ERGONOMIE
Du grec « ergon » qui signifie travail et « nomos » loi, l’ergonomie cherche à

comprendre comment adapter le travail, les outils et l’environnement à l’être
humain.
Il se réfère simultanément à un certain nombre de disciplines scientifiques sur
le fonctionnement humain telles que la psychologie sociale, la physiologie ou
la psychologie cognitive et utilise diverses techniques telles que l’ingénierie,
l’informatique ou l’architecture, en fonction du contexte de travail.
L’ergonomie porte sur le développement de systèmes Homme-Machine ou plus
largement sur les conditions de travail permettant aux humains de travailler dans
des conditions optimales de sécurité, de confort, de santé, de satisfaction et
d’efficacité. 21/02/2022
EN CONCLUSION
L’ergonomie des interface web est le fait d’optimiser un site pour le rendre plus facile et
plus agréable à naviguer.
C’est également le rendre navigable pour tous et dans de bonnes conditions, puisque
l’accessibilité est une donnée intégrante de l’ergonomie.
En d’autres termes, c’est faire en sorte qu’un site soit rapide à prendre en main afin que
tout le monde puisse y naviguer confortablement et rapidement.
Ainsi, on distinguera l’utilisabilité qui consiste à rendre un site efficace et efficient au
maximum afin d’augmenter la satisfaction des visiteurs, mais aussi l’accessibilité qui
consistera à rendre un site navigable pour tous, même pour les non-voyants par
exemple. 21/02/2022
CE QU’IL FAUT RETENIR
Un objet sera ergonomique si son utilisation est facile

, simple, confortable voire sécurisant
Un site web ergonomique doit être utile et utilisable

L’utilisabilité doit pouvoir répondre a la question: L’utilisateur a-t-il atteint l’objectif

fixé?
L’utilisabilité en globe 3 notions
❑Efficacité: l’utilisateur doit réussir à faire ce qu’il veut faire
❑Efficience: l’utilisateur doit réussir à faire ce qu’il veut faire rapidement et avec le
moins d’erreur Possible
❑Satisfaction: l’utilisateur a réussi à faire ce qu’il veut faire rapidement et avec le
moins d’erreur possible, et il est content 21/02/2022
L’utilité doit répondre aux question :

❑ A quoi sert le site web ?
❑ Qu’est ce que mon site web apporte de plus qu’un autre ?
❑ Quels sont les services
LES PERSONAS: POURQUOI EST CE
IMPORTANT?
Quelle est la raison pour laquelle vous avez créé un site internet ? Présenter vos
services ? Présenter votre équipe ? Vendre en ligne ? Certes, mais avant toute chose :
attirer le maximum de visiteurs. Tout commence par là !
En effet, on ne peut pas concevoir l’intérêt d’un site sans aucune visite : il serait alors
totalement inutile, et vos objectifs, quels qu’ils soient, irréalisables.
IMPORTANT?
La véritable question est alors : comment attirer le maximum de personnes sur

le site internet de mon entreprise ? Il faut que votre page internet capte
l’attention de l’internaute, qu’il y voit la réponse à un besoin personnel.
C’est à ce moment précis que la persona rentre en jeu ! Encore faut-il savoir ce
qu’est une persona ;
IMPORTANT?
Il s’agit d’une représentation fictive d’un modèle de cible particulier. En clair : c’est la
description d’une personne inventée qui représente une catégorie de votre clientèle.
On y associe les problématiques, besoins, caractéristiques propres aux personnes
qu’elle représente. Il est fréquent de créer plusieurs personas afin de pouvoir cerner
plusieurs catégories de cibles distinctes.
CRÉATION ET UTILISATION DE VOS
PERSONAS CIBLES
Afin de correctement créer vos personas, tâchez de remplir ces catégories en vous inspirant
des clients que vous avez déjà acquis :
❑Démographie : âge, sexe, localisation, etc. ;
❑Besoins : quels sont leurs attentes, leurs difficultés et surtout : quelles informations viennent-
ils chercher sur votre site internet ;
❑Comportement : que font vos cibles sur le web, que cherchent-elles, quels termes utilisent-
elles pour leurs recherches sur Google, etc.
CRÉATION ET UTILISATION DE VOS
PERSONAS CIBLES
Chaque création de persona nécessite du temps et quelques recherches de votre part pour
qu’elle soit bien faite.
Une fois les personas créées, vous pouvez exporter ce modèle sur tous types de supports :
autre site, réseaux sociaux, et même dans vos relations commerciales traditionnelles en
dehors du web.
En fonction de ces personas, il vous sera désormais facile de savoir sur quel ton vous devez
vous exprimer sur votre site, quels produits mettre en avant, quel support privilégier, etc.
LES SPECIFICITES DU WEB
Qu’est ce qu’un site web ?
Un site web ou site internet est un ensemble de pages web et

de ressources reliées par des hyperliens, défini et accessible par
une adresse web.
En d‘autre terme c’est
❑ Un ensemble de pages sur un thème donné
❑ Une organisation arborescente
❑ Une page d’accueil
❑ Des pages de contenu
LES SPECIFICITES DU WEB
Navigations / interactions
❑Liens hypertextes
❑Barre de navigation (menu)
❑Fil d’Ariane
❑Formulaires
RÈGLES ERGONOMIQUES WEB
Il existe de nombreux guides pour faire des recommandations sur la

conception web. On peut citer en exemple le livre "Ergonomie Web"
de Amélie Boucher (Eyrolles), qui propose 12 règles de conception
12 RÈGLES DE CONCEPTION
1. Architecture (site bien rangé)
2. Organisation Visuelle (la page est bien rangée)
3. Cohérence (Toutes les pages sont similaires)
4. Conventions (Le site est similaire aux autres sites)
5. Information (Le site informe le visiteur)
6. Compréhension (les mots et symboles sont compréhensibles)

12 RÈGLES DE CONCEPTION - SUITE
7. Assistance (Le site aide et guide l’internaute)
8. Gestion des erreurs (le site gère les erreurs)
9. Rapidité (L’internaute trouve ce qu’il souhaite)
10. Liberté (L’internaute décide où il va)
11. Accessibilité (Le site est accessible pour tous)
12. Satisfaction de l’internaute

CAS PRATIQUE
1. Que doit/devrait contenir une page d’accueil d’un site vitrine ?

2. Que doit/devrait contenir une page d’accueil d’un site e-commerce ?
3. Quels sont les étapes pour effectuer une commande sur un site e-commerce ?
4. Que doit/devrait contenir une page d’accueil d’un site d’information ?
RÉUSSIR SA PAGE D’ACCUEIL ET SON SITE
VITRINE
Être identifiable
❑Votre visiteur doit comprendre ce que vous lui proposez à la première lecture.
❑Vous devez l'informer sur votre rôle, votre "société" et vos objectifs, pour cela il faut
utiliser plusieurs éléments de votre site.
❑Tout d'abord, votre page d'accueil, c'est la porte d'entrée de votre site web. Elle doit
présenter votre site, ce que vous proposez en plus, qui vous êtes d'un seul coup
d'œil.
❑C'est l'accroche. Une page d'accueil, qui ne répond pas à ces questions, risque de
faire fuir vos visiteurs.
VITRINE
1. Être identifiable
❑Le second élément concerne les éléments permanent de votre site.

Le plus représentatif est votre logo et son slogan (ou tagline).
❑La tagline doit renforcer votre message. En voyant votre logo et
sa tagline l'utilisateur doit comprendre ce que vous apportez en
plus.
ATTENTION: ÉVITER L'EFFET "SAPIN DE
NOËL"
❑Les animations, les gifs animés,... vont nécessairement attirer l'œil, sans pour
autant apporter des informations à vos visiteurs. Restez simple, sobre et efficace.
❑Si vous devez proposer des animations (publicités, auto-promotion...) veillez à :
❑ne pas les multiplier,
❑à proposer des moyens de les mettre en pause,
❑à éviter de les faire tourner en boucle,
❑à ne pas en exécuter plusieurs simultanément. L'être humain ne peut pas
suivre 2 vidéos en même temps ! !
VITRINE
2. Cohérence
❑La cohérence de vos choix doit guider la conception de votre site Web.
Ainsi chaque page doit retrouver une structure identique et cohérente.
Quoi de plus désagréable que de chercher où se trouve le menu sur
chaque page.
❑De plus cette cohérence facilitera la lecture de votre site, et rendre
l'accès aux informations plus rapide, car l'internaute ne se souciera plus
de comment naviguer dans le site, une fois son mécanisme compris
(sur la première page).
VITRINE
2. Cohérence -suite 1
❑La cohérence de votre site passe par 4 points essentiels :

❑Les positions des éléments sont cohérentes,
❑Les appellations et dénominations sont cohérentes,
❑La forme pour la présentation des contenus est cohérente,
❑Les interactions proposées sont cohérentes.
VITRINE
❑Les positions des éléments sont cohérentes

❑Un élément ne doit pas changer de place d'une page à une autre, et cela d'autant plus si
c'est un élément de navigation :
❑ Le menu reste à sa place,
❑ le fil d'Ariane est présent sur toutes les pages,
❑ la zone de recherche toujours au même endroit,...
❑Votre internaute va très vite mettre en place, même inconsciemment, un mécanisme
pour naviguer dans votre site, vous ne devez pas le pousser à modifier ce mécanisme
au cours de sa visite.
VITRINE
❑Dans la même idée, vous ne devez pas supprimer d'éléments

de navigation sans raison. Il ne faut pas masquer un menu ou
une zone, sauf si le contexte l'impose.
❑Toujours sur la même idée, un élément qui serait cliquable
sur une page, ne doit pas devenir non-cliquable sur une autre
page sans raison (sauf typiquement un lien précèdent-suivant
qui serait incohérent avec le contenu...).
VITRINE
❑Les appellations et dénominations sont cohérentes

❑Le choix des mots employés est aussi très important dans votre site web.
Outre le fait de choisir le bon mot pour définir ce que vous souhaitez
communiquer (la richesse du français...), il faut aussi garder la cohérence
du mot une fois celui ci trouvé.
❑Même s'il semble de bon ton d'utiliser de nombreux synonymes quand on
écrit un roman, cette pratique est beaucoup moins recommandable quand
on publie sur le net.
VITRINE
3. Les Menus
❑Les menus de votre site web sont l'unique moyen pour l'internaute
de voyager au travers de votre contenu et de vos catégories. Il est
très difficile de concevoir des menus pertinents:
❑Combien de niveaux mettre ?
❑Que mettre comme sous niveau ?
❑Combien de menu ? N'oubliez jamais la notion de canal limité de l'Homme.
VITRINE
3. Les Menus –suite 1
❑La première chose que va lire votre internaute c'est le menu

"global" sans prendre soin de dérouler les items, il doit donc
trouver l'information, ou à défaut le chemin évident pour
atteindre son but, dés cette première lecture.
VITRINE
Trois règles de bonne conception pour vos menus

❑Être signifiant : à la lecture de son intitulé, le visiteur doit savoir ce qu'il va trouver
comme contenu sous le menu.
❑Être complémentaire : tout le contenu de votre site doit être associé à un menu. Il ne doit
pas exister de contenu appartenant à aucune rubrique.
❑Être exclusifs : il ne doit pas y avoir ambiguïté dans les items de vos menus. Ainsi un
internaute ne doit pas hésiter entre plusieurs items de votre menu pour accéder à ce
qu'il est venu chercher.
VITRINE
Et si tout cela n'est pas possible ?

❑Il se peut que ces principes ne puissent pas être mis en œuvre sur votre site (pour des
raisons de temps, de coup, de cahier des charges, de charte graphique...). Dans ce cas il
existe un recours, les liens transversaux.
❑Ce sont des liens que vous aller positionner directement dans vos pages, de manière
judicieuse, afin de faire un lien vers d'autres rubriques qui devraient répondre, également,
a ce que l'internaute est venu chercher. Cette solution est très souvent utilisée, notamment
dans les liens du genre "vous aimerez aussi", ou encore quand on affiche les différentes
catégories auxquelles appartient un produit, ...
VITRINE
❑Concernant les menus,

❑L'ordre des items ne doit pas non plus évoluer dans votre site. Par habitude l'internaute
cliquera sur des items sans même les lire, juste grâce à sa mémoire et à l'analyse
inconsciente qu'il a mené sur les premières pages de votre site.
❑Cette stabilité et cette cohérence vont apporter un confort et une meilleure

mémorisation de votre site par l'internaute, et donc très logiquement une
meilleure appréciation et une visite plus longue.
VITRINE
4. Vocabulaire
❑Cette étape est, aussi, très importante. Selon le contexte, la culture de

l'entreprise, du client pour lequel vous travaillez, il peut exister un champ
lexical défini au sein de l'entité. Utilisez le !
❑Dans le cas contraire une réelle réflexion doit être menée afin d'utiliser le
vocabulaire approprié au contenu. Il ne doit pas y avoir d'ambiguïté sur le
sens des termes employés. Le choix du vocabulaire est un métier à part
entière et une science, la taxonomie !
VITRINE
4. Vocabulaire suite
Le choix du vocabulaire est donc important, mais il doit répondre à quelques

règles :
❑Être sans ambiguïté, éviter les mots à double sens par exemple,
❑Être concis et précis,
❑Être approprié au contexte, à la situation, et à votre domaine,
❑Orienté utilisateur, c'est à dire ayant un sens pour vos visiteurs potentiels.
❑Être conventionnel !
VITRINE
5. Mise en forme
La forme pour la présentation des contenus est cohérente

❑Les différents éléments de votre site doivent être soutenus par un format particulier et
cohérent.
❑Par exemple les menus seront rouges, les zones de texte bleus, ... et cela sera respecté
dans tout votre site.
❑Autant la règle qui prédomine est d'être homogène, autant pour le formatage des
différents éléments il convient d'être hétérogène afin de bien les différencier de manière
très rapide.
VITRINE
6. Conventions
Une fois votre site cohérent, en "interne", il faut aussi veiller à respecter la
cohérence par rapport aux "us et coutumes" du web.
❑L'internaute est habitué à certaines conventions, et il est de bon usage de les reprendre, afin,
une fois de plus, de garder une cohérence avec ce qui existe.
❑Cette contrainte rend une innovation ergonomique un peu délicate (le ruban Microsoft office
dans le domaine du logiciel en est un parfait exemple). Tout dépend de votre objectif une
fois de
VITRINE
6. Conventions-suite
❑La notion de convention est très vague et vaste, tout en étant simple à comprendre.
❑Une convention c'est ce qui est fait par la majorité des autres sites web !
❑Ainsi la barre de navigation en haut, plutôt qu'en bas est une convention.
❑Les conventions passent aussi bien par la mise en page, que par les termes
utilisés (par exemple on utilise toujours "rechercher" et pas "trouver" pour une
zone de recherche,...).
❑Cet aspect de positionnement des différents éléments d'interaction et de
navigation entre dans ce que l'on nomme couramment convention de localisation.
VITRINE
6. Conventions-exemple
Cette liste, non exhaustive, est issue de nombreuses navigations. Elle dresse un ensemble de
convention (de constats) sur ce qui se fait ailleurs et qui semble donc être des conventions :
• Le logo toujours en haut et souvent à gauche,
• Le menu de navigation principal souvent en haut sous le logo,
• La zone de recherche en haut du site également,
• L'espace de connexion, assez souvent à droite d logo ou au dessus de celui ci, mais à droite,
• Le menu secondaire plutôt à gauche en vertical,
• Les mentions légales en bas de page,
• Le contenu au centre,
• ...
VITRINE
7. information
Informer en permanence votre visiteur !

❑Quand votre internaute navigue dans votre site web, vous devez l'informer.
Notamment l'informer sur où il se trouve dans votre site (le fil d'Ariane), où il
peut aller (la navigation), où il est déjà allé et ce qu'il peut faire sur la
page…
❑Dans ces cas informer l'utilisateur ne passe pas nécessairement par l'ajout
de nombreux textes, mais peut se faire simplement en utilisant des
interactions, une ergonomie adaptée, une mise en page cohérente…
VITRINE
8. Le fil d'Ariane ou chemin de progression
❑Le fil d’Ariane est un élément incontournable qui améliore la navigation. Il

montre aux utilisateurs le chemin parcouru depuis la "Page d'accueil" et leur
permet de se repérer dans le site.
❑Présent sur toutes les pages d'un site Internet, le fil d'Ariane apporte une
dimension ergonomique à un site.
❑Le fil d'Ariane est donc comme son nom l'indique, un fil conducteur qui nous
montre le chemin parcouru dans le site depuis la page d'accueil. Il est
possible de revenir sur les pages précédentes en cliquant sur les différentes
pages présentes dans le fil d'Ariane
VITRINE
Lors de la mise en place du fil d'Ariane, mieux vaut respecter ces quelques
conventions.
❑Placer le fil d'Ariane en haut de page de préférence à gauche au dessus de la page
courante. De cette façon il ne gène pas le contenu et reste facilement accessible.
❑Utiliser le symbole « > » entre chaque rubrique. Ce signe s'est standardisé.
Choisir un autre signe demandera des efforts supplémentaires de compréhension
à l'internaute.
❑Utiliser un petit corps de police. Le fil d'Ariane doit rester lisible sans gêner la
lecture de la page.
VITRINE
❑Indiquer le titre de la page courante dans le fil d'Ariane. Pour que l'utilisateur ait
un bon point de repère, le titre de la page doit être présent et dans le fil d'Ariane
et sur la page. Cette redondance permet à l'internaute de bien se repérer.
❑Utiliser dans le fil d'Ariane les mêmes dénominations que les pages parcourues.
VITRINE
9. Logo & Picto
❑ Il peut sembler judicieux de remplacer une image par un mot, remplacer un

mot par une image semble une idée déjà beaucoup moins bonne.
❑ En effet, un mot exprime directement et sans ambiguïté (s'il est bien choisi)
une idée, un acte.
❑ Alors qu'un symbole, qui peut sembler plus "joli" ne représente rien, a priori,
pour vos visiteurs (sauf des cas comme la signalisation routière ancrée dans
nos mémoires et universelle... mais difficilement applicable au web).
VITRINE
9. Logo & Picto
Si vous souhaitez absolument utiliser des symboles pour votre site (et par exemple
pour des formulaires), ceux-ci doivent aussi répondre à un ensemble de règles :
❑Être facilement compréhensible (une corbeille pour supprimer, une imprimante pour
imprimer...).
❑Respecter les conventions (notamment du logiciel classique).
❑Être, toujours, accompagné d'un texte, ou à défaut d'un "title" pour avoir une information au
survol.
❑Être accessible en cas de non affichage des images (balise « alt »).
❑Être significatif de l'action qu'il va engendrer.
VITRINE
CONCLUSION
Votre page doit être bien rangée, les éléments positionnés de

manière cohérente, les uns par rapport aux autres. Votre page doit
être homogène et harmonisé avec le reste de votre site Web.
Chaque élément de votre site (tant au niveau interaction que
contenu) doit se justifier et apporter quelque chose pour vos
visiteurs.
RÉUSSIR SON SITE E-
COMMERCE
la porte d’entrée de votre Boutique en Ligne
RÉUSSIR SON SITE E-COMMERCE
La Home Page, la porte d’entrée de votre Boutique en Ligne !
Bien accueillir le visiteur sur son site, c’est lui faire une première bonne impression.
La page d’accueil d’un site Internet reste capitale, même si les internautes entrent de plus
en plus par d’autres pages. Mais l’accueil reste l’accueil…
❑Soit l’internaute tombe directement dessus…
❑soit il ne manquera pas son 2ème clic sur le bouton «accueil» ou sur votre logo…
Je vous propose quelques conseils ergonomiques pour vous assurer que la page d’accueil
de votre site e-commerce soit performante.
FAVORISER L’EXPÉRIENCE UTILISATEUR EN
RESPECTANT CES 3 PRINCIPES
1. Améliorez le temps de chargement de votre page d’accueil:
❑une bonne expérience utilisateur passe avant tout par un temps de chargement
acceptable.
❑Une étude de montre que 47% des internautes attendent d’une page qu’elle se charge
en 2 secondes ou moins, et 40% d’entre eux abandonnent après un délai maximum de 3
secondes.
❑Cela à des impacts sur la fidélisation de vos internautes : 70% des internautes ne
retournent pas sur un site web lent en se basant sur l’idée que le retard fonde le
jugement,
1. Améliorez le temps de chargement de votre page d’accueil:
❑mais aussi sur l’efficacité entière de votre machinerie e-commerce : le taux de

conversion est divisé par deux entre un site qui charge en 2 sec et un autre qui s’affiche en
4 sec.
Vous pouvez utiliser les outils de mesure de vitesse comme :
❑Google Page Speed Inisght
❑GT Metrix
2. Faites l’effort de penser “mobile first”
❑ De nos jours tout le monde se connecte avec de multiples tailles d’écrans

(desktop, tablette ou mobile). Il n’en reste pas moins que la réalité actuelle
est que l’on se connecte plus à internet via son mobile que via un ordinateur
de bureau!
❑Commencez donc à imaginer votre site pour mobile, en l’adaptant ensuite
progressivement pour les plus grands écrans.
2. Faites l’effort de penser “mobile first”
❑ Quand l’utilisateur arrive sur votre page d’accueil sur son mobile, il doit
notamment pouvoir atteindre des surfaces assez larges pour cliquer
facilement et naviguer aisément à partir de là.
3. Gardez un design clair, dont l’action doit être évidente
❑Ne présentez pas trop de détails sur la 1ère page que visite votre internaute!
❑L’action doit être évidente.
❑Toutes les distractions et autres call-to-action doivent être mises au second plan.
❑L’internaute ne doit se poser aucune question.
❑Il doit savoir où chercher, où cliquer et ne pas se perdre dans des propositions multiples
qui le distraient.
3. Gardez un design clair, dont l’action doit être évidente
❑La meilleure page d’accueil est claire, avec un bouton d’action évident, qui invite le
visiteur à entrer dans le processus de conversion (ex: choisir un catégorie sur un site e-
commerce).
❑Communiquez de manière visuelle permet directement au visiteur de positionner votre
offre dans son esprit (ex: le merchandising de votre boutique en ligne).
LE LOGO EST LE “DRAPEAU” DE VOTRE SITE
soignez son emplacement
❑Démontrez en un coup d’oeil à votre internaute qu’il est arrivé sur le

bon site en indiquant clairement qui est derrière, et quel est l’objet de
votre site.
❑Pour cela placez simplement votre logo en haut à gauche. C’est la zone
regardée par le visiteur dans les 3 premières secondes après son
arrivée sur le site. Il est le point d’ancrage du circuit de lecture.
❑Idéalement, le logo est agrémenté d’une Baseline qui permet au
visiteur de situer le site en termes :
LE LOGO EST LE “DRAPEAU” DE VOTRE SITE
soignez son emplacement
❑de métier / nature d’activité

❑de bénéfice client.
N’oubliez pas de proposer une fonctionnalité fort utile lorsque vous cherchez
un produit en particulier: le moteur de recherche.
Il est mieux de le placer dans une zone chaude, par exemple, près du logo.
EXEMPLE
Exemple de pages d’Accueil
Une home page qui met

en valeur les plats avec
un appel à l’action qui
incite à la curiosité
d’essayer des plats
SITE E-COMMERCE
RÉUSSIR SON SITE E-COMMERCE:
CONCLUSION
❑Grâce à un bon design, un logo bien placé, un temps de chargement rapide, des
bandeaux ou vidéos en arrière plan, enfin des signes qui mettent en confiance, vous
obtiendrez certainement une page d’accueil qui engagera l’internaute à aller plus loin et
à visiter votre boutique.
❑Cependant, le but ultime du e-commerce est d’obtenir le meilleur taux de
conversion possible.
❑Il faut donc ensuite connaître et employer les meilleures pratiques e-commerce qui
s’appliqueront à votre business pour être sûr de booster le taux de conversion qui vous
amènera à la réussite.
ARCHITECTURE DE L’INFORMATION:
EXEMPLE D’UN SITE E-COMMERCE
Passer une
commande
Trouver les Validez le Saisir les Confirmer et

articles panier informations payer
Chercher un Visualiser le
Saisir
article panier
Filtrer une modifier le

valider
liste d’article panier
Consulter le Confirmer le
catalogue panier
LES ÉTAPES DE CRÉATION D’UN SITE E-
COMMERCE
❑Le nom de domaine

❑La conception graphique,
❑L’ergonomie
❑L’organisation du catalogue
❑La rédaction des contenus
❑L’intégration
❑La mise en place des modules de livraison et de paiement
COMMERCE
❑La phase de tests

❑La mise en ligne
COMMERCE ERGONOMIQUE
L’ergonomie d’un site e-commerce
❑Header
❑Carrousel
❑Zone Marketing
❑Contenu SEO
❑Réassurance
❑Footer
COMMERCE
Le header
Le header est la partie tout en haut d’un site. Nous conseillons d’y intégrer:
❑le logo de l’enseigne,
❑un accès au compte client,
❑un accès au panier,
❑le numéro de téléphone du service client
❑le menu horizontal du site.
Il est important d’installer un moteur de recherche sur le site, et on peut le mettre dans
le header ou sur un des côtés du site.
COMMERCE
Le carrousel
❑Un carrousel est un diaporama de plusieurs images. Il peut prendre toute

la largeur du site ou seulement une partie. Sur un site de vente en ligne, il
est conseillé de mettre 3 à 4 images différentes.
❑Celles-ci doivent être cliquables puisqu’elles ont pour but de mettre en
avant des offres spéciales comme: une livraison gratuite, une vente flash,
etc.
❑Ces visuels doivent être accrocheurs et avoir un réel intérêt pour
l’internaute.
COMMERCE
La zone marketing
❑Il s’agit de la zone où vous mettez en avant certains produits car ce sont
des produits phares, nouveaux ou en soldes. Cette zone va inciter
l’internaute à s’intéresser aux produits présents.
❑Il faut donc y mettre les produits que vous souhaitez le plus vendre
(beaucoup de stock, fin de série, articles qui ont fait votre renommée,…).
COMMERCE
Le contenu SEO
❑Pour que votre site soit référencé, il doit comprendre du contenu textuel. Il est
capital de créer du contenu optimisé pour le référencement naturel.
❑Sur la page d’accueil, on peut rédiger des contenus de présentation globale de
l’entreprise et des produits, et de mise en avant des avantages concurrentiels. Le
but de ce contenu est d’insérer des mots-clés généraux que les internautes
seraient susceptibles de taper
COMMERCE
La réassurance
❑On appelle réassurance les éléments qui rassurent l’internaute.

❑On les présente souvent sous forme de pictogrammes.
❑Ce sont par exemple : paiement sécurisé, délais de livraison, franco de port,
contact du service client, facilités de paiement,…
❑Ils se révèlent être très importants pour convaincre les internautes de votre
sérieux et professionnalisme.
COMMERCE
Le footer
❑Le footer est la partie tout en bas d’un site web.

❑On y retrouve la plupart du temps :
❑les liens vers les catégories principales du site,
❑les pages de paiement et de livraison,
❑les conditions générales de vente,
❑les mentions légales, les informations sur le vendeur,
❑ le formulaire de contact et les réseaux sociaux.
❑Ces éléments ne doivent pas obligatoirement apparaître dans le footer, mais les
visiteurs de votre site marchand vont s’attendre à les retrouver à cet endroit.
ATTENTION:
❑Cette liste n’est pas forcément exhaustive, des éléments comme un encart
avec les marques partenaires du site e-commerce peut constituer un réel atout
pour l’enseigne et doit donc être mis en avant.

00000045-ECRITURE POUR LES MEDIAS NUMERIQUES2.1 (Enregistrement Automatique)

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

00000045-ECRITURE POUR LES MEDIAS NUMERIQUES2.1 (Enregistrement Automatique)

Transféré par

Droits d'auteur :

Formats disponibles

ECRITURE POUR LES MEDIAS

Les titulaires d’un diplôme en Métiers du multimédia et de l’internet intervient

Durée 10h 10h 10h 30h

❑Analyser et Concevoir une interfaces des sites web / reseaux

Prérequis: BAC ou équivalent

I. Les médias numériques

Une nouvelle génération de médias nés de l’application de

Médias numériques sont basées sur 3 éléments

Les médias numériques sont le produit d’une convergence de

l’idée que tout peut être calculé et décrit avec

Dans un média interactif, l’usager peut:

2) Choisir son parcours (= naviguer)

3) Participer (contribuer) au contenu

L'interactivité est un principe de fonctionnement caractéristique des médias utilisant

Peut distinguer les médias numériques en 5 sous-catégories

❑ permet d’asseoir le positionnement d’une entreprise sur des thématiques précises.

❑ Élaborer sa stratégie de contenu en fonction du positionnement de l’entreprise

❑ Adapter sa stratégie de contenu aux besoins des cibles

❑ Déterminer les différents contenus par supports:

❑ Déployer sa stratégie de contenu:

❑ Améliorer sa stratégie éditoriale:

❑ Organiser une gouvernance éditoriale:

Une ligne éditoriale désigne l’ensemble des

Expression linguistique de l’identité d’une marque permettant d’orienter l’angle de

C’est l’art de de créer et de raconter un histoire

Il a été théorisé et industrialisé par les

Le storytelling est basé sur la démonstration

La ligne éditoriale comprend :

Montrer une tranche de vie et évènement

Chasseur de tendances a petits prix

La charte éditoriale est le document de référence pour la production de contenu

❑ Assure la cohérence de l’identité de la marque, charte Charte

Ensemble de règles et de bonnes pratiques qui détermine la ligne éditoriale.

L’expérience utilisateur, ou user experience, simplifié par son acronyme

L’expérience utilisateur s’évalue principalement sur 2 plans : sur le plan de

L’usage de l’interface par un utilisateur produit

Une interface utilisateur, ou User Interface en anglais (UI), désigne l’ensemble

Chacun des éléments graphiques doit avoir une fonction bien

Les éléments de l’interface doivent garder le même aspect et

Sauf exception, le minimalisme et la concision sont deux règles à

Une interface belle et attractive encourage les utilisateurs à poursuivre

Une interface web doit être capable de s’adapter et de ne pas sanctionner

Une action de l’utilisateur amène une réponse immédiate à

* Une norme est un ensemble des règles, caractéristiques, bonnes

Du grec « ergon » qui signifie travail et « nomos » loi, l’ergonomie cherche à

Un objet sera ergonomique si son utilisation est facile

Un site web ergonomique doit être utile et utilisable

L’utilisabilité doit pouvoir répondre a la question: L’utilisateur a-t-il atteint l’objectif

L’utilité doit répondre aux question :

La véritable question est alors : comment attirer le maximum de personnes sur

Un site web ou site internet est un ensemble de pages web et

Il existe de nombreux guides pour faire des recommandations sur la

1. Architecture (site bien rangé)

2. Organisation Visuelle (la page est bien rangée)

3. Cohérence (Toutes les pages sont similaires)

4. Conventions (Le site est similaire aux autres sites)

5. Information (Le site informe le visiteur)

6. Compréhension (les mots et symboles sont compréhensibles)

7. Assistance (Le site aide et guide l’internaute)

8. Gestion des erreurs (le site gère les erreurs)

9. Rapidité (L’internaute trouve ce qu’il souhaite)

10. Liberté (L’internaute décide où il va)

11. Accessibilité (Le site est accessible pour tous)