68
e e-communication Stratégie Internet / Intranet

e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

e-communicationStratégie Internet / Intranet

Page 2: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Introduction

• Dans une entreprise, développer la stratégie Internet, ce n’est pas "faire de la communication".

• C’est le contraire : "faire du service".

• Si vous construisez votre site web en pensant que vous communiquez, vous allez dans le mur. Le web est un média de contenus.

Page 3: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Partie 1 : information

• L’accès à l’information

• Stratégie Internet

• Formes de communication

• Expertise

Page 4: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Accès à l’information

Page 5: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Espace de publication• Sur le web, on ne diffuse pas

d’informations. On en publie.

• Un site web est un stock d’informations.

• Gérer des contenus n’a rien à voir avec gérer des messages.

• L’internaute cherche une information

Page 6: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Le coeur d’un site web• Le coeur d’un site web, ce sont ses

contenus.

• La communication n’est pas le coeur d’un site web.

• C’est le service rendu qui génère un profit.

Page 7: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Le contenu• Chaque contenu publié doit répondre :

• en quoi il répond aux attentes de la cible.

• en quoi sa consommation par la cible va générer du profit pour l’entreprise.

• en quoi l’ensemble du site sera valorisé, ce qui permet d’obtenir une cohérence d’ensemble qui augmente la visibilité et la valeur du site.

Page 8: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Stratégie Internet

Page 9: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Communiquer • Habillage visuel

• Tonalité rédactionnelle

• -> positionnement de l’entreprise (image)

• Faire connaître le site.

Page 10: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

• Objectifs en fonction de la maturité de la marque

Les objectifs

Objectif stratégique Notoriété Attribut Bénéfice

ImageTerritoire Valeur

RôleVision

Maturité de la marque Nouvelle marque Marque établie Grande marque mûre

Page 11: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Les objectifs

0%

15%

30%

45%

60%

Notoriété Prospects Vente Image

Page 12: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Les objectifs• L’internaute doit se comporter après sa

visite comme on l’espérait.

• C’est-à-dire qu’il "passe à l’acte"

• Cet acte, c’est le retour sur investissement

• -> Quels contenus faut-il proposer aux internautes pour qu’ils "passent à l’acte"

Page 13: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Formes de communication

Page 14: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Communiquer c’est • Formuler un message,

• Le mettre en forme,

• Gérer l’espace sur lequel il va être diffusé

• ...

• Internet n’a rien à voir avec cette communication-là.

Page 15: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Hors media• Les bases de données

• Rappel client

• Mail / Newsletters

Page 16: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Les outils web : pub• Les bannières

• Intégration éditoriale

• Espaces marchands

• Site web événementiel

• Spot publicitaires

• Logiciels et jeux

Page 17: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Les outils web : futur• Téléphonie mobile : WAP

• PDA

• Télévision

• Vidéo

• Podcasting

Page 18: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

... conseils ...

• Le coût de création d’un bandeau est faible mais l’achat d’espace est cher.

• L’idée de publicité sur Internet ne représente qu’une facette de la communication sur le Web.

Page 19: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Expertise

Page 20: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Le choix des outils• Outils d’image et de génération de trafic

-> développer sa notoriété

• Outils d’animation et de fidélisation-> interactivité (jeux, visite virtuelle)

• Outils de mise en relation-> email, chat, ...

Page 21: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

L’efficacité média• Statistiques

• Compteurs

• ...

Page 22: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

L’efficacité média• eye-tracking

Page 23: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

... conseils ...

• Internet véhicule de l’information. Plus un produit est riche en information, plus il trouvera naturellement sa place sur un site (marchand).

• Concevez votre site web dans le but de générer du trafic aux points de vente.

• Faites en un outils de fidélisation.

Page 24: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

• Principes d’ergonomie

• L'accessibilité numérique

Partie 2 : ergonomie

Page 25: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Principes d’ergonomie

Page 26: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Ergonomie des sites web• L'efficacité : adopter les bonnes solutions

• L'utilisabilité : confort d’utilisation• Attentes de l'utilisateur

• habitudes de l'utilisateur

• Equipements

• Niveau de connaissances

Page 27: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Critères d’ergonomie• Sobriété (Simplicité) :

• crédibilité de l'organisation

• Lisibilité (Clarté) :• 25% de temps de lecture supplémentaire pour une

page web

• Structure :• paragraphes et titres

Page 28: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Critères d’ergonomie• Utilisabilité :

• règle des 3 clics

• Repérage :• se repérer dans le site, retour accueil

• Liberté de navigation

• Information tangible :• auteurs, sources, date, ...

Page 29: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Critères d’ergonomie• Images optimisées

• Liens hypertextes

• Universalité de l’accès (langues)

• Standardisation (W3C)

• Légendes

Page 30: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

