CONCEVOIR UN SITE
      WEB
  LE CAHIER DES CHARGES STRATÉGIQUE
— Contexte
— Les trucs difficiles
— Les trucs plus difficiles
CONTEXTE
Un media technique
—  comme tout média :
  spécificités et ses standards


—  de nombreuses professions et expertises
  techniques : ergonomie, architecture,
  graphisme, développement web, écriture
  web, intégration et exploitation
  informatique...)
Les trucs difficiles
Les fondamentaux
                Mode projet              Fonctionnement
                   Analyse
                 Architecture
 Phase de
                 Graphisme        Ergonomie
conception
                 Intégration     Accessibilité
                                Choix du CMS


                  Prototypage
vie du site         Mesures                Création et édition
                  Mise à jour                   contenus
                                             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
CMS

 — Mon meilleur ami ?
          ou
— Mon meilleur ennemi ?
CMS - SGC
Un SGC système de gestion de contenu ou CMS (Content Management System)
est une famille de logiciels destinés à la conception et à la mise à jour
dynamique de site Web ou d'application multimédia. Ils partagent les
fonctionnalités suivantes :

—  ils permettent à plusieurs individus de travailler sur un même document ;

—  ils fournissent une chaîne de publication (workflow) offrant par exemple la
   possibilité de mettre en ligne le contenu des documents ;

—  ils permettent de séparer les opérations de gestion de la forme et du
   contenu ;

—  ils permettent de structurer le contenu (utilisation de FAQ, de documents, de
   blogs, de forums de discussion, etc.) ;

—  ils permettent de hiérarchiser les utilisateurs et de leur attribuer des rôles et
   des permissions (utilisateur anonyme, administrateur, contributeur, etc.) ;

—  certains CMS incluent la gestion de versions.

                                                                    Merci Wikipedia!
Lequel choisir ?
Lequel choisir ?
Les trucs plus difficiles
L’enfer
   c’est
les autres
Apprendre à connaitre
    vos ennemis
Le patron !

      « Plus gros le logo ! »
« Ma femme n’aime pas le rouge. »
 « Mon fils a dit que c’était nul. »
La Dir’com
 « 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 ! »
e best !
                    we are th
            p fort…
O n est tro
Le directeur financier

  « On prend un stagiaire ou on peut
externaliser la production de contenus
        en Inde ou en Chine ? »
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 ?)
Vos « potes »

À oublier dès que vous y pensez !!!
Le piège à éviter : vous
Connaître 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...
Testeur de convivialité
Silverback 2.0
Logiciel de test conçu pour les concepteurs et les développeurs


—  Capturez l'activité d'écran
—  Vidéo du testeur visage
—  Enregistrement vocal du testeur
—  Ajouter des marqueurs de chapitre sur la volée
—  L'enregistrement de contrôle avec la télécommande
—  Exporter vers Quicktime
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 !).

—  Connaître ses limites : 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...
ETAPE 2

Se lancer dans l’écriture !!!

Créer un Site web : 1ère phase !

  • 1.
    CONCEVOIR UN SITE WEB LE CAHIER DES CHARGES STRATÉGIQUE
  • 2.
  • 3.
  • 5.
    Un media technique — comme tout média : spécificités et ses standards —  de nombreuses professions et expertises techniques : ergonomie, architecture, graphisme, développement web, écriture web, intégration et exploitation informatique...)
  • 6.
  • 7.
    Les fondamentaux Mode projet Fonctionnement Analyse Architecture Phase de Graphisme Ergonomie conception Intégration Accessibilité Choix du CMS Prototypage vie du site Mesures Création et édition Mise à jour contenus Hébergement Interactions Stats, métriques
  • 8.
    Le vernis (notionsminimales) —  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
  • 9.
    CMS — Mon meilleurami ? ou — Mon meilleur ennemi ?
  • 10.
    CMS - SGC UnSGC système de gestion de contenu ou CMS (Content Management System) est une famille de logiciels destinés à la conception et à la mise à jour dynamique de site Web ou d'application multimédia. Ils partagent les fonctionnalités suivantes : —  ils permettent à plusieurs individus de travailler sur un même document ; —  ils fournissent une chaîne de publication (workflow) offrant par exemple la possibilité de mettre en ligne le contenu des documents ; —  ils permettent de séparer les opérations de gestion de la forme et du contenu ; —  ils permettent de structurer le contenu (utilisation de FAQ, de documents, de blogs, de forums de discussion, etc.) ; —  ils permettent de hiérarchiser les utilisateurs et de leur attribuer des rôles et des permissions (utilisateur anonyme, administrateur, contributeur, etc.) ; —  certains CMS incluent la gestion de versions. Merci Wikipedia!
  • 11.
  • 12.
  • 13.
    Les trucs plusdifficiles
  • 14.
    L’enfer c’est les autres
  • 15.
  • 16.
    Le patron ! « Plus gros le logo ! » « Ma femme n’aime pas le rouge. » « Mon fils a dit que c’était nul. »
  • 17.
    La Dir’com «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.
    e best ! we are th p fort… O n est tro
  • 20.
    Le directeur financier « On prend un stagiaire ou on peut externaliser la production de contenus en Inde ou en Chine ? »
  • 21.
    Le service marketing «Il faudrait leur demander de remplir ce petit questionnaire (50 questions) avant d’aller plus loin »
  • 22.
    Comment ça qu’est-cequ’on fait avec les réponses ?
  • 23.
    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 ?)
  • 24.
    Vos « potes » À oublierdès que vous y pensez !!!
  • 26.
    Le piège àéviter : vous
  • 27.
  • 28.
    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)
  • 29.
    L’utilisateur moyen n’existe pas —  Ciblez —  Structurez —  Prototypez —  Testez, modifiez, testez, modifiez...
  • 30.
  • 31.
    Silverback 2.0 Logiciel detest conçu pour les concepteurs et les développeurs —  Capturez l'activité d'écran —  Vidéo du testeur visage —  Enregistrement vocal du testeur —  Ajouter des marqueurs de chapitre sur la volée —  L'enregistrement de contrôle avec la télécommande —  Exporter vers Quicktime
  • 32.
    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
  • 33.
    Quelques pistes —  Détecteret 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 !). —  Connaître ses limites : 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...
  • 34.
    ETAPE 2 Se lancerdans l’écriture !!!