Bonnes pratiques qualité pour le projet Web

  • Published on
    21-Apr-2017

  • View
    212

  • Download
    0

Embed Size (px)

Transcript

  • Elie Slom @ElieSL

    Bonnes pratiques qualit pour le projet Web

    4 avril 2017 - Qubec Elie Slom - @ElieSL

  • Le Web cest facile

  • Tu peux me faire un site (vite fait) ?

  • Quelles sont les exigences des utilisateurs ?

  • @

    Structurer les exigences utilisateurs

    UI

    UX

    Modle VPTCS - Elie Slom - Eric Gateau - 2000 Infographie @nissone http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression

    http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression

  • SEO

    Cookies

    Rfrencement

    Performances

    Accessibilit

    E-commerce

    Contenus

    Standards

    Serveur

    Code

    Formulaires

    ImpressionTlchargement

    TraductionsMarketing

    Scurit

    Ergonomie

    DesignMobile

    Le Web cest facile

  • Bonnes pratiques

    Utiles Ralistes

    Universelles Vrifiables

    ?

  • Bonne pratique

    Objectif

    Mise en uvre

    Contrle

  • Une fiche par bonne pratique

  • Les processus complexes sont accompagns de la liste de leurs tapes

    Donner de la visibilit lutilisateur sur les actions quil va raliser

    viter que lutilisateur ne se sente pig dans un processus

    Identifier les objectifs et risques

    Confiance

    Abandon

  • Label ?

    Menu ?

    Onglet ?

    Serveur ?

  • Amliorer la vitesse de rendu de la page

    Le serveur transmet des contenus compresss

    aux clients qui les acceptent

    Diminuer les cots de bande passante

    Identifier le vocabulaire

  • Connaissance des risques

    Dcisions en connaissance

    de cause

  • Voiture A Voiture B

  • Nom :

    Prnom :

    Socit :

    Message :

    Formulaire A Formulaire B

    Envoyer

    Nom :

    Prnom :

    Socit :

    Message :

    Envoyer

  • Formulaire A Formulaire B Chaque demande dinformation fait lobjet dun

    accus de rception L'tiquette de chaque champ de formulaire

    indique si la saisie est obligatoire. L'tiquette de chaque champ de formulaire

    indique, le cas chant, quel format de saisie doit tre respect.

    Chaque tiquette de formulaire est visuellement rattache au champ qu'elle dcrit.

    En cas de rejet des donnes saisies, les champs contenant les donnes rejetes sont indiqus l'utilisateur.

    En cas de rejet des donnes saisies, les raisons du rejet sont indiques / toutes les donnes saisies peuvent tre modifies par l'utilisateur.

    La page affiche aprs l'envoi d'un formulaire permet de reprendre directement la navigation.

    La soumission d'un formulaire est suivie d'un message indiquant la russite ou non de l'action souhaite.

    Le copier coller est possible dans les champs de formulaire.

    Quand on clique sur envoyer a envoie le formulaire

    Etc.

  • Quel degr de matrise 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 dveloppeurs, intgrateurs, webmestres, experts SEO et accessibilit, community managers, commerciaux, webmarketeurs

  • Agences

    Ecoles Entreprises

    1500 certifis

  • Agences

    Ecoles

  • RDA : Risques Des Autres

  • Empathie pour les fournisseurs Comprhension des prix, de la

    valeur, de la culture,

    Empathie

  • Culture et assurance commune pour le projet Web

  • Merci

    Elie Slom @ElieSL

Recommended

View more >