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

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