SlideShare une entreprise Scribd logo
1  sur  37
Télécharger pour lire hors ligne
On m’a confié le site/projet/truc web…


Au secours !
        Panorama des bonnes pratiques
   François Nonnenmacher — Paris Web 2008
Qui suis-je ?

• entrepreneur
• explorateur du web
• geek bilingue
Sommaire

• Contexte
• Les trucs difficiles
• Les trucs plus difficiles
Le contexte
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...)
« bonne » pratique ?
               invisible, incertain, dynamique
                  Pratique        Pratique
                 commune           avancée
                                   améliorer
                 externaliser   tisser des liens
Mainteneur                      faire confiance
                                                 Entrepreneur
                  déléguer

se concentre      Bonne         Meilleure        se concentre
  sur ce qui     pratique       pratique           sur ce qui
  est connu                                         n’est pas
                 contrôler       augmenter          (encore)
                 maintenir       la quantité
                                                     connu
                  visible, certain, statique     Source : Frans van der Reep
Les trucs difficiles
Les fondamentaux
               Mode projet          Fonctionnement, vie du site

                  Analyse
 Phase de      Architecture     Ergonomie
conception      Graphisme       Accessibilité
                Intégration
                              Prototypage
                                Mesures           Création et
                              Mises à jour      édition contenus
Vie du site                                      Hébergement
                                                  Interactions
                                                Stats, métriques
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
Les trucs plus difficiles
L’enfer
   c’est
les autres
Connaissez
vos ennemis
Le patron
      « Plus gros le logo ! »
« Ma femme n’aime pas le rouge. »
 « Mon fils a dit que c’était nul. »
http://makemylogobiggercream.com/
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
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 ! »
Le directeur financier
On peut externaliser la production de contenus
            en Inde ou en Chine ?
Beautifully engineered, inside and out.
        (mais bien mal traduit)
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 ?)
Le service informatique
                        « Non
                       Interdit
                     Impossible
                    Pas le temps
                    On a déjà fait
                 Tu as un budget ? »

(mais ai-je vraiment besoin de vous faire un dessin ?)
Connaissez
 vos amis
Vos utilisateurs
           attention, ils sont divers
 et ne savent pas toujours ce qu’ils veulent...

(surtout quand on leur présente quelque chose
    de nouveau et dont ils n’ont pas besoin)
L’utilisateur moyen
       n’existe pas
• ciblez
• structurez
• prototypez
• testez, modifiez, testez, modifiez...
Vous !
 mais...
Savez-vous
ce que vous voulez ?
 Si ce n’est vous, c’est donc votre agence ?
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
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...
Contact


François Nonnenmacher
  info@ubiquitic.com

Contenu connexe

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

La gestion d’équipe de projet informatique
La gestion  d’équipe de projet informatiqueLa gestion  d’équipe de projet informatique
La gestion d’équipe de projet informatiqueAbdellah Riyahi
 
Présentation Métier / Responsable Webdesign
Présentation Métier / Responsable WebdesignPrésentation Métier / Responsable Webdesign
Présentation Métier / Responsable Webdesigntakaclike
 
Optimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open SourceOptimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open SourceMarc Wabnitz
 
[Innover avec le Design Thinking] - Virtual Event
[Innover avec le Design Thinking] - Virtual Event[Innover avec le Design Thinking] - Virtual Event
[Innover avec le Design Thinking] - Virtual EventFriends Of Figma, Cotonou
 
Design, ergonomie et lisibilité des sites internet, Frederique Game
Design, ergonomie et lisibilité des sites internet, Frederique GameDesign, ergonomie et lisibilité des sites internet, Frederique Game
Design, ergonomie et lisibilité des sites internet, Frederique GameFrédérique Game
 
Sans développeur ni CTO dans l'équipe, comment assurer soi-même ?
Sans développeur ni CTO dans l'équipe, comment assurer soi-même ?Sans développeur ni CTO dans l'équipe, comment assurer soi-même ?
Sans développeur ni CTO dans l'équipe, comment assurer soi-même ?Damien Dabernat
 
Développement d'un site web pour la promotion de pme 2012 araq-sud - 7 févr...
Développement d'un site web pour la promotion de pme 2012   araq-sud - 7 févr...Développement d'un site web pour la promotion de pme 2012   araq-sud - 7 févr...
Développement d'un site web pour la promotion de pme 2012 araq-sud - 7 févr...MXO | agence totale
 
Qui va créer votre site de vente en ligne ?
Qui va créer votre site de vente en ligne ?Qui va créer votre site de vente en ligne ?
Qui va créer votre site de vente en ligne ?Olivier MARTINEAU
 
UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017NiceToMeetYou
 
Développement d'un site web pour la promotion de pme 2012 mentor cld vallée...
Développement d'un site web pour la promotion de pme 2012   mentor cld vallée...Développement d'un site web pour la promotion de pme 2012   mentor cld vallée...
Développement d'un site web pour la promotion de pme 2012 mentor cld vallée...MXO | agence totale
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Marie Glandus
 
Software Craftsmanship
Software CraftsmanshipSoftware Craftsmanship
Software Craftsmanshipylemoigne
 
La méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inLa méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inJulien Dereumaux
 
Minke training sessions
Minke training sessionsMinke training sessions
Minke training sessionsMinke
 
UX & Product Management en contexte agile Monozygotes ou dizygotes ? [Nadège...
UX & Product Management en contexte agile Monozygotes ou dizygotes ?  [Nadège...UX & Product Management en contexte agile Monozygotes ou dizygotes ?  [Nadège...
UX & Product Management en contexte agile Monozygotes ou dizygotes ? [Nadège...Nadège Bide
 
Le design, l'art, le management & le marketing
Le design, l'art, le management & le marketing Le design, l'art, le management & le marketing
Le design, l'art, le management & le marketing Esteban Giner
 
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignConférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignCatherine Verfaillie
 
Comment améliorer l'expérience utilisateur
Comment améliorer l'expérience utilisateur Comment améliorer l'expérience utilisateur
Comment améliorer l'expérience utilisateur Xilopix
 
Le marketing digital pour les nuls et les fauchés !
Le marketing digital pour les nuls et les fauchés !Le marketing digital pour les nuls et les fauchés !
Le marketing digital pour les nuls et les fauchés !Marseille Innovation
 

Similaire à Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008 (20)

La gestion d’équipe de projet informatique
La gestion  d’équipe de projet informatiqueLa gestion  d’équipe de projet informatique
La gestion d’équipe de projet informatique
 
Présentation Métier / Responsable Webdesign
Présentation Métier / Responsable WebdesignPrésentation Métier / Responsable Webdesign
Présentation Métier / Responsable Webdesign
 
Optimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open SourceOptimiser l'expérience utilisateur de l'Open Source
Optimiser l'expérience utilisateur de l'Open Source
 
Atelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de siteAtelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de site
 
[Innover avec le Design Thinking] - Virtual Event
[Innover avec le Design Thinking] - Virtual Event[Innover avec le Design Thinking] - Virtual Event
[Innover avec le Design Thinking] - Virtual Event
 
Design, ergonomie et lisibilité des sites internet, Frederique Game
Design, ergonomie et lisibilité des sites internet, Frederique GameDesign, ergonomie et lisibilité des sites internet, Frederique Game
Design, ergonomie et lisibilité des sites internet, Frederique Game
 
Sans développeur ni CTO dans l'équipe, comment assurer soi-même ?
Sans développeur ni CTO dans l'équipe, comment assurer soi-même ?Sans développeur ni CTO dans l'équipe, comment assurer soi-même ?
Sans développeur ni CTO dans l'équipe, comment assurer soi-même ?
 
Développement d'un site web pour la promotion de pme 2012 araq-sud - 7 févr...
Développement d'un site web pour la promotion de pme 2012   araq-sud - 7 févr...Développement d'un site web pour la promotion de pme 2012   araq-sud - 7 févr...
Développement d'un site web pour la promotion de pme 2012 araq-sud - 7 févr...
 
Qui va créer votre site de vente en ligne ?
Qui va créer votre site de vente en ligne ?Qui va créer votre site de vente en ligne ?
Qui va créer votre site de vente en ligne ?
 
UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017
 
Développement d'un site web pour la promotion de pme 2012 mentor cld vallée...
Développement d'un site web pour la promotion de pme 2012   mentor cld vallée...Développement d'un site web pour la promotion de pme 2012   mentor cld vallée...
Développement d'un site web pour la promotion de pme 2012 mentor cld vallée...
 
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?Pourquoi toutes les organisations ont-elles besoin de Design UX ?
Pourquoi toutes les organisations ont-elles besoin de Design UX ?
 
Software Craftsmanship
Software CraftsmanshipSoftware Craftsmanship
Software Craftsmanship
 
La méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inLa méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'in
 
Minke training sessions
Minke training sessionsMinke training sessions
Minke training sessions
 
UX & Product Management en contexte agile Monozygotes ou dizygotes ? [Nadège...
UX & Product Management en contexte agile Monozygotes ou dizygotes ?  [Nadège...UX & Product Management en contexte agile Monozygotes ou dizygotes ?  [Nadège...
UX & Product Management en contexte agile Monozygotes ou dizygotes ? [Nadège...
 
Le design, l'art, le management & le marketing
Le design, l'art, le management & le marketing Le design, l'art, le management & le marketing
Le design, l'art, le management & le marketing
 
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignConférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
 
Comment améliorer l'expérience utilisateur
Comment améliorer l'expérience utilisateur Comment améliorer l'expérience utilisateur
Comment améliorer l'expérience utilisateur
 
Le marketing digital pour les nuls et les fauchés !
Le marketing digital pour les nuls et les fauchés !Le marketing digital pour les nuls et les fauchés !
Le marketing digital pour les nuls et les fauchés !
 

Plus de Association Paris-Web

Petite arithmétique de l’UX : choisir, renoncer, construire
Petite arithmétique de l’UX : choisir, renoncer, construirePetite arithmétique de l’UX : choisir, renoncer, construire
Petite arithmétique de l’UX : choisir, renoncer, construireAssociation Paris-Web
 
Ergonomie des interfaces riches - Amélie Boucher - Paris Web 2008
Ergonomie des interfaces riches  - Amélie Boucher - Paris Web 2008Ergonomie des interfaces riches  - Amélie Boucher - Paris Web 2008
Ergonomie des interfaces riches - Amélie Boucher - Paris Web 2008Association Paris-Web
 
Making Chaos Accessible - Aaron Leventhal - Paris Web 2008
Making Chaos Accessible - Aaron Leventhal - Paris Web 2008Making Chaos Accessible - Aaron Leventhal - Paris Web 2008
Making Chaos Accessible - Aaron Leventhal - Paris Web 2008Association Paris-Web
 
Performance Web côté client - Daspet / Sullivan - Paris Web 2008
Performance Web côté client - Daspet / Sullivan - Paris Web 2008Performance Web côté client - Daspet / Sullivan - Paris Web 2008
Performance Web côté client - Daspet / Sullivan - Paris Web 2008Association Paris-Web
 
Identité 2.0 et Web sémantique - David Larlet - Paris Web 2008
Identité 2.0 et Web sémantique - David Larlet - Paris Web 2008Identité 2.0 et Web sémantique - David Larlet - Paris Web 2008
Identité 2.0 et Web sémantique - David Larlet - Paris Web 2008Association Paris-Web
 
Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008
Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008
Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008Association Paris-Web
 
ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...
ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...
ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...Association Paris-Web
 
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Association Paris-Web
 
Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...
Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...
Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...Association Paris-Web
 
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008IE 8 et les standards du Web - Chris Wilson - Paris Web 2008
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008Association Paris-Web
 
La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008
La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008
La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008Association Paris-Web
 
Internationalisation - Francois Yergeau - Paris Web 2008
Internationalisation - Francois Yergeau - Paris Web 2008Internationalisation - Francois Yergeau - Paris Web 2008
Internationalisation - Francois Yergeau - Paris Web 2008Association Paris-Web
 
Comment décider des modèles de navigation pour ses applications Web ? - Patri...
Comment décider des modèles de navigation pour ses applications Web ? - Patri...Comment décider des modèles de navigation pour ses applications Web ? - Patri...
Comment décider des modèles de navigation pour ses applications Web ? - Patri...Association Paris-Web
 
Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...
Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...
Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...Association Paris-Web
 
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008Association Paris-Web
 
Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008
Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008
Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008Association Paris-Web
 

Plus de Association Paris-Web (20)

Atelier d'aide aux orateurs 2012
Atelier d'aide aux orateurs 2012Atelier d'aide aux orateurs 2012
Atelier d'aide aux orateurs 2012
 
Petite arithmétique de l’UX : choisir, renoncer, construire
Petite arithmétique de l’UX : choisir, renoncer, construirePetite arithmétique de l’UX : choisir, renoncer, construire
Petite arithmétique de l’UX : choisir, renoncer, construire
 
KISS dans une grande entreprise ?
KISS dans une grande entreprise ?KISS dans une grande entreprise ?
KISS dans une grande entreprise ?
 
Ergonomie des interfaces riches - Amélie Boucher - Paris Web 2008
Ergonomie des interfaces riches  - Amélie Boucher - Paris Web 2008Ergonomie des interfaces riches  - Amélie Boucher - Paris Web 2008
Ergonomie des interfaces riches - Amélie Boucher - Paris Web 2008
 
Vendredi 14 novembre Paris Web 2008
Vendredi 14 novembre Paris Web 2008Vendredi 14 novembre Paris Web 2008
Vendredi 14 novembre Paris Web 2008
 
Jeudi 13 novembre Paris Web 2008
Jeudi 13 novembre Paris Web 2008Jeudi 13 novembre Paris Web 2008
Jeudi 13 novembre Paris Web 2008
 
Making Chaos Accessible - Aaron Leventhal - Paris Web 2008
Making Chaos Accessible - Aaron Leventhal - Paris Web 2008Making Chaos Accessible - Aaron Leventhal - Paris Web 2008
Making Chaos Accessible - Aaron Leventhal - Paris Web 2008
 
Performance Web côté client - Daspet / Sullivan - Paris Web 2008
Performance Web côté client - Daspet / Sullivan - Paris Web 2008Performance Web côté client - Daspet / Sullivan - Paris Web 2008
Performance Web côté client - Daspet / Sullivan - Paris Web 2008
 
Identité 2.0 et Web sémantique - David Larlet - Paris Web 2008
Identité 2.0 et Web sémantique - David Larlet - Paris Web 2008Identité 2.0 et Web sémantique - David Larlet - Paris Web 2008
Identité 2.0 et Web sémantique - David Larlet - Paris Web 2008
 
Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008
Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008
Qualité éditoriale : la grande oubliée - Joël Ronez - Paris Web 2008
 
ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...
ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...
ReNo, le référentiel de qualité Web du gouvernement luxembourgeois - Gautier ...
 
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008
 
Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...
Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...
Internautes et robots des moteurs de recherche, mais comment font-ils pour s’...
 
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008IE 8 et les standards du Web - Chris Wilson - Paris Web 2008
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008
 
La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008
La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008
La mode se démode, le style jamais - Daniel Glazman - Paris Web 2008
 
Internationalisation - Francois Yergeau - Paris Web 2008
Internationalisation - Francois Yergeau - Paris Web 2008Internationalisation - Francois Yergeau - Paris Web 2008
Internationalisation - Francois Yergeau - Paris Web 2008
 
Comment décider des modèles de navigation pour ses applications Web ? - Patri...
Comment décider des modèles de navigation pour ses applications Web ? - Patri...Comment décider des modèles de navigation pour ses applications Web ? - Patri...
Comment décider des modèles de navigation pour ses applications Web ? - Patri...
 
Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...
Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...
Les standards du Web en entreprise : l’exemple de BNP Paribas Personal Financ...
 
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008
Accessibilité : persuader tous les maillons - Jean Marc Bassin - Paris Web 2008
 
Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008
Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008
Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008
 

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

  • 1. On m’a confié le site/projet/truc web… Au secours ! Panorama des bonnes pratiques François Nonnenmacher — Paris Web 2008
  • 2. Qui suis-je ? • entrepreneur • explorateur du web • geek bilingue
  • 3. Sommaire • Contexte • Les trucs difficiles • Les trucs plus difficiles
  • 5.
  • 6. 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...)
  • 7. « bonne » pratique ? invisible, incertain, dynamique Pratique Pratique commune avancée améliorer externaliser tisser des liens Mainteneur faire confiance Entrepreneur déléguer se concentre Bonne Meilleure se concentre sur ce qui pratique pratique sur ce qui est connu n’est pas contrôler augmenter (encore) maintenir la quantité connu visible, certain, statique Source : Frans van der Reep
  • 9. Les fondamentaux Mode projet Fonctionnement, vie du site Analyse Phase de Architecture Ergonomie conception Graphisme Accessibilité Intégration Prototypage Mesures Création et Mises à jour édition contenus Vie du site Hébergement Interactions Stats, métriques
  • 10. 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
  • 11. Les trucs plus difficiles
  • 12. L’enfer c’est les autres
  • 14. Le patron « Plus gros le logo ! » « Ma femme n’aime pas le rouge. » « Mon fils a dit que c’était nul. »
  • 16. 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
  • 17. 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 ! »
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. Le directeur financier On peut externaliser la production de contenus en Inde ou en Chine ?
  • 23. Beautifully engineered, inside and out. (mais bien mal traduit)
  • 24.
  • 25.
  • 26. 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 ?)
  • 27.
  • 28. Le service informatique « Non Interdit Impossible Pas le temps On a déjà fait Tu as un budget ? » (mais ai-je vraiment besoin de vous faire un dessin ?)
  • 30. Vos utilisateurs attention, ils sont divers et ne savent pas toujours ce qu’ils veulent... (surtout quand on leur présente quelque chose de nouveau et dont ils n’ont pas besoin)
  • 31. L’utilisateur moyen n’existe pas • ciblez • structurez • prototypez • testez, modifiez, testez, modifiez...
  • 32.
  • 34. Savez-vous ce que vous voulez ? Si ce n’est vous, c’est donc votre agence ?
  • 35. 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
  • 36. 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...
  • 37. Contact François Nonnenmacher info@ubiquitic.com