L’objectif de cette recommandation est de présenter des propositions d’optimisation des 2 homepages :
http://www.kelassur.com/
http://www.devismutuelle.com/
Exemple étudié :
le site www.devismutuelle.com
La recommandation va porter sur les 3 points clés de l’analyse ergonomique d’un site Internet :
La Visibilité de l’objectif du site (la comparaison d’assurances)
L’accessibilité (mise en avant des contenus essentiels aux utilisateurs)
L’architecture de l’information (cohérence de la navigation)
Ces points seront juger au travers des différents critères d’analyse :
Lisibilité
Navigation
Contenus & hyperliens
Autres points
Tout se joue sur internet, consultation des offres, avis, réservations, vente en ligne… et vous le savez, mais ne possédez pas encore votre propre site internet.
Nous découvrirons ensemble un outil gratuit de conception de site et nous vous aiderons à faire vos premiers pas pour réussir votre nouvelle présence en ligne.
L’objectif de cette recommandation est de présenter des propositions d’optimisation des 2 homepages :
http://www.kelassur.com/
http://www.devismutuelle.com/
Exemple étudié :
le site www.devismutuelle.com
La recommandation va porter sur les 3 points clés de l’analyse ergonomique d’un site Internet :
La Visibilité de l’objectif du site (la comparaison d’assurances)
L’accessibilité (mise en avant des contenus essentiels aux utilisateurs)
L’architecture de l’information (cohérence de la navigation)
Ces points seront juger au travers des différents critères d’analyse :
Lisibilité
Navigation
Contenus & hyperliens
Autres points
Tout se joue sur internet, consultation des offres, avis, réservations, vente en ligne… et vous le savez, mais ne possédez pas encore votre propre site internet.
Nous découvrirons ensemble un outil gratuit de conception de site et nous vous aiderons à faire vos premiers pas pour réussir votre nouvelle présence en ligne.
Synodiance > SEO et Contenu - 5 points clés qui changent - Ecommerce-Live - 2...Search Foresight
Webconférence SEO et Contenu : 5 points clés qui changent animée le 23 Mai 2014 sur Ecommerce-live.net
Au programme :
- Fondamentaux on-page : Êtes-vous à jour ?
- Organisation et Granularité des contenus
- Hummingbird et l'écriture des contenus : Comment s’adapter ?
- La révolution du balisage sémantique Schema.org
- La montée de l' Author Rank : Comment l’anticiper ?
Yann SAUVAGEON
Directeur de l'Expertise, Associé Synodiance
Twitter : https://twitter.com/yahn
Suite au jeu concours blog eCommerce et Altics réalisé en Aout, découvrez un extrait de l'audit flash remporté par bricozor.com
Prochain tirage au sort en Septembre sur blog eCommerce.
Le responsive design : adapter ses contenus aux formats mobilesBig5media
Cette présentation réalisée par Big5media vous aidera à mieux comprendre les enjeux et les raisons pour lesquelles il est devenu indispensable d'adapter son site web et ses campagnes email marketing aux formats mobiles!
Atelier numéricafé n°3 de l'office de tourisme de Quiberville sur Mer, Saâne et Vienne, pour créer son site web en autonomie avec Jimdo ! tourisme@cc-saaneetviennne.fr
Support de présentation de l'atelier Trucs et Astuces du référencement, organisé à la CCI Dijon par Achat Côte d'Or, dans le cadre des Tremplins e-commerce, le 1er mars 2010
Développer des interfaces web riches, sémantiques et ergonomiques en HTML5, CSS3 et jQuery.
L'objectif du cours est d'avoir une vision d'ensemble du métier d'intégrateur web, et d'être capable de réaliser n'importe quel type de mise en page, en mixant les solutions techniques existantes, "from scratch" ou via des solutions clé-en-main.
Un contour, une couleur, une silhouette, un mouvement,
autant d’éléments que notre œil détecte instantanément et qui interpellent notre cerveau, sans même avoir le temps d’analyser, de corriger, de pondérer, de modifier l’émotion que cela a créé.
Cette perception instinctive forge notre opinion et positionne notre curseur émotionnel sur une première valeur “j’aime / je n’aime pas”. Ce n’est qu’ensuite, après une analyse approfondie que notre intellect corrige cette première impression, mais ce n’est qu’une correction, rarement un changement radical.
Ce livre blanc détaille les éléments de Design à prendre en compte dans la conception de vos portails de formation.
A télécharger ici : http://il-di.com/publications/livre-blanc-design-portails-formation/
Synodiance > SEO et Contenu - 5 points clés qui changent - Ecommerce-Live - 2...Search Foresight
Webconférence SEO et Contenu : 5 points clés qui changent animée le 23 Mai 2014 sur Ecommerce-live.net
Au programme :
- Fondamentaux on-page : Êtes-vous à jour ?
- Organisation et Granularité des contenus
- Hummingbird et l'écriture des contenus : Comment s’adapter ?
- La révolution du balisage sémantique Schema.org
- La montée de l' Author Rank : Comment l’anticiper ?
Yann SAUVAGEON
Directeur de l'Expertise, Associé Synodiance
Twitter : https://twitter.com/yahn
Suite au jeu concours blog eCommerce et Altics réalisé en Aout, découvrez un extrait de l'audit flash remporté par bricozor.com
Prochain tirage au sort en Septembre sur blog eCommerce.
Le responsive design : adapter ses contenus aux formats mobilesBig5media
Cette présentation réalisée par Big5media vous aidera à mieux comprendre les enjeux et les raisons pour lesquelles il est devenu indispensable d'adapter son site web et ses campagnes email marketing aux formats mobiles!
Atelier numéricafé n°3 de l'office de tourisme de Quiberville sur Mer, Saâne et Vienne, pour créer son site web en autonomie avec Jimdo ! tourisme@cc-saaneetviennne.fr
Support de présentation de l'atelier Trucs et Astuces du référencement, organisé à la CCI Dijon par Achat Côte d'Or, dans le cadre des Tremplins e-commerce, le 1er mars 2010
Développer des interfaces web riches, sémantiques et ergonomiques en HTML5, CSS3 et jQuery.
L'objectif du cours est d'avoir une vision d'ensemble du métier d'intégrateur web, et d'être capable de réaliser n'importe quel type de mise en page, en mixant les solutions techniques existantes, "from scratch" ou via des solutions clé-en-main.
Un contour, une couleur, une silhouette, un mouvement,
autant d’éléments que notre œil détecte instantanément et qui interpellent notre cerveau, sans même avoir le temps d’analyser, de corriger, de pondérer, de modifier l’émotion que cela a créé.
Cette perception instinctive forge notre opinion et positionne notre curseur émotionnel sur une première valeur “j’aime / je n’aime pas”. Ce n’est qu’ensuite, après une analyse approfondie que notre intellect corrige cette première impression, mais ce n’est qu’une correction, rarement un changement radical.
Ce livre blanc détaille les éléments de Design à prendre en compte dans la conception de vos portails de formation.
A télécharger ici : http://il-di.com/publications/livre-blanc-design-portails-formation/
Introduction à l’analyse de site web avec Google Analytics - 2016Bruno Guyot
Cette présentation est un cours d'introduction à l'analyse et l'optimisation de sites web grâce à Google Analytics.
Inventaire des thématiques traitées :
1) A quoi sert vraiment un site web?
2) Un site web doit évoluer et autre optimisé en continu. Comme pour n'importe quel produit/service, il y a également un cycle de vie pour les sites web
3) Présentation de Google Analytics. Google Analytics qu'est ce que c'est? Google Analytics comment ça marche?
4) Présentation et enjeux des rapports d'audience. Quelles informations pouvez vous obtenir sur votre audience dans Google Analytics? A quelles questions cela vous permet il de répondre?
5) Présentation et enjeux des rapports d'acquisition. Quelles informations pouvez vous obtenir sur l'origine des visiteurs de votre site web grâce à Google Analytics? Quelle est la performance de chacun des canaux d'acquisition? A quelles questions cela vous permet il de répondre?
6) Présentation et enjeux des rapports de comportement. Quelles informations pouvez vous obtenir sur ce que font vos visiteurs sur votre site web grâce à Google Analytics? A quelles questions cela vous permet il de répondre?
7) Présentation et enjeux des rapports de conversion. Quelles informations pouvez vous obtenir sur les conversions effectuées sur votre site internet par vos visiteurs grâce à Google Analytics? A quelles questions cela vous permet il de répondre?
8) Présentation et enjeux des rapports de E-commerce. Quelles informations pouvez vous obtenir sur votre activité E-commerce grâce à Google Analytics? A quelles questions cela vous permet il de répondre?
9) Présentation et enjeux des rapports multicanaux. Quelles informations pouvez vous obtenir sur l’interaction ente vos différents canaux d'acquisition marketing dans à Google Analytics? A quelles questions cela vous permet il de répondre?
10) Présentation et enjeux de la segmentation des données. Comment pouvez vous fractionner les visiteurs de votre site web et les étudier plus en détail dans Google Analytics? Comment créer des segments avancés?
A quelles questions cela vous permet il de répondre?
11) Présentation des problèmes de configuration / implantation les plus fréquents. Comment configuer Google Analytics pour obtenir des données fiables.
12) Comment mettre en place un plan de mesure pour ne pas être submergé et perdu dans toute la quantité de données disponibles dans Google Analytics? Comment mettre en place un plan de mesure pour ne se focaliser que sur les indicateurs de performance clé pour votre business?
13) Quelles sont les erreurs d'interprétation les plus fréquentes des rapports de Google Analytics. Comment les éviter et interpréter les données de la bonne manière.
14) Comprendre la différence entre les cookies et les personnes. Comprendre les limites de Google Analytics en ce qui concerne le suivi cross-device.
en quoi consiste un audit ? quels sont les principes de l'audit ? pourquoi faire un audit ? existe-t-il plusieurs types d'audit ? Qui effectue l'audit ?
Nous vous expliquons dans ce livre blanc ce qu’est la webperf, les bonnes méthodes et pratiques, les technologies et les outils à connaitre pour rendre l’expérience utilisateur unique, fluide et agréable sur votre site de vente en ligne.
Pour illustrer ce thème nous avons réalisé une étude de cas, et la webperf devient plus claire !
Les bonnes pratiques du developpement web - Alteca - avril 2014François CRETON
En partant de ce slogan, "Coder c'est bien, bien coder c'est mieux !", je propose un ensemble de bonnes pratiques à mettre dans toutes les mains des développeurs Web mais aussi, les architectes, chefs de projet, directeurs de projet, etc.
Les bonnes pratiques du developpement Web - Alteca - avril 2014François CRETON
En partant de ce slogan, "Coder c'est bien, bien coder c'est mieux !", je propose un ensemble de bonnes pratiques à mettre dans toutes les mains des développeurs Web mais aussi, les architectes, chefs de projet, directeurs de projet, etc.
Agenda :
Les enjeux de la performance d'un site Web
Les différents éléments de performance d'un site Web
Infrastructure, architecture technique, tuning, architecture applicative, WebPerf
L'obsession de la mesure
Les outils
Les quickwins
Caches, upscaling, outscaling, sharding
La démarche de test de charge
Méthodologie, outils, types de test, données de test
La démarche PDCA
Intégrer les tests de charge au cycle de développement
Environnement éphémère
Oxalide MorningTech #2 - Démarche de performance
2ème MorningTech @Oxalide, animé par Adrien Le Priol (@Priolix) et Ludovic Piot (@lpiot), le 28 février 2017.
Une vue d'ensemble sur la démarche et les outils pour aborder et maîtriser la performance de son site Web.
En 2012, Amazon publiait une étude indiquant que chaque seconde de performance perdue sur son site de commerce lui coûtait $1.6 milliards de chiffre d'affaire.
Par delà ce chiffre colossal avancé par le géant du Web, il est une réalité business : plus un site est lent, et moins les utilisateurs sont enclin à naviguer dessus. Les smartphones et le SoLoMo exacerbent cette réalité avec encore plus depuis 10 ans maintenant.
Sur le terrain, l'architecture technique des sites Web, de plus en plus complexe, rendent ses performances impossibles à prédire : complexité des développements applicatifs, multitude des composants impliqués dans l'architecture technique, recours à des services tiers (issus du SI de votre entreprise, ou de services tiers), big data, machine learning…
Une seule façon de prédire les performances : tester… en situation réelle.
A travers les différentes étapes d'une démarche d'optimisation des performances d'un site Web, les enjeux et les écueils d'une telle démarche vous seront détaillés.
Subject: Oxalide's MorningTech talk about an overview of how to deal with performance in a Web site.
Date: 28-feb-2017
Speakers: Adrien Le Priol (@Priolix, @Oxalide) and Ludovic Piot (@lpiot, @Oxalide)
Language: french
Lien SpeakerDeck : https://speakerdeck.com/lpiot/oxalide-morning-tech-number-2-demarche-performance
Lien SlideShare : https://www.slideshare.net/LudovicPiot/morning-tech-2-demarche-performance-slides
YouTube Video capture: https://youtu.be/a8jSbvyBzYU
Main topics:
* Les enjeux de la performance d'un site Web
* Les différents éléments de performance d'un site Web
** Infrastructure, architecture technique, tuning, architecture applicative, WebPerf
* L'obsession de la mesure
* Les outils
* Les quickwins
** Caches, upscaling, outscaling, sharding
* La démarche de test de charge
** Méthodologie, outils, types de test, données de test
* La démarche PDCA
** Intégrer les tests de charge au cycle de développement
** Environnement éphémère
* Questions / Réponses
Comment évaluer la qualité d'un site web selon les techniques d'intégration w...Renoir Boulanger
La façon de concevoir des sites Web a beaucoup évolué au cours des deux dernières années. Concevez-vous encore vos sites comme en 2009? Trouvez-vous vos sites lents? Êtes-vous web-responsable? Imaginez si vous étiez capable de gagner du temps. Comment pouvez-vous être certain que votre pigiste, employé ou fournisseur fait un travail de qualité?
Nous allons couvrir des techniques clé qui permettent d'optimiser le travail, comment être plus efficace avec votre équipe technique et savoir jauger le niveau d'expérience.
L’objectif de la séance est de donner des outils pour évaluer le niveau de qualité d’un site; des pistes pour en améliorer la performance et s’assurer de pouvoir en entretenir le code après plusieurs révisions.
Créer l'Intranet de son entreprise avec SharePoint OnlineJulien Chable
Dans une ère où la majorité des intranet ont été réalisés sur des plateformes On-Premises, autorisant une forte personnalisation, l'ascension de SharePoint Online comme portail d'entreprise doit être considéré... mais pas n'importe comment. Cette session a pour objectif de vous présenter les avantages d'y passer, les points clefs majeurs à prendre en considération et les retours d'expérience de leur réalisation.
13 principes, fournis d'exemples, pour optimiser votre tunnel de conversion et gagner des clients :
1. Votre site n'est pas fait pour vous
2. Clarifiez l'intention
3. Soignez la signalisation
4. Soyez synthétiques
5. Optimisez le ratio signal / bruit
6. Soignez la réalisation graphique
7. Réduisez le temps de chargement
8. Catégorisez vos acheteurs
9. Modélisez les parcours d'achat
10. Investissez sur le contenu
11. Personnalisez les parcours
12. Mesurez et expérimentez
13. Collectez du feedback qualitatif
Qualité des parcours clients : Maîtrisez votre écosystème digital pour renfor...Paris Retail Week
Conférence donnée par Jérôme CALAIS, Directeur Général chez NETVIGIE, lors du salon E-Commerce Paris 2016.
A propos de NETVIGIE :
NETVIGIE, spécialiste en solutions de monitoring web, accompagne les entreprises dans la surveillance et l’analyse du bon fonctionnement et de la performance de leur site internet. Forte de 12 ans d’expérience, la société intervient auprès de toute entreprise ayant une activité stratégique sur le web, que son but soit d’atteindre ses objectifs marketing ou de garantir son image de marque. NETVIGIE compte parmi ses clients de nombreux secteurs d’activité dont le e-commerce, les sites de voyages, de prêt-à-porter, les bancassurances …
Pour plus d’information, rendez-vous sur :
www.netvigie.com
2. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
• II. Audit ergonomique KelAssur : formulaire.
• L’objectif de cette recommandation est de présenter nos propositions d’optimisation des
formulaires.
• Exemples étudiés : les formulaires AUTO, la page de présentation des résultats.
2
3. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Densité d’affichage. Disposition des éléments dans les fenêtres
Problématique ° Difficulté d’analyse du formulaire. ° Augmentation du temps de remplissage. ° Dilution de l’information.
Parcour d’action
° Rapprocher Les différents éléments d’interaction entre eux.
Recommandation
° Supprimer toute pollution visuel.
° Aligner les libellés à droite.
° Augmenter la taille des textes et des champs d’interaction. 3
° Réserver l’habillage graphique pour le reste de la page.
4. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Alignement des champs et des libellés
Problématique ° Optimiser l’organisation visuelle du formulaire. ° Optimiser la liaison libellés champs.
Distance entre la fin du libéllé et la zone d’action (Parcour occulométrique simplifié)
Recommandation ° Aligner les libellés du formulaire à droite.
4
5. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Visibilité du bouton d’action principale.
Problématique ° Réduire l’analyse de la page. ° Permettre un apprentissage interne. ° Définir une logique d’utilisation.
° Les boutons d’action doivent être dans un format les détachant clairement du fond.
Recommandation
° Leur surface cliquable doivent être étendues.
° Utiliser plutôt des verbes, éviter les libellés trop longs.
° Il faut Éviter les boutons composés uniquement d’une icône. 5
6. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Ordre des champs.
Problématique ° Optimiser le temps de remplissage d’analyse du formulaire.
° Miser sur les conventions et apprentissage extérieure.
Nom :
Prénom :
Adresse postal :
Code postal :
Ville :
Tel :
Adresse mail :
Recommandation ° Respecter les conventions et normes.
° Les utilisateurs ont l’habitude de remplir ces informations dans cette ordre. Ils liront moins les libellés.
6
7. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Navigation dans le formulaire
Problématique ° Vue d’ensemble du processus de navigation dans lequel l’utilisateur est : tâche effectués et restantes
° Mettre les étapes en évidence.
Recommandation
° Il faut que cela devienne un repaire pour l’utilisateur.
° Plus il saura où il en est plus il acceptera de rester cohérent avec son action de départ.
7
8. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Architecture du site.
Problématique ° Cohérence sur les différentes pages du site. ° Faciliter la familiarisation.
page 1 page 1
page 2
page 2
page 3
Présence du menu de navigation sur un formulaire,
absent sur d’autre....
(plus généralement le site propose différente mise en
page...)
° Prévoir un gabarit type pour l’ensemble des formulaires
Recommandation
° Laisser la navigation principale sur l’ensemble du site formulaire et tableau de comparaison compris.
° C’est l’utilisateur qui à le contrôle.
8
9. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Vitesse de chargement / pollution visuel
Problématique Les temps de chargement sont beaucoup trop longs. Trop d’éléments à charger en plus des webservices. Trop
de script en local, trop de fichier non minifié trop d’images.
Recommandation ° Utiliser au maximum l’affichage standard, miser sur les conventions et normes.
° Utiliser les boutons par défaut du navigateur, les slides par défaut et supprimer les images non nécessaires.
9
10. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Interprétation des tableaux
Problématique ° Limiter le temps d’analyse du tableau. ° Optimiser la compréhension.
Trop d’éléments inutiles, trop d’habillage graphique. Trop de pollution visuel.
° Choisir les informations à mettre en avant en fonction des objectifs et de l’utilisateur.
Recommandation
° Miser sur l’apprentissage externe et utiliser les styles par défauts des éléments du tableau. (bouton, slides,
case à cocher...)
10 ° Griser les cellules dont les options ne sont pas inclues.)
° Aérer le texte et les cellules.
11. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Le bouton radio
Problématique Prend beaucoup de place à l’écran et complique la lecture du formulaire.
Recommandation ° Remplacer les boutons radio par des menus déroulants.
° Cette recommandation n’est pas à appliquer sur les opt-in partenaire qui eux nécessite un aspect différent.
11
12. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Les dates
Problématique Problème d’interprétation. Facilité la lecture du format demandé et optimiser la vitesse de remplissage.
° Faciliter le remplissage.
Recommandation
° Donner un exemple qui s’efface lors que l’on clique sur-le-champ.
° Interndire les lettres ou tout autres caractères non nécessaire.
12 ° Valider à la volée.
° Interdire les dates non valide (antérieures à la date du jour pour le libellé de l’exemple).
13. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Comportement des champs de saisis
Problématique Faciliter le remplissage, guider l’utilisateur.
Non sélectionné ex : 01/10/2013 Pas de contour
Sélectionné.
l’aide passe à 50% ex : 01/10/2013 Contour 1px
d’opacité
L’aide disparait 01/10 Contour 1px
Après suppression
du contenu,le champ ex : 01/10/2013 Pas de contour
retrouve son aspect
d’origine
13
14. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Comportement des zones sélectionnées et / ou survolées.
Problématique ° Situer rapidement l’emplacement du champ sélectionné. ° Faciliter la mise en avant.
Recommandation ° Modifier le focus par défaut afin de rendre bien plus visible l’objet sélectionné.
° Modifier la couleur de fond de chaque cellule d’une ligne au survole de la souris.
14
15. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Protection contre les erreurs
Problématique ° Limiter en amont les erreurs potentielles.
° Autoriser le type de données en fonction du champ.
Recommandation ° Autoriser l’emploi des chiffres pour la date, mais pas des caractères alphabétique.
° Ne pas proposer de rentrer une date 2012 via le calendrier s’il n’est pas possible de débuter un contrat avant
la date actuel.
° Autoriser uniquement les chiffres pour le code postal...
15
16. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Champ obligatoire VS optionnel
Problématique ° Prévenir l’utilisateur des champs optionnels et des champs obligatoires.
Cas 1: Tous les champs obligatoires :
Tous les champs sont obligatoires
Cas 2: Seulement quelques champs optionnels et une très grande majorité de champs obligatoires :
Indiquez uniquement les champs optionnels par un texte (Optionnel) ou (Facultatif)
° L’indiquer visiblement en début de formulaire et non à la fin.
Recommandation
° Si il le sont tous, l’indiquer.
° Si c’est seulement certain, l’indiquer en expliquant comme les différencier.
16
17. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Détection des erreurs
Problématique Ne pas survalider le formulaire.
La pop-up revient tout le temps même après l’avoir fermée.
° Être flexible sur la détection des erreurs et la validation en temps réel.
Recommandation
° Une sur-validation risque d’énerver l’utilisateur...
° Exemple autoriser l’utilisation de caractères comme + et () pour le champ téléphone.
17
18. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Élément Affichage des messages d’erreur et aide à la correction
Problématique Qu’affiche-t-on dans les messages d’erreur et comment affiche-t-on ces messages ?
Aider l’utilisateur.
° Afficher l’explication en rouge et en gras, sous le champ concerné.
Recommandation
° Mise en valeur du fond du champ mal renseigné pour attirer l’attention de l’utilisateur.
° Éviter les pop up.
° Lister toutes les erreurs en même temps.
18
19. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Naviguer sans perdre le nord.
• Regrouper les items selon une logique attendue par l’utilisateur (tri de carte)
• Les items doivent être :
• signifiant
• complémentaire
• exclusifs.
• Toujours indiquer ou l’utilisateur se situe dans le formulaire et dans le site.
• Eviter de répéter les demandes de saisis.
• Éviter l’ouverture de pop-up
• Modifier la couleur de fond de chaque cellule au survole de la souris.
19
20. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Faciliter la tâche de renseignement :
• Limiter le nombre de données demandées au strict nécessaire.
• Permettre le passage de champ en champ à l’aide de la touche TAB
• Permettre à l’utilisateur de voir l’ensemble des données qu’il a saisis dans un formulaire.
• Ordonner des champs selon une logique attendue par l’utilisateur (Nom puis prénom puis Adresse ...)
• Fournir des aides et légendes.
• Les libellés doivent être cliquables aussi bien que les champs.
• Le bouton d’action principale doit-être visible et suffisamment près du formulaire.
20
21. - Rapport d’audit ergonomique des tunnels de conversions du site KelAssur.com
Aider l’utilisateur à éviter et à corriger ses erreurs.
• Indiquer le format de renseignement attendu.
• Certaines données peuvent être validées à la volée.
• Toutes les erreurs sont traitées en une seule fois.
• Soigner les messages d’erreur :
• L’apparence des messages d’erreurs doivent attirer l’attention.
• Fournir un message spécifique, contextuel à chaque champ mal renseigné.
• Mettre en valeur visuellement les champs mal renseignés.
• Expliquer l’erreur et proposer une piste de résolution.
21