Elie Sloïm @ElieSL
Bonnes pratiques qualité pour le projet Web
4 avril 2017 - Québec Elie Sloïm - @ElieSL
Le Web c’est facile
Tu peux me faire un site (vite fait) ?
Quelles sont les exigences des utilisateurs ?
@
Structurer les exigences utilisateurs
UI
UX
Modèle VPTCS - Elie Sloïm - Eric Gateau - 2000 Infographie @nissone http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression
SEO
Cookies
Référencement
Performances
Accessibilité
E-commerce
Contenus
Standards
Serveur
Code
Formulaires
ImpressionTéléchargement
TraductionsMarketing
Sécurité
Ergonomie
DesignMobile
Le Web c’est facile
Bonnes pratiques
Utiles Réalistes
Universelles Vérifiables
?
Bonne pratique
Objectif
Mise en œuvre
Contrôle
Une fiche par bonne pratique
Les processus complexes sont accompagnés de la liste de leurs étapes
• Donner de la visibilité à l’utilisateur sur les actions qu’il va réaliser
• Éviter que l’utilisateur ne se sente piégé dans un processus
Identifier les objectifs et risques
Confiance
Abandon
Label ?
Menu ?
Onglet ?
Serveur ?
• Améliorer la vitesse de rendu de la page
Le serveur transmet des contenus compressés
aux clients qui les acceptent
• Diminuer les coûts de bande passante
Identifier le vocabulaire
Connaissance des risques
Décisions en connaissance
de cause
Voiture A Voiture B
Nom :
Prénom :
Société :
Message :
Formulaire A Formulaire B
Envoyer
Nom :
Prénom :
Société :
Message :
Envoyer
Formulaire A Formulaire B• Chaque demande d’information fait l’objet d’un
accusé de réception • L'étiquette de chaque champ de formulaire
indique si la saisie est obligatoire. • L'étiquette de chaque champ de formulaire
indique, le cas échéant, quel format de saisie doit être respecté.
• Chaque étiquette de formulaire est visuellement rattachée au champ qu'elle décrit.
• En cas de rejet des données saisies, les champs contenant les données rejetées sont indiqués à l'utilisateur.
• En cas de rejet des données saisies, les raisons du rejet sont indiquées / toutes les données saisies peuvent être modifiées par l'utilisateur.
• La page affichée après l'envoi d'un formulaire permet de reprendre directement la navigation.
• La soumission d'un formulaire est suivie d'un message indiquant la réussite ou non de l'action souhaitée.
• Le copier coller est possible dans les champs de formulaire.
•Quand on clique sur envoyer ça envoie le formulaire
Etc.
Quel degré de maîtrise des
bonnes pratiques, du
vocabulaire et des risques
?
Examen en ligne 125 questions
1h30
0 1000500 600 700 800 900
Chefs de projets, graphistes, designers UX, ergonomes développeurs, intégrateurs, webmestres, experts SEO et accessibilité, community managers, commerciaux, webmarketeurs…
Agences
Ecoles Entreprises
1500 certifiés
Agences
Ecoles
RDA : Risques Des Autres
Empathie pour les fournisseurs Compréhension des prix, de la
valeur, de la culture,
Empathie
Culture et assurance commune pour le projet Web
Merci
Elie Sloïm @ElieSL