SlideShare uma empresa Scribd logo
1 de 34
Baixar para ler offline
CONCEVOIR UN SITE
      WEB
  LE CAHIER DES CHARGES STRATÉGIQUE
— Contexte
— Les trucs difficiles
— Les trucs plus difficiles
CONTEXTE
Créer un Site web : 1ère phase !
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
Créer un Site web : 1ère phase !
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 !!!
Créer un Site web : 1ère phase !
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 !!!

Mais conteúdo relacionado

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

Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008Association Paris-Web
 
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
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Synerg'hetic
 
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
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webNet Design
 
Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Synerg'hetic
 
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
 
Petit-déjeuner "Psychanalyse du Chatbot"
Petit-déjeuner "Psychanalyse du Chatbot"Petit-déjeuner "Psychanalyse du Chatbot"
Petit-déjeuner "Psychanalyse du Chatbot"OCTO Technology
 
La gestion des actifs logiciels : enjeux et opportunités
La gestion des actifs logiciels : enjeux et opportunitésLa gestion des actifs logiciels : enjeux et opportunités
La gestion des actifs logiciels : enjeux et opportunitésMicrosoft Ideas
 
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015webschooltours
 
Poste de travail 2020
Poste de travail 2020Poste de travail 2020
Poste de travail 2020Eric Juin
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateurLaurent Barbat
 
Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013Julien LE THUAUT
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site webChris Gaillard
 
Séminaire Communication web - partie 1
Séminaire Communication web - partie 1Séminaire Communication web - partie 1
Séminaire Communication web - partie 1Noémie Toledano
 
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...SOAT
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileAudrey CHATEL
 

Semelhante a Créer un Site web : 1ère phase ! (20)

Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
Panorama des bonnes pratiques Web - Francois Nonnenmacher - Paris Web 2008
 
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...
 
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
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"
 
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...
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
 
Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)Formation : Réaliser et promouvoir un site internet (V2)
Formation : Réaliser et promouvoir un site internet (V2)
 
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
 
Petit-déjeuner "Psychanalyse du Chatbot"
Petit-déjeuner "Psychanalyse du Chatbot"Petit-déjeuner "Psychanalyse du Chatbot"
Petit-déjeuner "Psychanalyse du Chatbot"
 
Les CMS basés sur framework - PHP Tour 2011
Les CMS basés sur framework - PHP Tour 2011Les CMS basés sur framework - PHP Tour 2011
Les CMS basés sur framework - PHP Tour 2011
 
La gestion des actifs logiciels : enjeux et opportunités
La gestion des actifs logiciels : enjeux et opportunitésLa gestion des actifs logiciels : enjeux et opportunités
La gestion des actifs logiciels : enjeux et opportunités
 
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
 
Poste de travail 2020
Poste de travail 2020Poste de travail 2020
Poste de travail 2020
 
1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur1. Introduction à l'Expérience utilisateur
1. Introduction à l'Expérience utilisateur
 
Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
 
Séminaire Communication web - partie 1
Séminaire Communication web - partie 1Séminaire Communication web - partie 1
Séminaire Communication web - partie 1
 
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...
 
UX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur MobileUX Mobile - Experience Utilisateur Mobile
UX Mobile - Experience Utilisateur Mobile
 
Débutez Html5 et css3
Débutez Html5 et css3Débutez Html5 et css3
Débutez Html5 et css3
 

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

  • 1. CONCEVOIR UN SITE WEB LE CAHIER DES CHARGES STRATÉGIQUE
  • 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...)
  • 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 (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
  • 9. CMS — Mon meilleur ami ? ou — Mon meilleur ennemi ?
  • 10. 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!
  • 13. Les trucs plus difficiles
  • 14. L’enfer c’est les autres
  • 15. Apprendre à connaitre vos ennemis
  • 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-ce qu’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 » À oublier dès que vous y pensez !!!
  • 26. Le piège à éviter : vous
  • 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...
  • 31. 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
  • 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é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...
  • 34. ETAPE 2 Se lancer dans l’écriture !!!