Prsentation PowerPoint

1
Titre
Navigation et ergonomie des sites Internet
2
Intervenant

• Vincent Moreau, Directeur Systonic Toulouse
  (v.moreau_at_systonic.fr)
• Pilotage de projets internet et consultant
  (ergonomie et conception, tourisme)

3
Agenda

• Comment naissent les sites Internet ?
• Ergonomie et usabilité

4
Comment naissent les sites Internet?

• Passer dune démarche intuitive (et partant
  souvent du visuel)
• A une méthodologie qui puisse vous guider

5
Objectifs stratégiques

• Quelles sont les objectifs clés ?
• Informer, séduire ?
• Un service complet ? Un outil de prise de contact
  ?
• Quelles cibles ?
• Usagers, administrés, décideurs économiques,
  touristes, acteurs locaux ?

6
Identifier les contenus

• Recensement des contenus existants
• Étude des besoins
• Contenus produits
• Contenus attendus
• Matrice cibles-contenus

7
Cartographie des contenus
8
Navigation par cibles ou par ressources ?

• Avantages et limites de chaque logique
• Segmentation, sous-segmentation et
  sur-segmentation
• Focus sur le tourisme
• Faut-il proposer une double navigation (2 façons
  daccéder au même contenu) ?

9
La double navigation
10
Navigation par cibles et par ressources ?

• Concilier les 2 approches
• Identifier les contenus communs à toutes les
  cibles (cf exemple circuits, entreprises)
• Identifier les contenus spécifiques aux cibles
  (exemple Simplanter, Piloter, Louer nos
  circuits)
• Il faut proposer à linternaute une logique
  cohérente, ensuite il sadapte

11
Dissocier différents types de contenus

• Informations de fond, stables dans le temps
• Informations de flux actualités agenda
• Distinction rubriquage mise en avant
• Utilitaires

12
Architecture de site ou architecture de sites ?

• Site unique ou site principal satellites
• Les limites dun site unique (évolutivité,
  réactivité)
• Définir une architecture globale
• Un site principal
• Des sites satellites, 2 niveaux
• Le plus souple charter bandeau type de retours
  des sites satellites vers le site principal,
• Charter la navigation mais laisser libre
  limplémentation technologique

13
Site principal satellites
14
Comment définir la navigation ?

• Définir les contenus
• Hiérarchiser (regrouper en 2 à 5 zones)
• Rubriquage regroupement logiques
• Cinématique de navigation
• Zoning
• Cinématique des menus

15
Le zoning (concept général)
16
Le zoning (appliqué)
17
Cinématique

• Cinématique générale
• Maquettage fonctionnel exhaustif de chaque écran

18
Et le design ?

• Souhaitable de le faire après le zoning
• Le brief doit intégrer des contraintes de
  structuration de la navigation et des
  contraintes de style de communication (valeurs,
  style, tonalité)

19
Utiliser des outils stables de gestion des
contenus

• Pages éditoriales (gabarits types)
• Actualités, Agenda (catégories, mode liste mode
  fiche détaillée)
• Dossiers (pages spécifiques regroupement
  dinformations présentes à différents endroits du
  site)

20
Principes de navigation

• Favoriser la navigation horizontale de préférence
  à la multiplication des contenus (cf le
  référencement)
• Limiter le nombre de niveaux darborescence (3 ou
  4, pas 8 ou 9), quitte à charter des pages
  orphelines

21
Agenda

• Comment naissent les sites Internet ?
• Ergonomie et usabilité

22
Principes de navigation et dergonomie

• La Home page
• 2 objectifs Faciliter la navigation dans le
  site et Communiquer
• To flash or not to flash ?

23
La Home page (portail)
24
La Home page (communicante)
25
Réaliser des pages attractives

• Respecter des règles décriture web
• Respecter des règles dergonomie internet

26
Lécriture web les 10 règles à respecter (1)

• Favoriser la lecture rapide (en diagonale)
• Être concis et factuel (phrases courtes pas plus
  de 20 mots)
• Éviter les effets stylistiques trop recherchés
  (métaphores...)
• Ne pas dépasser 2000 / 2500 signes par page (soit
  1/3 dune page A4)
• Créer des paragraphes aérés

27
Lécriture web les 10 points clés (2)

• Rédigez des contenus clairs (titres, sous-titres,
  accroches)
• Mettre en avant les liens hypertextes internes et
  externes permettant daller plus loin dans
  linformation
• Favorisez limpression des contenus denses quil
  vaut mieux lire sur papier (téléchargement dun
  fichier pdf outil  imprimez cette page )
• Donnez des éléments de contextualisation pour
  identifier la nature des sources dinformation
• Datez le contenu (dernière mise à jour)

28
Lergonomie sur Internet, rappel des points clés
(1)

• Bien guider linternaute, il doit pouvoir
  répondre à ces questions
• Quai-je fait?
• Où suis-je?
• Que puis-je faire?
• Être compatible avec l'environnement informatique
  du plus grand nombre (browser, définition
  décran)

29
Lergonomie sur Internet, rappel des points clés
(2)

• Ne pas perturber le parcours de l'internaute,
  respectez son temps (pop up intempestifs,
  publicités..) (lenteur du flash utilisé mal à
  propos..)
• Prévoir et gérer les erreurs des utilisateurs
• Éviter l'excès d'information sur une même page
• Permettre à l'internaute de revenir sur votre
  site (url claire url contextuelle bookmark
  graphique..)
• Faire des tests utilisateurs (cf. selon J.
  Nielsen à partir de 5 bêta testeurs 80 des
  erreurs identifiées)

30
Bibliographie et liens

• Nielsen Jakob,  Conception de sites Web, lart
  de la simplicité , Campupress
• Barroca Cristina,  Graphisme et ergonomie des
  sites web , Dunod
• Nogier Jean-françois,  De lergonomie du
  logiciel au design des sites Web , Dunod
• Liens
• www.useit.com
• www.veblog.com
• www.lergonome.org