MENER À BIEN UN PROJET WEB<br /><br />ATELIER #1<br />Présenté aux membres du Créneau d’excellence Textiles-techniques<br...
PLAN DE LA PRÉSENTATION<br /><br />CONTENU DE L’ATELIER<br />Introduction<br />LES ÉTAPES DU PROJET:<br />Équipe et gouve...
INTRODUCTION	<br /><br />RAPPEL DES OBJECTIFS DE L’ATELIER<br />Le but de cet atelier est de vous donner les outils et le...
Recrutementd’uneéquipe
Choixtechnologiques
Recrutement des fournisseurs</li></ul>Atelier 3: Utiliser les réseaux sociaux avec succès <br />Atelier 4: Collaboration 2...
SITES & PRÉSENCE WEB	<br /><br />RAPPEL FAITS ET STATISTIQUES<br />65% <br />FAITS SAILLANTS<br /><ul><li>Le Web devient ...
On n’a pas une deuxième chance de faire une première impression
Les 25-35 accèdent rapidement à des rôles d’acheteurs corporatifs et utilisent le Web en premier</li></ul>DES ENTREPRISES ...
LES PHASES D’UN PROJET TYPIQUE<br /><br />DE L’IDÉE À LA LIVRAISON<br />ÉQUIPE ET GOUVERNANCE<br />1<br />2<br />PLANIFIC...
ÉQUIPE ET GOUVERNANCE<br />1<br />LES BONNES PERSONNES, LES BONNES IDÉES<br />
ÉQUIPE ET GOUVERNANCE<br />1<br />RECRUTER UNE ÉQUIPE GAGNANTE<br />RECRUTER UNE ÉQUIPE PLURIDISCIPLINAIRE<br /><ul><li>Un...
Les fonctions de l’entreprise touchées:
Marketing & Communication
Ventes
Opérations et logistique
Ressources humaines
Finances et comptabilité</li></li></ul><li>ÉQUIPE ET GOUVERNANCE<br />1<br />RECRUTER UNE ÉQUIPE GAGNANTE<br />ÉTABLIR LA ...
PLANIFICATION STRATÉGIQUE<br />2<br />OBJECTIFS, BESOINS, PRIORITÉS<br />
PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.1 – RECUEILLIR L’INFORMATION<br /><ul><li>Pro...
Ce qui fonctionne bien
Ce qui ne fonctionne pas
Ce qui manque:
Sections
Contenu
Fonctionnalités
Sources d’information:
Départements de l’entreprise
Clients, fournisseurs, partenaires
Analytics, logs serveurs, etc.</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br ...
Papier / en ligne
Entrevues  personnelles (en personne / téléphone)
Focus groupes
Benchmarking
Données d’analytiques:
Google Analytics
Activité serveurs (performances, uptime, etc.)</li></ul>TRUC DU MÉTIER<br />5 MÉTHODES POUR RECUEILLIR DE L’INFORMATION<br />
PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />EXEMPLE DE QUESTIONS DE SONDAGE CLIENT<br />TRU...
PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.2 - TRADUIRE PROBLÈMES ET OPPORTUNITÉS EN BES...
PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.3 – LISTER ET PRIORISER LES BESOINS<br /><ul>...
Présentation de l’entreprise
Contexte et mission du projet
Les objectifs du projet
Le comité de projet
La liste des besoins
Calendrier
Budget
Indicateurs de succès</li></ul>Un bon cahier des charges permet de:<br /><ul><li>Maintenir le focus
Estimer le travail et sa complexité
Obtenir un meilleur prix</li></ul>TRUC DU MÉTIER<br />
PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.5 – CONTINUER SEUL OU ALLER CHERCHER DE L’AID...
RECRUTER UN FOURNISSEUR POUR LA PHASE D’ANALYSE</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />PRÉPARATION À LA P...
Toutes les fonctions de l’entreprise ont été consultées
Les objectifs sont majoritairement quantifiables
Le comité de projet a validé les objectifs
Le cahier des charges est à jour et approuvé
La haute direction a validé le projet</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />METTONS EN PRATIQUE<br />EXE...
STRUCTURE ET FONCTIONNALITÉS <br />3<br />STRUCTURE, FONCTIONNALITÉS, PROTOTYPES<br />
Prochain SlideShare
Chargement dans…5
×

