panorama des bonnes pratiques web - francois nonnenmacher - paris web 2008
DESCRIPTION
Qu’il s’agisse de la création, de la refonte ou de la gestion au long cours d’un site Web, un projet de ce type n’est généralement pas une mince affaire. Et son responsable, qui doit agir en véritable chef d’orchestre, peut difficilement être un spécialiste de l’ensemble des disciplines qui entrent en jeu. Il est pourtant nécessaire d’avoir un minimum de « vernis » pour savoir en gérer les aspects humains, politiques et techniques, et ne pas dépenser en vain un budget rarement généreux.Cette conférence balayera les principales étapes de la création et de la vie d’un site web de qualité, du point de vue de son responsable, et les bonnes pratiques des différentes disciplines du domaine.TRANSCRIPT
![Page 1: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/1.jpg)
On m’a confié le site/projet/truc web…
Au secours !Panorama des bonnes pratiques
François Nonnenmacher — Paris Web 2008
![Page 2: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/2.jpg)
Qui suis-je ?
• entrepreneur
• explorateur du web
• geek bilingue
![Page 3: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/3.jpg)
Sommaire
• Contexte
• Les trucs difficiles
• Les trucs plus difficiles
![Page 4: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/4.jpg)
Le contexte
![Page 5: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/5.jpg)
![Page 6: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/6.jpg)
Un media technique
• comme d’autres, et avec ses spécificités et ses standards
• regroupe de nombreuses professions et expertises techniques (ergonomie, architecture, graphisme, développement web, écriture web, intégration et exploitation informatique...)
![Page 7: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/7.jpg)
« bonne » pratique ?
Bonne pratique
contrôlermaintenir
Meilleure pratique
augmenterla quantité
Pratique commune
externaliserdéléguer
Pratique avancéeaméliorer
tisser des liensfaire confiance
invisible, incertain, dynamique
visible, certain, statique
Mainteneur
se concentre sur ce qui est connu
Entrepreneur
se concentre sur ce qui n’est pas (encore) connu
Source : Frans van der Reep
![Page 8: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/8.jpg)
Les trucs difficiles
![Page 9: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/9.jpg)
Les fondamentaux
Phase de conception
Vie du site
Mode projet Fonctionnement, vie du site
AnalyseArchitectureGraphismeIntégration
Création etédition contenus
HébergementInteractions
Stats, métriques
PrototypageMesures
Mises à jour
ErgonomieAccessibilité
![Page 10: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/10.jpg)
Le vernis(notions minimales)
• Architecture de l’information
• Ergonomie, accessibilité
• Ecriture web, référencement
• « Clients » et standards web
• Logiciels libres, langages
• Métriques et méthodes de mesure
• Hébergement, exploitation
![Page 11: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/11.jpg)
Les trucs plus difficiles
![Page 12: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/12.jpg)
L’enferc’est
les autres
![Page 13: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/13.jpg)
Connaissezvos ennemis
![Page 14: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/14.jpg)
Le patron« Plus gros le logo ! »
« Ma femme n’aime pas le rouge. »« Mon fils a dit que c’était nul. »
![Page 15: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/15.jpg)
http://makemylogobiggercream.com/
![Page 16: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/16.jpg)
Comme la diapo suivante le montre, le retour sur investissement en mettant le feu à votre argent n’est pas aussi favorable qu’en le claquant au jeu, mais reste meilleur que de construire un écran d’intro en Flash
![Page 17: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/17.jpg)
Le directeur communication
« Mettez une vidéo du patron sur la page d’accueil. »« Il y a un bouton vers le rapport annuel ? »
« Faites un communiqué de presse pour annoncer le nouveau site web. »« C’est pas sexy. »
« Mettez la dernière campagne de branding partout ! »
![Page 18: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/18.jpg)
![Page 19: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/19.jpg)
![Page 22: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/22.jpg)
Le directeur financierOn peut externaliser la production de contenus
en Inde ou en Chine ?
![Page 23: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/23.jpg)
Beautifully engineered, inside and out.(mais bien mal traduit)
![Page 24: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/24.jpg)
![Page 25: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/25.jpg)
![Page 26: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/26.jpg)
Le service marketing« Il faudrait leur demander de remplir ce petit
questionnaire (50 questions) avant d’aller plus loin »
(Comment ça qu’est-ce qu’on fait avec les réponses ?)
![Page 27: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/27.jpg)
![Page 28: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/28.jpg)
Le service informatique« NonInterdit
ImpossiblePas le tempsOn a déjà fait
Tu as un budget ? »
(mais ai-je vraiment besoin de vous faire un dessin ?)
![Page 29: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/29.jpg)
Connaissezvos amis
![Page 30: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/30.jpg)
Vos utilisateursattention, ils sont divers
et ne savent pas toujours ce qu’ils veulent...
(surtout quand on leur présente quelque chosede nouveau et dont ils n’ont pas besoin)
![Page 31: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/31.jpg)
L’utilisateur moyenn’existe pas
• ciblez
• structurez
• prototypez
• testez, modifiez, testez, modifiez...
![Page 33: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/33.jpg)
Vous !mais...
![Page 34: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/34.jpg)
Savez-vousce que vous voulez ?
Si ce n’est vous, c’est donc votre agence ?
![Page 35: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/35.jpg)
Les pièges classiques• « Collecter » les besoins n’est pas la panacée
• Tout le monde a un avis sur le « design »
• mais personne ne veut être responsable
• Chacun voit midi à sa porte
• Mais on adore se réunir en comité
• Certains veulent tout faire eux-mêmes
• D’autres veulent tout faire faire
• Syndrôme « taille unique, unisexe »
• Mode projet ≠ Jetable
• Flash et paillettes ≠ Contenu / services
• C’est la jungle, là dehors
![Page 36: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008](https://reader033.vdocuments.pub/reader033/viewer/2022042714/553b578a550346114c8b46d8/html5/thumbnails/36.jpg)
Quelques pistes
• Détecter et réunir les acteurs clés
• distinguer ceux qui décident/font/contribuent et les isoler des interférences nuisibles
• Savoir ce que l’on fait
• savoir pourquoi votre site/service doit voir le jour, à quoi et à qui il sert (aucune agence ne le saura à votre place !)
• faire soi-même ce qu’on sait mieux faire que personne, externaliser le reste (en sachant choisir ses prestataires)
• Distinguer projet/vie du site, présentation/contenu
• Mesurer, tester, modifier, mesurer, tester, modifier...