37
On m’a confié le site/projet/truc web… Au secours ! Panorama des bonnes pratiques François Nonnenmacher — Paris Web 2008

Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

Embed Size (px)

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.

Citation preview

Page 1: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

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

Qui suis-je ?

• entrepreneur

• explorateur du web

• geek bilingue

Page 3: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

Sommaire

• Contexte

• Les trucs difficiles

• Les trucs plus difficiles

Page 4: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

Le contexte

Page 5: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
Page 6: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

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

« 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

Les trucs difficiles

Page 9: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

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

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

Les trucs plus difficiles

Page 12: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

L’enferc’est

les autres

Page 13: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

Connaissezvos ennemis

Page 14: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

Le patron« Plus gros le logo ! »

« Ma femme n’aime pas le rouge. »« Mon fils a dit que c’était nul. »

Page 16: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

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

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
Page 19: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
Page 22: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

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

Beautifully engineered, inside and out.(mais bien mal traduit)

Page 24: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
Page 25: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
Page 26: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

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
Page 28: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

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

Connaissezvos amis

Page 30: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

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

L’utilisateur moyenn’existe pas

• ciblez

• structurez

• prototypez

• testez, modifiez, testez, modifiez...

Page 33: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

Vous !mais...

Page 34: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

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

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

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...

Page 37: Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008

Contact

François Nonnenmacher

[email protected]