Qualité Web - Pourquoi faut-il s'en soucier ?

7b3716243caf92ba010a3effee892c4b?s=47 sylzys
October 10, 2014

Qualité Web - Pourquoi faut-il s'en soucier ?

Rencontres Interactives de Caen

7b3716243caf92ba010a3effee892c4b?s=128

sylzys

October 10, 2014
Tweet

Transcript

  1. 4.

    « La qualité Web est l'aptitude d'un service en ligne

    à satisfaire des besoins explicites ou implicites. » Qualité Web : les bonnes pratiques pour améliorer vos sites ils l’ont dit
  2. 6.
  3. 8.

    • Solution accessible, performante, maintenable, évolutive • Solution qui réponde

    aux attentes du client ! Il faut trouver les bons compromis. objectifs
  4. 10.

    "Your job is not to make your client happy, it’s

    to make them successful. If the former happens, so be it. But don’t conflate the two." Je ne sais plus qui, mais il / elle a raison. ils l’ont dit
  5. 11.

    La qualité est un démarche accessible à TOUS ! Il

    suffit de s’y prendre petit à petit. ! • Checklist de l’indispensable • Pensée pour chaque « corps de métier » • Amélioration progressive de cette checklist : • Montée en compétence, automatismes… we want you
  6. 12.

    La qualité c’est aussi l’écoute et le conseil. Au-delà de

    la vente de la prestation, nous avons un rôle de « guide ». ! Besoin != Envie ! ! - « Mon site doit faire le café et laver plus blanc que blanc ! » - « Est-ce un besoin, ou une envie ? » à l’écoute
  7. 13.

    • Checklist « métier ». Chaque acteur participe à la

    qualité • Moins de stress / frustration pour les équipes • La « corvée » de fin de projet devient une habitude en amont anticiper
  8. 15.

    • Définir l’indispensable • Niveau de formation / sensibilisation des

    équipes ! • Responsabiliser les acteurs produire « qualité »
  9. 16.

    • Respect des standards • Respect des normes • Accessibilité

    qualité du code Des outils, des référentiels faits par des professionnels sont là pour nous aider : ! • Validateur W3C • Checklists Opquast • WCAG • Linting • …
  10. 17.

    • Code testé (TDD, BDD…) • Code commenté • Noms

    de variables / fonctions explicites • … qualité du code « Programs should be written for people to read, and only incidentally for machines to execute. » Structure and Interpretation of Computer Programs. Abelson et Sussman
  11. 18.

    • Un code documenté est un code maintenable et pérenne

    • Penser documentation peut amener à une meilleure réflexion en amont de la solution ! https://oncletom.io/talks/2014/okfestival/ qualité dE la documentation
  12. 19.

    La démarche qualité doit devenir normale et automatique. la qualité,

    ca coûte cher ? • Automatiser les process • Capitaliser sur ses projets • Amélioration continue
  13. 20.

    « If you think it’s expensive to hire a professional,

    wait until you hire an amateur » ! « The bitterness of poor quality remains long after the sweetness of low price remains » Il / elle a raison aussi ils l’ont dit
  14. 21.

    • Meilleure image, meilleurs process pour l’agence ! • Les

    membres de l’équipe se valorisent par leur travail, deviennent force de proposition ! • Meilleures performances, sécurité, accessibilité pour l’utilisateur ! • Plus de satisfaction, d’économies pour le client gains
  15. 23.

    Mr Pareto, Enchanté ! 80% des exigences peuvent être atteintes

    aisément. ! Les 20% restants dépendent de facteurs multiples, et demandent beaucoup plus de temps ! Le facteur temps est coûteux. « La surqualité consiste à offrir aux utilisateurs un niveau de qualité qui dépasse le niveau de leurs exigences. » Elie Sloïm, Temesis
  16. 24.

    cas compliqués Sites statiques de grande taille Contenus ajoutés par

    l’utilisateur (forums de discussion) Ressources externes (widgets, RSS, pubs, etc.)
  17. 25.

    liens utiles • http://w3qualite.net • http://checklists.opquast.com/fr/ • http://qualite-web-lelivre.com/ • http://www.w3.org/WAI/intro/wcag

    • http://references.modernisation.gouv.fr/le-rgaa-en-ligne • http://accede-web.com/fr/ • http://www.luster.io/blog/9-29-14-mobile-web-checklist.html • http://blog.jingleweb.fr/category/technique/performance/ • http://openweb.eu.org/articles/conformite_validation_surquali
  18. 26.
  19. 27.

    CREDITS • Images : • Nicolas Hoizey - https://500px.com/nhoizey •

    Fonts : • Roboto - By Dharma Type // Dharma Type Font License v1.00 • Bebas Neue - By Christian Robertson // Apache License v2.00