Upload
otes-rose
View
106
Download
0
Embed Size (px)
Citation preview
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliersTitre
Navigation et ergonomie des sites Internet
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Intervenant• Vincent Moreau, Directeur Systonic Toulouse
• Pilotage de projets internet et consultant (ergonomie et conception, tourisme)
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Agenda
• Comment naissent les sites Internet ?
• Ergonomie et usabilité
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Comment naissent les sites Internet?
• Passer d’une démarche intuitive (et partant souvent du visuel)
• A une méthodologie qui puisse vous guider
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
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 ?
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Identifier les contenus• Recensement des contenus existants
• Étude des besoins– Contenus produits– Contenus attendus
• Matrice cibles-contenus
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Cartographie des contenusS'implanter
Environnementéconomique
Aides
Accompagnement
L'effet Pôlemécanique
Témoignages
Louer nos circuits
Essais Evénementiels
ClubsSécuritéroutière
Circuits
Locaux
Ateliersen
location
Terrainsviabilisés
Circuitsde kart
Routed'essais
Rallyeasphalte
Circuitsvitesse
Entreprises
Planning
Vosinterlocuteurs
Compterendu
réunionsmensuelles Revue de
presseIdentité
desentreprises du
pôle
circuit
Agenda
Actualités?
Les pilotes
Agenda et actualités
L'avis despilotes
services
mailinglist
forum
Infos pratiques
Pland'accès Climat
Hébergement Liens
Economie
Le pôlemécanique
Notrehistoire Nos activités
de formation
Les sportsmécaniques:
une chance poula région
Tourisme
Piloter
Les stagesIncentives
Choissisezvotre stage
Vivez la région
Karting
Monoplaces
Moto etquad
Berlines
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
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 d’accéder au même contenu) ?
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
La double navigation
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
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 : S’implanter, Piloter, Louer nos circuits)
• Il faut proposer à l’internaute une logique cohérente, ensuite il s’adapte
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
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
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Architecture de site ou architecture de sites ?
• Site unique ou site principal + satellites– Les limites d’un 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 l’implémentation technologique
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliersSite principal + satellites
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
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
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Le zoning (concept général)
logo
Bandeau
Zone 1
Navigation secondaire desZones 1, 2, 4
Zone 2
Contenu
Zone 5
Zone 3
Zone 4
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Le zoning (appliqué)
logo Bandeau
S'implanter Piloter
English | Contacts | Plan du site | Crédits | Mentions légales
Louer nos circuits
Agenda
Actualité
Infos pratiques Economie TourismePôle mécanique
S' implanter<Accompagnement<Axe1
n
Circuits
Entreprises
Axe 1
[ Chapeau page ]
Titre paragraphe 1
Texte paragraphe..........................................................................................................................................................................
Titre paragraphe 2
Texte paragraphe..........................................................................................................................................................................
Zoom
S' implanter
AccompagnementAxe 1
Axe 2
Aides
Env. économique
Services
L'effet pôlemécanique
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Cinématique
• Cinématique générale
• Maquettage fonctionnel exhaustif de chaque écran
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
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é…)
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
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 d’informations présentes à différents endroits du site)
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
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 d’arborescence (3 ou 4, pas 8 ou 9), quitte à charter des pages orphelines
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Agenda
• Comment naissent les sites Internet ?
• Ergonomie et usabilité
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Principes de navigation et d’ergonomie
• La Home page
• 2 objectifs : Faciliter la navigation dans le site et Communiquer
• To flash or not to flash ?
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
La Home page (portail)
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
La Home page (communicante)
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Réaliser des pages attractives
– Respecter des règles d’écriture web
– Respecter des règles d’ergonomie internet
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
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 d’une page A4)
• Créer des paragraphes aérés
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
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 d’aller plus loin dans l’information
• Favorisez l’impression des contenus denses qu’il vaut mieux lire sur papier (téléchargement d’un fichier pdf+ outil « imprimez cette page »)
• Donnez des éléments de contextualisation pour identifier la nature des sources d’information
• Datez le contenu (dernière mise à jour…)
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
L’ergonomie sur Internet, rappel des points clés (1)
• Bien guider l’internaute, il doit pouvoir répondre à ces questions :
– Qu’ai-je fait?– Où suis-je?– Que puis-je faire?
• Être compatible avec l'environnement informatique du plus grand nombre (browser, définition d’écran…)
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
L’ergonomie 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)
Navigation et ergonomie des sites internet / 26 juin 2003 / Atelier ARDESI - FREMP
Les ateliers
Bibliographie et liens• Nielsen Jakob, « Conception de sites Web, l’art de la simplicité », Campupress
• Barroca Cristina, « Graphisme et ergonomie des sites web », Dunod
• Nogier Jean-françois, « De l’ergonomie du logiciel au design des sites Web », Dunod
• Liens: • www.useit.com• www.veblog.com• www.lergonome.org