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

Bonnes Pratiques Projet Web - Paris Web 2008

  • Upload
    pdwn

  • View
    4.442

  • Download
    2

Embed Size (px)

DESCRIPTION

Les principales étapes de la création et de la vie d'un site ou service web, et les bonnes pratiques, du point de vue de son responsable.

Citation preview

Page 1: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - Paris Web 2008

Qui suis-je ?

• entrepreneur

• explorateur du web

• geek bilingue

Page 3: Bonnes Pratiques Projet Web - Paris Web 2008

Sommaire

• Contexte

• Les trucs difficiles

• Les trucs plus difficiles

Page 4: Bonnes Pratiques Projet Web - Paris Web 2008

Le contexte

Page 5: Bonnes Pratiques Projet Web - Paris Web 2008
Page 6: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - Paris Web 2008

Les trucs difficiles

Page 9: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - Paris Web 2008

Les trucs plus difficiles

Page 12: Bonnes Pratiques Projet Web - Paris Web 2008

L’enferc’est

les autres

Page 13: Bonnes Pratiques Projet Web - Paris Web 2008

Connaissezvos ennemis

Page 14: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - Paris Web 2008
Page 19: Bonnes Pratiques Projet Web - Paris Web 2008
Page 22: Bonnes Pratiques Projet Web - Paris Web 2008

Le directeur financierOn peut externaliser la production de contenus

en Inde ou en Chine ?

Page 23: Bonnes Pratiques Projet Web - Paris Web 2008

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

Page 24: Bonnes Pratiques Projet Web - Paris Web 2008
Page 25: Bonnes Pratiques Projet Web - Paris Web 2008
Page 26: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - Paris Web 2008
Page 28: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - Paris Web 2008

Connaissezvos amis

Page 30: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - Paris Web 2008

L’utilisateur moyenn’existe pas

• ciblez

• structurez

• prototypez

• testez, modifiez, testez, modifiez...

Page 33: Bonnes Pratiques Projet Web - Paris Web 2008

Vous !mais...

Page 34: Bonnes Pratiques Projet Web - Paris Web 2008

Savez-vousce que vous voulez ?

Si ce n’est vous, c’est donc votre agence ?

Page 35: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - 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: Bonnes Pratiques Projet Web - Paris Web 2008

Contact

François Nonnenmacher

[email protected]