Atelier 1 gérer un projet de refonte web - décembre

1 699 vues

Publié le

Publié dans : Business
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 699
Sur SlideShare
0
Issues des intégrations
0
Intégrations
4
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • REMARQUER QUE LE POINT “BUDGET N’Y EST PAS” – ON Y REVIENDRA PLUS TARD MAIS EN GROS, C’EST QU’UN BUDGET VARIE TELLEMENT D’UN POINTS À L’AUTRE QU’IL N’Y A PAS DE RÈGLES
  • AVANTAGES D’UN BON CAHIER DES CHARGES:PARRAIT PLUS SAFE POUR LES FOURNISSEURS  MEILLEURS PRIXPERMET DE MONTRE PATTE BLANCHE AU CAPERMET DE BIEN DIRIGER SON PROJET APRÈS
  • Compréhension des besoinsAdaptation du site aux besoinsPlans de tests basés sur des utilisateurs
  • Atelier 1 gérer un projet de refonte web - décembre

    1. 1. MENER À BIEN UN PROJET WEB<br /><br />ATELIER #1<br />Présenté aux membres du Créneau d’excellence Textiles-techniques<br />Drummondville – 2 décembre 2010<br />
    2. 2. PLAN DE LA PRÉSENTATION<br /><br />CONTENU DE L’ATELIER<br />Introduction<br />LES ÉTAPES DU PROJET:<br />Équipe et gouvernance<br />Stratégie et définition des besoins<br />Analyse et scénarisation<br />Direction artistique et design<br />Développement et intégration<br />Lancement et maintenance<br />MESURER LE SUCCÈS<br />
    3. 3. INTRODUCTION <br /><br />RAPPEL DES OBJECTIFS DE L’ATELIER<br />Le but de cet atelier est de vous donner les outils et les connaissances nécessaires pour lancer avec succès un projet Web.<br />Un rappel du programme<br />Conférence « Tendances clé du Web en entreprise en 2010 »<br />Atelier 1: Gérer un projet de site Web<br />Atelier 2: E-commerce: faire le grand saut<br /><ul><li>Phases d’un projet
    4. 4. Recrutementd’uneéquipe
    5. 5. Choixtechnologiques
    6. 6. Recrutement des fournisseurs</li></ul>Atelier 3: Utiliser les réseaux sociaux avec succès <br />Atelier 4: Collaboration 2.0<br />Atelier 5: Moderniser son marketing grâce au Web<br />Coaching en entreprise et consultation<br />
    7. 7. SITES & PRÉSENCE WEB <br /><br />RAPPEL FAITS ET STATISTIQUES<br />65% <br />FAITS SAILLANTS<br /><ul><li>Le Web devient le premier point de contact avec votre entreprise
    8. 8. On n’a pas une deuxième chance de faire une première impression
    9. 9. Les 25-35 accèdent rapidement à des rôles d’acheteurs corporatifs et utilisent le Web en premier</li></ul>DES ENTREPRISES QUÉBÉCOISES ONT UN OU DES SITES WEB<br />90% <br />DES ENTREPRISES QUÉBÉCOISESSONT BRANCHÉES À INTERNET<br />46% <br />FONT DE LA RECHERCHE DE CLIENTS, FOURNISSEURS ET COMPÉTITEURS EN LIGNE AVANT TOUT AUTRE ENDROIT<br />
    10. 10. LES PHASES D’UN PROJET TYPIQUE<br /><br />DE L’IDÉE À LA LIVRAISON<br />ÉQUIPE ET GOUVERNANCE<br />1<br />2<br />PLANIFICATION STRATÉGIQUE<br />STRUCTURE ET FONCTIONNALITÉS<br />3<br />4<br />DESIGN ET INTERFACES GRAPHIQUES<br />DÉVELOPPEMENT ET INTÉGRATION<br />5<br />LANCEMENT ET MAINTENANCE<br />6<br />
    11. 11. ÉQUIPE ET GOUVERNANCE<br />1<br />LES BONNES PERSONNES, LES BONNES IDÉES<br />
    12. 12. ÉQUIPE ET GOUVERNANCE<br />1<br />RECRUTER UNE ÉQUIPE GAGNANTE<br />RECRUTER UNE ÉQUIPE PLURIDISCIPLINAIRE<br /><ul><li>Une équipe riche est garante de succès
    13. 13. Les fonctions de l’entreprise touchées:
    14. 14. Marketing & Communication
    15. 15. Ventes
    16. 16. Opérations et logistique
    17. 17. Ressources humaines
    18. 18. Finances et comptabilité</li></li></ul><li>ÉQUIPE ET GOUVERNANCE<br />1<br />RECRUTER UNE ÉQUIPE GAGNANTE<br />ÉTABLIR LA GOUVERNANCE ET LES RESPONSABILITÉS<br />Comité de projet<br />
    19. 19. PLANIFICATION STRATÉGIQUE<br />2<br />OBJECTIFS, BESOINS, PRIORITÉS<br />
    20. 20. PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.1 – RECUEILLIR L’INFORMATION<br /><ul><li>Problématiques et besoins:
    21. 21. Ce qui fonctionne bien
    22. 22. Ce qui ne fonctionne pas
    23. 23. Ce qui manque:
    24. 24. Sections
    25. 25. Contenu
    26. 26. Fonctionnalités
    27. 27. Sources d’information:
    28. 28. Départements de l’entreprise
    29. 29. Clients, fournisseurs, partenaires
    30. 30. Analytics, logs serveurs, etc.</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br /><ul><li>Questionnaires et sondages:
    31. 31. Papier / en ligne
    32. 32. Entrevues personnelles (en personne / téléphone)
    33. 33. Focus groupes
    34. 34. Benchmarking
    35. 35. Données d’analytiques:
    36. 36. Google Analytics
    37. 37. Activité serveurs (performances, uptime, etc.)</li></ul>TRUC DU MÉTIER<br />5 MÉTHODES POUR RECUEILLIR DE L’INFORMATION<br />
    38. 38. PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />EXEMPLE DE QUESTIONS DE SONDAGE CLIENT<br />TRUC DU MÉTIER<br />Appréciation du site actuel:<br />(Sur 5) Le design du site est attrayant<br />(Sur 5) Le site représente bien l’entreprise à qui il appartient<br />(Sur 5) Je trouve facilement les informations que je recherche sur le site<br />Information désirée:<br />Quelles informations venez-vous chercher lorsque vous visitez le site?<br />Sous quel format voudriez-vous trouver cette information (PDF, Excel, HTML, Word)?<br />Quels documents avez-vous téléchargés sur notre site au cours du dernier mois?<br />Fonctionnalités désirées:<br />Quels outils aimeriez-vous retrouver sur le nouveau site?<br />Quelles fonctions du site utilisez-vous actuellement? Les appréciez-vous?<br />
    39. 39. PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.2 - TRADUIRE PROBLÈMES ET OPPORTUNITÉS EN BESOINS<br />
    40. 40. PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.3 – LISTER ET PRIORISER LES BESOINS<br /><ul><li>SOYEZ DURS ET RÉALISTES!</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.4 – RÉDIGER UN BREF OU UN CAHIER DES CHARGES (Objectifs)<br /><ul><li>Contenu du cahier des charges:
    41. 41. Présentation de l’entreprise
    42. 42. Contexte et mission du projet
    43. 43. Les objectifs du projet
    44. 44. Le comité de projet
    45. 45. La liste des besoins
    46. 46. Calendrier
    47. 47. Budget
    48. 48. Indicateurs de succès</li></ul>Un bon cahier des charges permet de:<br /><ul><li>Maintenir le focus
    49. 49. Estimer le travail et sa complexité
    50. 50. Obtenir un meilleur prix</li></ul>TRUC DU MÉTIER<br />
    51. 51. PLANIFICATION STRATÉGIQUE<br />2<br />DÉFINIR LES OBJECTIFS DU PROJET<br />2.5 – CONTINUER SEUL OU ALLER CHERCHER DE L’AIDE?<br />2 VOIES POSSIBLES<br /><ul><li>CONTINUER SEUL (OU AVEC UN CONSULTANT)
    52. 52. RECRUTER UN FOURNISSEUR POUR LA PHASE D’ANALYSE</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />PRÉPARATION À LA PROCHAINE ÉTAPE<br />CHECKLIST<br /><ul><li>Le feedback des clients a été pris en compte
    53. 53. Toutes les fonctions de l’entreprise ont été consultées
    54. 54. Les objectifs sont majoritairement quantifiables
    55. 55. Le comité de projet a validé les objectifs
    56. 56. Le cahier des charges est à jour et approuvé
    57. 57. La haute direction a validé le projet</li></li></ul><li>PLANIFICATION STRATÉGIQUE<br />2<br />METTONS EN PRATIQUE<br />EXERCICES<br />Listez 5 problèmes avec votre site actuel<br />Listez 5 besoins que des clients potentiels pourraient avoir<br />Listez 5 objectifs que des clients actuels ont lorsqu’ils visitent votre site<br />Identifiez 5 compétiteurs avec lesquels vous pourrez comparer votre site actuel et votre nouveau site<br />Dressez une liste des clients qu’il serait idéal de sonder ou d’inviter à un focus groupe<br />
    58. 58. STRUCTURE ET FONCTIONNALITÉS <br />3<br />STRUCTURE, FONCTIONNALITÉS, PROTOTYPES<br />
    59. 59. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA LISTE DES FONCTIONNALITÉS<br />3.1 – ÉTABLIR LA LISTE DES FONCTIONNALITÉS DU SITE<br /><ul><li>Pour décrire le fonctionnement du site:
    60. 60. Objectifs = Le QUOI
    61. 61. Fonctionnalités = Le COMMENT
    62. 62. Il faut décrire avec précision ce que le site doit faire:
    63. 63. Sections et pages
    64. 64. Fonctions
    65. 65. Contenu</li></li></ul><li>ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA LISTE DES FONCTIONNALITÉS<br />3.1 – ÉTABLIR LA LISTE DES FONCTIONNALITÉS DU SITE<br />
    66. 66. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA LISTE DES FONCTIONNALITÉS<br />UN OUTIL UTILE: LES PERSONAES<br /><ul><li>Descriptions des différents utilisateurs du site:
    67. 67. Catégorie, âge, sexe, éducation, entreprise, buts, objectifs, rôles, motivateurs, expérience d’utilisation, système d’opération, fureteur, etc.</li></ul>Exemple de personae:<br />[Client potentiel] Denise est une femme de 45 ans vivant à Longueuil. Bien qu’elle ait obtenu un diplôme universitaire en criminologie, elle travaille comme guide touristique. Récemment, elle s’est mise à se poser des questions sur l’arrivée de sa ménopause et tente de s’informer à ce sujet. Elle accède très régulièrement au Web de chez elle, sur son PC sous Windows 7.<br />TRUC DU MÉTIER<br />
    68. 68. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA LISTE DES FONCTIONNALITÉS<br />3.2 – SCÉNARIOS D’UTILISATION (use cases)<br />
    69. 69. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA STRUCTURE DU SITE<br />3.3 – CARTE DU SITE (sitemapping)<br /><ul><li>Présente toutes les pages incluses dans le site:
    70. 70. Leur type et leur catégorie
    71. 71. Une indication de leur contenu
    72. 72. Les liens entre les différentes pages
    73. 73. Différents outils:
    74. 74. MS Visio
    75. 75. MS Powerpoint
    76. 76. Omnigraffe (Mac)</li></ul>Accueil<br />Nos Produits<br />L’entreprise<br />Carrières<br />Pages produits<br />Pages produits<br />Commander Catalogue<br />Application<br />
    77. 77. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA STRUCTURE DU SITE<br />Une bonne carte du site est un outil de communication très efficace au sein d’une équipe.<br />
    78. 78. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA STRUCTURE DU SITE<br />3.3 – STRUCTURELS (WIREFRAMES)<br /><ul><li>Représentation graphique de la structure des pages du site:
    79. 79. Modules de contenu
    80. 80. Zones de texte
    81. 81. Positionnement des composantes
    82. 82. À ce stade, le contenu texte n’est pas final
    83. 83. Les diagrammes servent de base au designer
    84. 84. Il est possible de créer des prototypesutilisables!
    85. 85. Différents outils:
    86. 86. MS Visio
    87. 87. Axure RP
    88. 88. Omnigraffe</li></ul>TRUC DU MÉTIER<br />
    89. 89. ANALYSE ET SCÉNARISATION<br />3<br />DÉFINIR LA STRUCTURE DU SITE<br />Créer un prototype:<br /><ul><li>Navigable en HTML
    90. 90. Permet de:
    91. 91. Clarifier le fonctionnement du site
    92. 92. Tester le site
    93. 93. Obtenir du feeback
    94. 94. Présenter aux patrons</li></ul>TRUC DU MÉTIER<br />
    95. 95. ANALYSE ET SCÉNARISATION<br />3<br />PRÉPARATION À LA PROCHAINE ÉTAPE<br />CHECKLIST<br /><ul><li>Les personaes ont été créées et validées
    96. 96. Les scénarios d’utilisation ont été créés et validés
    97. 97. La carte du site a été crées et validées
    98. 98. Les diagrammes (wireframes) du site ont été complétés pour toutes les pages
    99. 99. Un prototype complet du site a été testé et approuvé
    100. 100. Le cahier des charges est à jour et approuvé (ajout des personaes, scénarios et diagrammes)
    101. 101. La haute direction a validé le prototype</li></li></ul><li>ANALYSE ET SCÉNARISATION<br />3<br />METTONS EN PRATIQUE<br />EXERCICES<br />Lister et décrire 5 des plus importantes fonctionnalités de votre site<br />Recréer la carte de votre site actuel<br />Corriger la carte actuelle:<br /><ul><li>Retirer les pages et sections inutiles
    102. 102. Ajouter les nouvelles pages et fonctionnalités</li></ul>Dessiner le diagramme de votre page d’accueil idéale<br />
    103. 103. DESIGN ET INTERFACES GRAPHIQUES<br />4<br />DONNER VIE À VOTRE NOUVEAU SITE<br />
    104. 104. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />RECRUTEMENT DU DESIGNER<br />4.1 – RECRUTER SON DESIGNER <br />(Ou s’assurer de la compétence de son fournisseur généraliste)<br />5 points à évaluer:<br /><ul><li>Qualité et compatibilité du travail passé (portfolio)
    105. 105. Diversité du travail effectué pour d’autres clients
    106. 106. Disponibilité et professionnalisme du designer / de l’entreprise
    107. 107. Compréhension des notions d’ergonomie et d’accessibilité
    108. 108. Notions de base de SEO (contenu Flash™ VS HTML)</li></ul>RÉFÉRENCES! RÉFÉRENCES! RÉFÉRENCES!<br />
    109. 109. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />DÉVELOPPEMENT DU CONCEPT<br />4.2 – BIEN BRIEFER SON DESIGNER<br />Briefer sur le « style » sans bagage en design:<br /><ul><li>Revue du site actuel
    110. 110. Sites concurrents pertinents
    111. 111. Sites au look intéressant
    112. 112. Matériel inspirant</li></ul>Et…<br /><ul><li>Sites de gabarits Web (www.templatemonster.com)</li></ul>Les éléments d’un bon brief:<br /><ul><li>Description de l’entreprise
    113. 113. L’audience cible
    114. 114. Les objectifs du projet
    115. 115. Les fonctionnalités, wireframes
    116. 116. Indicateurs de succès
    117. 117. Format, style
    118. 118. Budget</li></ul>TRUC DU MÉTIER<br />
    119. 119. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />DÉVELOPPEMENT DU CONCEPT<br />4.3 – DÉVELOPPEMENT DU CONCEPT (Direction artistique)<br />Gardez à l’esprit:<br /><ul><li>L’image de marque
    120. 120. Les wireframes
    121. 121. Le guide de style actuel
    122. 122. Pas de rebranding!</li></li></ul><li>DIRECTION ARTISTIQUE ET DESIGN<br />4<br />DÉVELOPPEMENT DU CONCEPT<br />4.3 – DÉVELOPPEMENT DU CONCEPT <br />Un bon designer saura élaborer sur les wireframes et livrer un design de qualité et créatif qui en respectera l’essence.<br />
    123. 123. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />CRÉATION DES GABARITS DE PAGES<br />4.4 – DÉCLINAISON DU CONCEPT SUR TOUTES LES PAGES<br />
    124. 124. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />CRÉATION DU GUIDE DE NORMES<br />4.5 – DÉVELOPPER LE GUIDE DE NORMES GRAPHIQUES <br />Définit les normes graphiques du site<br /><ul><li>Couleurs
    125. 125. Fontes / typographie
    126. 126. H1, H2, liens, italique, gras
    127. 127. Grille (espacements, positionnement, etc)
    128. 128. Favicons (16x16, 32x32)
    129. 129. Images et photos (format, taille, rognage)</li></li></ul><li>DIRECTION ARTISTIQUE ET DESIGN<br />4<br />ASSURANCE QUALITÉ DU DESIGN<br />4.6 – ASSURER LA QUALITÉ DE VOTRE DESIGN<br />Évaluer la qualité à différents aspects:<br /><ul><li>Qualité du design graphique
    130. 130. Respect de la marque
    131. 131. Ergonomie
    132. 132. Accessibilité
    133. 133. Compatibilité fureteurs
    134. 134. Indexabilité (SEO)
    135. 135. Différents outils:
    136. 136. Tests sur versions imprimées
    137. 137. Analyses d’ergonomie/accessibilité
    138. 138. Focus groupes, sondage</li></ul>TRUC DU MÉTIER<br />
    139. 139. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />LES PRINCIPES D’ERGONOMIE DE NIELSEN<br />LES 10 FACTEURS DE SUCCÈS EN ERGONOMIE DE JACOB NIELSEN<br />Visibilité du statut du site (que se passe-t-il?)<br />Refléter le monde réel (mêmes termes, mêmes fonctions)<br />Liberté de l’usager (aucun cul-de-sac, sorties d’urgence)<br />Constance et standards (fonctionnement constant)<br />Prévention des erreurs (réduire la confusion)<br />Reconnaissance plus que rappel (fonctions claires)<br />Fléxible et efficace<br />Esthétique et minimaliste<br />Aide à réparer les erreurs<br />Documentation simple<br />
    140. 140. DIRECTION ARTISTIQUE ET DESIGN<br />4<br />L’ERGONOMIE D’UN SITE EN ACTION<br />CONFUS ET COMPLEXE<br />CLAIR ET EFFICACE<br />
    141. 141. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />METTRE EN PLACE TOUTES LES PIÈCES DU JEU<br />
    142. 142. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />RECRUTER LE BON PARTENAIRE<br />5.1 – RECRUTER UN BON DÉVELOPPEUR<br />5 points à évaluer:<br /><ul><li>Qualité et compatibilité du travail passé (portfolio)
    143. 143. Positionnement des sites développés sur les moteurs de recherche (SEO)
    144. 144. Qualité de l’intégration du design (alignements, tailles)
    145. 145. Performance des sites livrés
    146. 146. Technologies utilisées (surabondance)</li></ul>RÉFÉRENCES! RÉFÉRENCES! RÉFÉRENCES!<br />
    147. 147. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />ÉTAPES DU DÉVELOPPEMENT<br />5.2 – DÉVELOPPEMENT & INTÉGRATION<br /><ul><li>Développement back-end:</li></ul>Intégration du CMS<br />Intégration des fonctionnalités avancées<br /><ul><li>Intégration des gabarits de pages:</li></ul>Slicing et optimisation des images<br />Intégration HTML<br />Développement des CSS<br />
    148. 148. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />SYSTÈME DE GESTION DE CONTENU<br />5.3 – SÉLECTION DU CMS ET DE LA PLATE-FORME<br /><ul><li>5 traits d’un bon CMS:</li></ul>Simple et rapide à installer<br />Interface d’administration simple<br />Extensible <br />Manipulation simple des gabarits<br />Doc et communauté<br />Open-source<br />Joomla!<br />Drupal<br />DotNetNuke<br />Wordpress<br />SiteCore<br />
    149. 149. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />JOOMLA – UN CMS SIMPLE ET PUISSANT<br />
    150. 150. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />INTÉGRATION DU CONTENU AU CMS<br />5.5 – INTÉGRATION DU CONTENU<br /><ul><li>Chargement du contenu:</li></ul>Vérification de la qualité du contenu<br />Chargement des images<br />Chargement des textes<br />Embeddingdes vidéos<br />Pour accélérer l’intégration des textes, préparez des gabarits à partir de vos wireframes!<br />TRUC DU MÉTIER<br />
    151. 151. DÉVELOPPEMENT ET INTÉGRATION<br />5<br />ASSURANCE QUALITÉ DU SITE<br />5.6 – ASSURANCE QUALITÉ<br /><ul><li>Tests internes (par le développeur):
    152. 152. Affichage du contenu
    153. 153. Fonctionnement du CMS
    154. 154. Fonctionnement du processus de paiement
    155. 155. Intégration avec les autres systèmes
    156. 156. Tests client (UAT)
    157. 157. APPROBATION DU LANCEMENT</li></li></ul><li>LANCEMENT ET MAINTENANCE<br />6<br />LANCER FORT, RESTER EN SANTÉ<br />
    158. 158. LANCEMENT ET MAINTENANCE<br />6<br />PRÉPARER LE LANCEMENT DU SITE<br />6.1 – PRÉPARER LE LANCEMENT<br /><ul><li>Planifier la date du lancement:
    159. 159. Sélectionner la date avec soin
    160. 160. Éviter de lier le lancement avec d’autres événements:
    161. 161. Pour éviter les risques
    162. 162. Éviter de lancer un jeudi ou vendredi  attention au pointes!
    163. 163. Déployer le site quelques journées d’avance (soft launch):
    164. 164. Pour tester les performances du site
    165. 165. Permettre à des clients précis de tester le nouveau site
    166. 166. Pour se donner le temps de faire quelques correctifs</li></li></ul><li>LANCEMENT ET MAINTENANCE<br />6<br />FAIRE DU BRUIT – LANCER SON SITE<br />PUBLICISER LE LANCEMENT DE SON NOUVEAU SITE<br />Infolettres et marketing par courriel<br />Communiquésde presse<br />Réseauxsociaux(vous et vosemployés)<br />SITE<br />Bannières en ligne<br />Publicitétraditionnelle<br />Contacts directs<br />
    167. 167. LANCEMENT ET MAINTENANCE<br />6<br />PARÉ AU LANCEMENT!<br />6.2 – LANCER LE SITE!<br />GO<br /><ul><li>Contenu intégré à 100%?
    168. 168. Les performances du site sont bonnes?
    169. 169. Les tests sont concluants?
    170. 170. Les messages sont prêts à envoyer?</li></li></ul><li>LANCEMENT ET MAINTENANCE<br />6<br />MESURER LE SUCCÈS<br />6.3 – MESURER LE SUCCÈS<br /><ul><li>Indicateurs de performance (établis dans la phase stratégie!):
    171. 171. Nb de visiteurs / indicateurs de fréquentation
    172. 172. Nb de téléchargements de brochures
    173. 173. Nb d’appels au numéro 1-800
    174. 174. Positionnement sur les moteurs de recherche
    175. 175. Les outils:
    176. 176. Les outils d’analytics Google Analytics
    177. 177. Outils de CRM (appels, nouveaux leads entrés, etc.)
    178. 178. Outils de suivi des performances technologiques du site</li></ul> Google Webmasters Tools<br />
    179. 179. LANCEMENT ET MAINTENANCE<br />6<br />MESURER LE SUCCÈS<br />
    180. 180. LANCEMENT ET MAINTENANCE<br />6<br />MESURER LE SUCCÈS<br />Idéal pour vous aider avec le SEO!<br />TRUC DU MÉTIER<br />
    181. 181. LANCEMENT ET MAINTENANCE<br />6<br />MAINTENANCE ET ÉVOLUTION<br />6.3 – ÉTABLIR UN PLAN DE MAINTENANCE<br />Un projet Webréussi est un site en santé, vivant et en constante évolution.<br />
    182. 182. LANCEMENT ET MAINTENANCE<br />6<br />MAINTENANCE ET ÉVOLUTION<br />6.4 – PLAN DE MAINTENANCE<br /><ul><li>Plan de contenu:
    183. 183. Calendrier des mises à jour (nouvelles, emplois, etc.)
    184. 184. Intégration de nouveaux contenus (produits, textes, vidéos)
    185. 185. Mise à jour des zones « Marketing »
    186. 186. Plan d’évolution du site (approche par phases):
    187. 187. Intégration de nouvelles fonctionnalités (développement)
    188. 188. Intégration de nouvelles sections et pages (CMS)</li></ul>Contenu frais + amélioration continue = succès<br />
    189. 189. <br />
    190. 190. PENSEZ COACHING!<br /><ul><li>Préparation d’un projet Web
    191. 191. Planificationstratégique
    192. 192. Formation spécifique
    193. 193. Conception sitemap et wireframes
    194. 194. Recrutement des partenaires</li></li></ul><li>MERCI!<br /><br />AU PROCHAIN ATELIER!<br />Prochain rendez-vous:<br />Atelier #2 – Commerce électronique: Faire le grand saut<br />

    ×