L'accessibilité numérique

Page 31: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Définition

• “Mettre le Web et ses services à la disposition de tous les individus, quelque soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales”.

Page 32: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Tous public• Les personnes connectées en bas débit

• Les seniors

• Les personnes peu compétentes au niveau informatique

• Les personnes équipées de configurations spécifiques

Page 33: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Standardisation• W3C

• HTML / XHTML

• CSS

• XML / RSS (Really Simple Syndication)

Page 34: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Partie 3 : web design

• Compétences

• Structure logique / relationnelle

• Contenu

• Interface Web

• Typographie

Page 35: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

CompétencesCompétences• le conseil en

communication

• la conceptiongraphique

• la programmationinformatique

• l'animation etla promotion

Page 36: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Structures

Page 37: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Structure• Une organisation logique,

• Un modèle mental,

• Équilibre : structure / accueil

Page 38: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Structure logique• Pas assez profond

Page 39: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Structure logique• Trop profond

Page 40: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Structure logique• Structure Web :

Page 41: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Strucutre relationnelle• Structure simple

Page 42: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Structure relationnelle• Structure grille

Page 43: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Structure relationnelle• Structure Web

Page 44: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Souvent ...• Trop d’étapes.

• Pas assez de guidage.

• Liens erronés.

• Mauvaise compatibilité.

Page 45: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Contenu

Page 46: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Fondamental• Qui parle ?

• De quoi ?

• Quand ?

Page 47: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Points fort• Lien mail pour le rédacteur du site

• Message supplémentaires (ALT)

• Eléments de mise à jour ('nouveau')

• Page de liens

• Sources des documents

• FAQ

Page 48: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Interface

Page 49: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

GUI• Créer des scénarios types avec différent

utilisateurs (public)

• Navigation claire (icônes claires, cohérentes)

• Donner confiance à l'utilisateur (pour qu'il trouve ce qu'il cherche)

• Retrouver rapidement la page de garde,

Page 50: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Etudes• Les études montrent que l'utilisateur

préfère :• Les menus de 5 à 7 liens,

• Des pages denses,

• Des pages longues

• Pour convaincre de la valeur du contenu, le site doit être précis et fiable (ex: vérification des liens)

Page 51: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Interface• Gestion du temps de chargement

Page 52: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Interface• Gestion des formes

Page 53: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Interface• Axe visuel : gestion des couleurs

Page 54: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Interface• La page : présentation

Page 55: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Interface• Largeur écrans : 800 x 600 / 1024 x 768

1024*768

Page 56: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Interface• Utilisation des écrans

Page 57: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Interface• Largeur papier

Page 58: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Interface• Exemple

Page 59: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Typographie

Page 60: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Typographie• Types de polices

Page 61: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Typographie• Casse et lecture

Page 62: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Typographie• organisation des polices

Gras

Taille = 2

Taille = 3

1ère ligne = 8

Interligne = 4

Page 63: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

... astuce ...• Sleon une édtue de l'Uvinertisé de

Cmabrigde, l'odrre des ltteers dnas un mtos n'a pas d'ipmrotncae, la suele coshe ipmrotnate est que la pmeirère et la drenèire soit à la bnnoe pclae. Le rsete peut êrte dnas un dsérorde ttoal et vuos puoevz tujoruos lrie snas porlblème. C'est prace que le creaveu hmauin ne lit pas chuaqe ltetre elle-mmêe, mias le mot cmome un tuot.

Page 64: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

... astuce ...

Page 65: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

... astuce ...

Page 66: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Ressources

Page 67: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Bibliographie• Documents :

• L’ergonome (lergonome.com)

• OpenWeb Group (openweb.eu.org)

• Ergoweb.ca (www.ergoweb.ca)

• F.X. Hussherr & J. Rosanvallon, e-communication,Dunon 2001

• JJ Rechenmann, Internet & marketing, Editions d’Organisation, 2001

Page 68: e-communication - lcprod.net communication sur le Web. e Expertise. e Le choix des outils • Outils d’image et de génération de trafic ... • Structure logique / relationnelle

e

Licence Creative Commons

Vous êtes libres : de reproduire, distribuer et communiquer cette création au public

Selon les conditions suivantes :

Paternité. Vous devez citer le nom de l'auteur original de la manière indiquée par l'auteur de l'oeuvre ou le titulaire des droits qui vous confère cette autorisation (mais pas d'une manière qui suggérerait qu'ils vous soutiennent ou approuvent votre utilisation de l'oeuvre).

Pas d'Utilisation Commerciale. Vous n'avez pas le droit d'utiliser cette création à des fins commerciales.

Pas de Modification. Vous n'avez pas le droit de modifier, de transformer ou d'adapter cette création.

http://creativecommons.org/licenses/by-nc-nd/3.0/deed.fr