SlideShare une entreprise Scribd logo

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

Fred Brouard
Fred Brouard
Fred BrouardChargé de mission à EPA Bordeaux Euratlantique

Avant de se lancer dans la rédaction d'un cahier des charges de site web, mieux vaut d'abord "dégrossir le mammouth"

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

1  sur  34
Télécharger pour lire hors ligne
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

Recommandé

Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursStéphanie Hertrich
 
Webmardi: Trucs & astuces UX pour les développeurs
Webmardi: Trucs & astuces UX pour les développeursWebmardi: Trucs & astuces UX pour les développeurs
Webmardi: Trucs & astuces UX pour les développeurs:ratio
 
Cours ergonomie des IHM web - Chapitre 13 - Audit ergonomique
Cours ergonomie des IHM web - Chapitre 13 - Audit ergonomiqueCours ergonomie des IHM web - Chapitre 13 - Audit ergonomique
Cours ergonomie des IHM web - Chapitre 13 - Audit ergonomiqueElodieDescharmes
 
10 bonnes raisons d’avoir votre site web
10 bonnes raisons d’avoir votre site web10 bonnes raisons d’avoir votre site web
10 bonnes raisons d’avoir votre site webNico Bronckart
 
Les 4 phases du management de projet
Les 4 phases du management de projetLes 4 phases du management de projet
Les 4 phases du management de projetAntonin GAUNAND
 
Realiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-webRealiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-webJean-Baptiste Plantin
 
Bonnes Pratiques Projet Web - Paris Web 2008
Bonnes Pratiques Projet Web - Paris Web 2008Bonnes Pratiques Projet Web - Paris Web 2008
Bonnes Pratiques Projet Web - Paris Web 2008pdwn
 

Contenu connexe

Similaire à 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
 

Similaire à 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 !!!