Transcript
Page 1: Bonnes pratiques qualité pour le projet Web

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

Le Web c’est facile

Page 3: Bonnes pratiques qualité pour le projet Web

Tu peux me faire un site (vite fait) ?

Page 4: Bonnes pratiques qualité pour le projet Web

Quelles sont les exigences des utilisateurs ?

Page 5: Bonnes pratiques qualité pour le projet Web

@

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

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

Bonnes pratiques

Utiles Réalistes

Universelles Vérifiables

?

Page 8: Bonnes pratiques qualité pour le projet Web
Page 9: Bonnes pratiques qualité pour le projet Web
Page 10: Bonnes pratiques qualité pour le projet Web
Page 11: Bonnes pratiques qualité pour le projet Web

Bonne pratique

Objectif

Mise en œuvre

Contrôle

Page 12: Bonnes pratiques qualité pour le projet Web

Une fiche par bonne pratique

Page 13: Bonnes pratiques qualité pour le projet Web
Page 14: Bonnes pratiques qualité pour le projet Web

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

Label ?

Menu ?

Onglet ?

Serveur ?

Page 16: Bonnes pratiques qualité pour le projet Web

• 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

Connaissance des risques

Décisions en connaissance

de cause

Page 18: Bonnes pratiques qualité pour le projet Web

Voiture A Voiture B

Page 19: Bonnes pratiques qualité pour le projet Web

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

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

Quel degré de maîtrise des

bonnes pratiques, du

vocabulaire et des risques

?

Page 22: Bonnes pratiques qualité pour le projet Web

Examen en ligne 125 questions

1h30

Page 23: Bonnes pratiques qualité pour le projet Web

0 1000500 600 700 800 900

Page 24: Bonnes pratiques qualité pour le projet Web

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

Agences

Ecoles Entreprises

1500 certifiés

Page 26: Bonnes pratiques qualité pour le projet Web

Agences

Ecoles

Page 27: Bonnes pratiques qualité pour le projet Web

RDA : Risques Des Autres

Page 28: Bonnes pratiques qualité pour le projet Web

Empathie pour les fournisseurs Compréhension des prix, de la

valeur, de la culture,

Empathie

Page 29: Bonnes pratiques qualité pour le projet Web

Culture et assurance commune pour le projet Web

Page 30: Bonnes pratiques qualité pour le projet Web

Merci

Elie Sloïm @ElieSL


Recommended