bonnes pratiques qualité pour le projet web
TRANSCRIPT
![Page 1: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/1.jpg)
Elie Sloïm @ElieSL
Bonnes pratiques qualité pour le projet Web
4 avril 2017 - Québec Elie Sloïm - @ElieSL
![Page 2: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/2.jpg)
Le Web c’est facile
![Page 3: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/3.jpg)
Tu peux me faire un site (vite fait) ?
![Page 4: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/4.jpg)
Quelles sont les exigences des utilisateurs ?
![Page 5: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/5.jpg)
@
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
![Page 6: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/6.jpg)
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
![Page 7: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/7.jpg)
Bonnes pratiques
Utiles Réalistes
Universelles Vérifiables
?
![Page 8: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/8.jpg)
![Page 9: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/9.jpg)
![Page 10: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/10.jpg)
![Page 11: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/11.jpg)
Bonne pratique
Objectif
Mise en œuvre
Contrôle
![Page 12: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/12.jpg)
Une fiche par bonne pratique
![Page 13: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/13.jpg)
![Page 14: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/14.jpg)
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
![Page 15: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/15.jpg)
Label ?
Menu ?
Onglet ?
Serveur ?
![Page 16: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/16.jpg)
• 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
![Page 17: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/17.jpg)
Connaissance des risques
Décisions en connaissance
de cause
![Page 18: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/18.jpg)
Voiture A Voiture B
![Page 19: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/19.jpg)
Nom :
Prénom :
Société :
Message :
Formulaire A Formulaire B
Envoyer
Nom :
Prénom :
Société :
Message :
Envoyer
![Page 20: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/20.jpg)
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.
![Page 21: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/21.jpg)
Quel degré de maîtrise des
bonnes pratiques, du
vocabulaire et des risques
?
![Page 22: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/22.jpg)
Examen en ligne 125 questions
1h30
![Page 23: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/23.jpg)
0 1000500 600 700 800 900
![Page 24: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/24.jpg)
Chefs de projets, graphistes, designers UX, ergonomes développeurs, intégrateurs, webmestres, experts SEO et accessibilité, community managers, commerciaux, webmarketeurs…
![Page 25: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/25.jpg)
Agences
Ecoles Entreprises
1500 certifiés
![Page 26: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/26.jpg)
Agences
Ecoles
![Page 27: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/27.jpg)
RDA : Risques Des Autres
![Page 28: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/28.jpg)
Empathie pour les fournisseurs Compréhension des prix, de la
valeur, de la culture,
Empathie
![Page 29: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/29.jpg)
Culture et assurance commune pour le projet Web
![Page 30: Bonnes pratiques qualité pour le projet Web](https://reader035.vdocuments.mx/reader035/viewer/2022062523/58f9b30d760da3da068bd1f2/html5/thumbnails/30.jpg)
Merci
Elie Sloïm @ElieSL