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

Rencontres Interactives de Caen

Transcript

1. La qualité web Pourquoi faut-il s’en soucier ? Rencontres Interactives de Caen 10/10/2014
2. Sylvain ZYSSMAN @sylzys http://blog.jingleweb.fr Full-stack Developer
3. https://500px.com/nhoizey
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
5. qualité web performance accessibilité ux documentation tests ergonomie standards sécurité ETC…
7. penser « qualité » https://500px.com/nhoizey
8. • Solution accessible, performante, maintenable, évolutive • Solution qui réponde aux attentes du client ! Il faut trouver les bons compromis. objectifs
9. http://blog.auditoire.com/?p=8731
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
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
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
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
14. produire « qualité » https://500px.com/nhoizey https://500px.com/nhoizey
15. • Définir l’indispensable • Niveau de formation / sensibilisation des équipes ! • Responsabiliser les acteurs produire « qualité »
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 • …
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
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
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
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
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
22. trop en faire : la surqualité https://500px.com/nhoizey https://500px.com/nhoizey
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
24. cas compliqués Sites statiques de grande taille Contenus ajoutés par l’utilisateur (forums de discussion) Ressources externes (widgets, RSS, pubs, etc.)
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
26. MERCI !
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