Guide des meilleures pratiques de projet web

3,024 views

Published on

Guide des meilleures pratiques de projet web
Un guide écrit pour l'Alliance numérique sur le processus d'élaboration d'un projet web, d'une idée à sa réalisation

Published in: Technology, Business
1 Comment
6 Likes
Statistics
Notes
No Downloads
Views
Total views
3,024
On SlideShare
0
From Embeds
0
Number of Embeds
158
Actions
Shares
0
Downloads
341
Comments
1
Likes
6
Embeds 0
No embeds

No notes for slide

Guide des meilleures pratiques de projet web

  1. 1. De votre grande idée à son exploitation sur internet! UNE INITIATIVE DE
  2. 2. Créer un site web de qualité Le web évolue très rapidement. Pour y planifier s a prés ence ou of frir un s er vice en ligne, on s e doit d’ être au fait des L E P R O C E S S U S G É N É R A L D E R É A L I S AT I O N plus récents développements . Il es t également impor tant de comprendre et d’ accepter qu’ Internet n’ es t pas un média Qu’ il s ’ agis s e de créer un s ite web ou d’ y appor ter des changements , comme les autres : ce s ont les utilis ateurs qui contrôlent trois phas es fondamentales s e recoupent pour former les cinq grandes le proces s us . étapes ci-des s ous : Vos vis iteurs s ont à la recherche active d’ une information ou d’ un produit. Ils veulent par fois s e diver tir, mais dans tous les cas , ils s ont les acteurs de la demande et non des récepteurs pas s ifs . Il ne faut pas s e lais s er tromper par la notion de « page web » . Être s ur le web, c’ es t bien OBJECTIFS plus que d’ y mettre s a brochure de prés entation. RÉFLEXION LE WE B plan planification N’ E ST PA S U N M É D I A stra é stratégique 1 PLANIFICATION S TRATÉGIQUE : 1 p planification s stratégique C O M M E LE S AUTR E S identification des bes oins de votre organis me L E S 5 É TA P E S P O U R U N N O U V E A U S I T E 2 CONCEPTION : établis s ement des paramètres concrets cahier des Les utilisateurs contrôlent charges L’ indus trie arrive à maturité et a établi un proces s us menant à la rédaction du cahier de production le processus; ils ne sont pas des récepteurs passifs. de cons truction d’ un s ite web qui s uit cinq étapes dis tinctes qui s eront détaillées dans les pages s uivantes . Ce proces s us con conception 2 c conception L’interaction directe avec doit être s uivi dans l’ ordre tout en fais ant inter venir à l’ avance DÉVELOPPEMENT cahier de les s pécialis tes de toutes les étapes en amont. les utilisateurs peut et doit 3 PRODUCTION : production être envisagée. pro u production 3 réalis ation technique et ar tis tique Ces étapes permettent au client et aux fournis s eurs d’ évaluer p production ce qu’ il y a à faire et de s ’ entendre s ur la marche à s uivre 4 MIS E EN LIGNE : Un site web évolue en fonction des besoins des usagers ; pour réus s ir un projet de qualité. mise déploiement, lancement et promotion site de soyez à l’écoute. en ligne validation Qu’il s’agisse de créer ou de M O D I F I E R U N S I T E E X I S TA N T MAINTENANCE 4 m mise e en ligne modifier un site, sa durée de vie 5 EXPLOITATION : sera limitée; il est judicieux Les changements à un s ite exis tant s ont généralement de trois ordres . exp t exploitation mes ure des rés ultats , site actif d’en prévoir la refonte à moyen +maintenance main e maintenance et optimis ation 5 ou à long terme. • S i votre s ite es t conçu comme une brochure électronique, e exploitation des changements es thétiques s eront plus fréquents (de la même façon que les rappor ts annuels ont une mis e RÉSULTATS en page dif férente chaque année). On s uit alors la mode. • S i votre s ite s ’ enrichit s oudainement de plus ieurs s ections , D E S E X P E R T I S E S VA R I É E S E T E N T R E C R O I S É E S documents ou produits , des changements ergonomiques s eront requis pour en faciliter l’ accès . Puis que chacune des trois phas es fondamentales (réflexion, développement et maintenance) fait appel à des exper tis es dif férentes , il n’ es t pas rare de • Enfin, il s e peut que l‘ évolution des outils et des navigateurs devoir gérer autant d’ équipes pour l’ ens emble du proces s us . Chaque mandat vous forcent à mettre à jour une par tie ou la totalité de doit alors clairement s tipuler quelles étapes en font l’ objet. RÉPERTOIRE l’ infras tructure de votre s ite en y appor tant les changements DES ENTREPRISES technologiques requis . Ces étapes vous s ont prés entées dans le prés ent guide de façon linéaire. Vous trouverez sur le site Il es t toutefois impor tant de s ouligner que les exper ts impliqués ne travailleront d’Alliance Internet le Dans tous les cas , votre s ite a une durée de vie limitée. pas en s ilo. Par exemple, il n’ es t pas recommandé d’ élaborer un concept répertoire des entreprises Il es t judicieux d’ en prévoir la refonte à moyen ou à long terme. ar tis tique s ans en avoir validé la fais abilité technique. qui se sont engagées à respecter la Charte de L’implication des exper ts varie selon les phases. qualité Internet à l’origine Pour identifier les fournis s eurs per tinents à chacune des étapes et même du présent guide. Voyez : 2 coordonner leurs pres tations , n’ hés itez pas à cons ulter un cons eiller indépendant. http://charte.allianceinternet.ca
  3. 3. la planification stratégique Première étape de votre projet, c’est le moment de se poser des questions et d’y trouver les réponses. En examinant vos besoins et en définissant vos objectifs, vous pourrez aussi vous assurer que 1 Vos objectifs peuvent être nombreux : vendre vos produits , communiquer vos s er vices , fidélis er vos clients , ou réduire vos coûts logis tiques . Et il peut y avoir autant de s tratégies pour les atteindre. Pour une planification s tratégique réus s ie, il es t impor tant de bien comprendre la dif férence entre un objectif, une s tratégie et une tactique. • L’ objectif es t le but que l’ on dés ire atteindre. Il doit être clair, précis , L’ A N A LY S E D E V O S O B J E C T I F S • Quel est le rôle de votre site web? Vendre? Servir? Informer? • Comment votre site s’intègre-t-il dans la stratégie globale de votre organisme? • Avez-vous identifié les utilisateurs qui visiteront votre site? Savez-vous comment les y attirer? • Votre site est-il pertinent pour vos utilisateurs? Répond-il à leurs besoins? Lesquels? • Votre site doit être enrichi de quel type de contenus? Quelles fonctionnalités doit-il offrir? • Quelle est votre marge de manoeuvre budgétaire pour réaliser le projet? Est-elle suffisante? • Quel est le retour espéré sur votre investissement? Est-il réaliste? L ‘A P P O R T D E S E X P E R T S E N S T R AT É G I E S W E B Comprendre vos besoins et vos objectifs et les appliquer à l’internet. Comprendre les besoins des internautes et vous expliquer la culture et les habitudes de navigation. 1 2 3 4 Savoir où aller avant de s’y rendre EXAM IN E R LES BESOINS Diagnostiquer l’entreprise, ses forces, ses faiblesses. Identifier clairement les bénéfices souhaités du projet ainsi que ses contraintes. A N A LY S E R LA CONCURRENCE Regarder ce qui se fait ailleurs, les bons coups comme les mauvais, et pas seulement dans l’industrie visée. Noter les meilleures pratiques. I D E NTI F I E R LA CLI E NTÈLE Dresser un por trait de vos clients par des études de cas, enquêtes, segmentations ou « personas » (client type). Trouver comment les joindre. DÉFINIR LE S O BJ ECTI F S Déterminer ce que le site doit accomplir, ses priorités et ses caractéristiques. l’ensemble de votre organisme mes urable et réalis te. Par exemple : dés engorger votre s er vice Analyser votre environnement, vos compétiteurs, votre visibilité, 5 appuie le projet et y investira à la clientèle. le marché et les tendances. É TA B L I R le temps et l’argent requis. L E S S T R AT É G I E S • La s tratégie cons is te en un choix d’ actions cohérentes et logiques Évaluer les différentes approches en fonction de vos objectifs, Choisir les stratégies qui répondent pour réalis er l’ objectif. Par exemple : créer un libre-s er vice en ligne. de vos ressources et de votre potentiel. efficacement aux objectifs. 6 • Une tactique corres pond à une façon d’ utilis er des res s ources Recommander la meilleure solution pour atteindre vos objectifs. CERNER de manière optimale pour atteindre un objectif. Par exemple : L E S FAC T E U R S D E S U C C È S utilis er un forum pour répondre aux ques tions . Déterminer la façon la plus efficace de travailler selon vos contraintes. Selon les objectifs retenus, constituer une liste d’indicateurs Il es t trop tôt pour identifier les tactiques . À cette étape, s euls Vérifier si vos attentes sont réalistes et votre budget suffisant de per formance, concrets les objectifs et les s tratégies doivent être arrêtés afin de rédiger en relation avec la qualité attendue et les délais proposés. et mesurables, pour évaluer un cahier des charges . Voici un aperçu des ques tions auxquelles régulièrement la per formance vous devrez appor te des répons es . r ter er se Gérer et livrer le projet dans le respect de vos délais, de vos budgets du site. et de vos objectifs. La planification stratégique culmine avec la rédaction du cahier des charges, votre premier livrable. 7 ASSIGNER LES RÔLES Identifier rapidement les personnes, tant à l’interne qu’à l’externe qui auront un rôle à jouer dans le projet. 4 2 5
  4. 4. EXPERTISES CLÉS POUR LA PLANIFICATION STRATÉGIQUE Retenez des exper ts qui ont s ous crit Contenu habituel à la char te de qualité internet et trouvez-les à : char te.allianceinternet.ca À PROPOS DE VOUS C O N S E I L L E R S T R AT É G I Q U E P L A N I F I C AT I O N S T R AT É G I Q U E ET « WEB 2.0 » Aus s i appelé s tratège, directeur de compte LE CAHIER • Prés entation s uccincte de votre organis me et du marché dans lequel il évolue ou tout s implement, cons eiller. L’expression « web 2.0 », plus métaphorique que réelle, signale surtout un usage contemporain du web qui DES CHARGES • Prés entation du mandat S on rôle cons is te à vous accompagner et à diffère de celui de ses débuts (ou, si vous préférez, • Corrélation entre les objectifs du s ite et de ceux de votre entrepris e : identifier les enjeux et les tendances s ur Internet de sa première version : « 1.0 »). Plus qu’un réseau DÉFINITION - Vi s ion d e l a communic a tion ( pour un s it e vitrin e ou évé n e m e nti e l ) qui af fecteront votre projet. reliant des pages, le web d’aujourd’hui relie des gens; - Infor m a tion s s ur l e c a t a logu e produit s ou l a logi s tiqu e d’où l’appellation « web social ». Le cahier des charges peut por ter Il conçoit et élabore des s tratégies qui répondent ( pour un s it e d e comm erc e é l e ctroniqu e ) divers noms selon les fournisseurs : à vos bes oins de même qu’ à ceux de vos clients . Parmi les communautés virtuelles, les forums, plan stratégique, mandat, briefe - Cibl e s vi s é e s ( cli e nt s , pro s p e ct s , fourni s s e urs ) les blogues et les wikis, bref dans tous ces endroits client , document de planification, S es connais s ances vous permettront où la communication est horizontale entre les membres, etc. Peu impor te son appellation, d’ économis er temps et argent en orientant votre fleurissent ce qu’on appelle par extension les réseaux il décrit précisément les besoins projet, dès le dépar t, dans la bonne direction. sociaux. C’est le « lieu de la conversation » et il peut auxquels la solution recherchée À PROPOS DE VOTRE PROJET parfois avoir un grand impact pour les compagnies. doit répondre et permet aux E XP E RT E N RÉFÉR E NC E M E NT Ces réseaux favorisent les regroupements. Toute fournisseurs d’établir un estimé information d’intérêt facilement accessible et tout de production adéquat. • Objectifs et précisions techniques du dispositif Internet existant, le cas échéant. On entend par référencement l’ utilis ation, aussi aisément transmissible y circulera rapidement, • Lis te de fonctionnalités s ouhaitées (avec exemples ou contre-exemples ). dans une page web, de mots clés à l’ intention créant ainsi des effets viraux fort utiles dans Un cahier des charges réussi des moteurs de recherche tel Google. le cycle marketing. • Définitions des grandes lignes du s ite (contenus , rubriques , s ections ) : permet de rédiger un appel d’offres complet et donc d’obtenir - C ontra int e s t e chniqu e s ; Une stratégie « 2.0 » portera simplement attention à ces Le rôle de l’ exper t en référencement cons is te de meilleures soumissions, car - C ontra int e s orga ni s a tionn e ll e s ( pl a nific a tion , r e s s ourc e s hum a in e s ) ; à identifier les mots clés impor tants et à planifier nouveaux usages du web. On ne saurait, par exemple, les fournisseurs sont en mesure de leur intégration dans votre s ite pour que ce « créer une communauté virtuelle ». Mais on peut prévoir - C ont e nu s di s ponibl e s ( t ext e s , photo s , b a s e d e donn é e s , film s ) . bien cerner vos besoins et d’établir dernier jouis s e d’ une plus grande vis ibilité. des mécanismes pour en favoriser le développement un échéancier et un budget plus ou accueillir des communautés existantes. réalistes. Il permet aussi de C’ es t un travail continu d’ optimis ation qui, constituer une grille d’évaluation Être « 2.0 » n’est ni une obligation ni un gage de succès. À P R O P O S D E L’ A P P E L D ’ O F F R E S lors qu’ il es t bien exécuté, génère des haus s es pragmatique pour choisir le meilleur impor tantes de trafic. On s’y engagera pour répondre à un besoin clairement prestataire parmi les soumissions identifié (en matière de relation avec la clientèle, par reçues. exemple). Le « web 2.0 » n’exige pas nécessairement • Définition du périmètre d’ inter vention du pres tataire ERGONOME des technologies coûteuses, mais il se doit d’être L’appel d’offres sera constitué de • Des cription des livrables dans le cadre de l’ appel d’ of fres Aus s i appelé architecte de l’ information, exper t intégré à vos processus d’entreprise qu’il vous faudra tout ou par tie du cahier des charges, • Des cription des livrables dans le cadre du mandat : conséquemment modifier (forum de produits, blogue en convivialité ( u s a bility exp er t ) et par fois , selon le degré de confidentialité requis s pécifiques comme les fonctionnalités inter faces corporatif, RP virtuel, etc.). Les difficultés sont s cénaris te ou concepteur. du contenu. ( front-e nd ) et les fonctionnalités s er veurs ( b a ck-e nd ); souvent éprouvées dans la maintenance et non dans les types de trans actions , les bes oins pour l’ outil de recherche S on rôle cons is te à concevoir, ou révis er, l’implantation. C’est pourquoi il doit être planifié par mot-clé, etc. ; mis e en place du s ite; arbores cence préliminaire l’ ef ficacité de la s tructure d’ un s ite et à en au tout début du projet. Et il faut y attribuer les et des ign (grandes lignes ); s pécifications techniques (hébergement, as s urer une bonne utilis ation par les us agers . ressources humaines nécessaires pour le supporter s écurité, dis ponibilité du code s ource, s tandards web); longtemps après le lancement du site. référencement, plan marketing Il doit percevoir les problèmes potentiels qui • Calendrier de réalis ation; enveloppe budgétaire peuvent freiner ou empêcher l’ utilis ation du s ite. • Grille de pondération pour l’ évaluation des of fres de s er vice Il cherche à créer l’ arbores cence de haut niveau s elon des critères reconnus de convivialité dans le but d’ augmenter les taux de convers ion. 2 6 7
  5. 5. 2 Élaborer les grandes lignes du concept 1 STR UCTU R E R L’A R B O R E S C E N C E Créer une arborescence générale pour connaître les besoins en contenu et obtenir une représentation visuelle la de haut niveau du site. 2 CLASSIFIER LE S CONTE NUS Faire l’inventaire des contenus et déterminer à quelles sections ou conception divisions de votre site ils sont destinés. 3 RÉDIG ER LE SYN O P SIS Créer un document énonçant tout ce que le site doit faire pour vos visiteurs. 4 LISTE R LE S F O NCTIO N NALITÉS Lister toutes les fonctions requises À par tir du cahier des charges, Cer taines par ties de cette étape peuvent être réalis ées à l’ interne, S i l’ un de vos objectifs es t de vendre par le synopsis. il vous faut maintenant élaborer mais elle es t généralement confiée à un pres tataire s pécialis é en conception vos produits ou s er vices , vous devriez et valider le concept, l’apparence de s ites . Elle ne prés ente pas de dif ficultés majeures , s i ce n’ es t de la à cette étape chois ir votre fournis s eur et les fonctionnalités de votre site avant que n’en commence créativité, mais elle demande un cer tain temps , du fait d’ un grand nombre d’ échanges entre plus ieurs inter venants . Elle néces s ite un s uivi rigoureux. de s olution de paiement et vérifier les exigences requis es par le fournis s eur, 5 CRÉER UN « TA B L E A U D ’ I N S P I R AT I O N » (MOODBOARD) la production. votre intégrateur et les normes en vigueur Donner un aperçu de la tonalité graphique, S elon le degré de dif ficulté du projet, une démons tration fonctionnelle (rés eaux de paiement, loi s ur la protection de la saveur ar tistique et des inspirations C’est le moment où les idées peut s ’ avérer néces s aire pour tes ter les principales fonctions du s ite. des cons ommateurs , norme de s écurité visuelles à suivre. originales fusent pour déterminer Même s i elle n’ es t que par tiellement codée et dés ignée, la démons tration de l’ indus trie… ). Vous devriez également ce qu’il y a à dire et comment le dire. fonctionnelle donne un bon aperçu dynamique du rendu final et permet avoir décidé quels types de paiements L’appor t créatif, variable selon les projets, doit rester en lien avec de faire res s or tir les erreurs de conception ou d’ ergonomie. vous accepterez (Vis a, Mas terCard… ). 6 M ONTE R LE S MAQ U ETTE S F O NCTIO N N E LLE S (E N « FIL DE F E R ») la stratégie et être toujours entériné À la fin de cette étape, vous aurez une idée précis e de l’ allure de votre s ite. Identifier tout ce que doit contenir par l’équipe de production. Cela vous permettra d’ énumérer méthodiquement les éléments requis pour l’intérieur des principaux écrans (squelette s a production dans le cahier de production, votre prochain livrable. du contenu) à par tir desquels vos utilisa- Cet ouvrage s er vira de plan d’ inter vention pour tous les autres pres tataires teurs seront invités à parcourir votre site. as s ociés à la réalis ation du projet. 7 É TA B L I R LES NORMES Arrêter les normes graphiques, structurer la base de données et lister les mots clés choisis. 8 F I X E R L’ É C H É A N C I E R D E P R O DUCTIO N Fixer les grandes dates et délais pour baliser le suivi de la production du projet. 8 2 9
  6. 6. Les quatre composantes principales du cahier de production EXPERTISES CLÉS POUR LA CONCEPTION Retenez des exper ts qui ont s ous crit C A S D ’ U T I L I S AT I O N à la char te de qualité internet et trouvez-les à : char te.allianceinternet.ca Il s er t à exprimer et à comprendre le proces s us d’ interactivité entre les us agers et les divers es compos antes du s ite. C O N S E I L L E R S T R AT É G I Q U E Il définit les manières d’ utilis er le s ite, par une s équence d’ événements linéaires , d’ un point à l’ autre, en montrant les chemins types des divers Le cons eiller, qu’ il s oit appelé s tratège ou directeur E X P E R T I S E S C O M P L É M E N TA I R E S utilis ateurs s ouhaitant atteindre cer tains buts . de compte, a pour mis s ion de vous accompagner dans le proces s us et d’ orienter l’ équipe dans la bonne O P T I M I S AT I O N V I D É O Un cas d’ utilis ation peut être détaillé ou informel, s elon les bes oins . direction, s elon les objectifs et les s tratégies prévus . Il permet de ne pas oublier cer taines fonctionnalités , de repérer Votre directeur technique doit être en mesure de saisir des problèmes conceptuels et de s ’ as s urer que l’ us ager puis s e achever Il cumulera par fois une ou des exper tis es citées immédiatement les contraintes propres au web (bande ce qu’ il es t en train de faire. dans cette lis te. passante, poids, qualité, compression, etc.) qui auront un impact à la toute fin du projet. ERGONOME MAQ UETTE FONCTIONNELLE HÉB E RG E M E NT WE B EN FIL DE FER (WIREFRAME) Appelé aus s i architecte de l’ information ou exper t en convivialité, s on rôle cons is te à créer des écrans Votre directeur technique ou votre hébergeur doit maîtriser Compos és de boîtes et de titres , ce procédé donne un aperçu fonctionnel fonctionnels en fil de fer of frant le maximum les coûts et les contraintes techniques, de sécurité et (et non ar tis tique) des écrans principaux. de confor t et d’ ef ficacité aux utilis ateurs du s ite. d’efficacité en fonction du concept choisi. La maquette fonctionnelle prés ente la place relative des contenus DIRECTEUR TECHNIQUE D ISTR I B UTI O N D E C O NTE N U d’ une page s ans s ’ avancer au niveau du des ign. Elle s er t à s ynchronis er les vis ions du des igner et du programmeur. Appelé aus s i architecte informatique, s on rôle cons is te Si vous avez beaucoup de contenu riche (vidéo, en à valider tout l’ as pect technologique du concept. particulier) ou visez un très fort trafic, la mise en cache de contenu web permet une distribution rapide et efficace. ARBORESCENCE S CÉNAR I STE I NTE R ACTI F Une entreprise spécialisée en distribution de contenu peut vous aider à développer cette solution et estimer C’ es t la représ entation, s ous forme d’ arbre, de la relation de dépendance Appelé aussi concepteur-rédacteur, son rôle consiste les contraintes avant la production. des contenus entre eux. à développer le concept et les grandes lignes du projet. Il produit le découpage des éléments interactifs, TE STS D’E R G O N O M I E Très utile pour le rédacteur, le des igner et le programmeur, l’ arbores cence ar tis tiques et techniques en collaboration permet de clas s er les contenus et d’ évaluer la quantité de pages à produire. avec l’ équipe. Vous pouvez valider très tôt, même sur des maquettes en papier, la qualité d’une interface proposée en la CHARGÉ DE PROJ ET testant auprès de futurs utilisateurs. Quelques sociétés MODÈLE DE DONNÉES spécialisées ont conçu des laboratoires en ce sens. Appelé aus s i coordonnateur ou producteur, s on rôle C’ es t la s tructure informatique des contenus de la bas e de données . cons is te à s uivre le projet et à s ’ as s urer que toutes Ce modèle décrit les relations logiques et hiérarchiques entre les données les res s ources collaborent entre elles . et la façon dont elles s eront utilis ées . D I R E CTE U R ARTISTI Q U E Il évite la duplication des données et en favoris e la réutilis ation. Il s er t enfin à s éparer le contenant du contenu et es t généralement utilis é pour s tructurer S on rôle cons is te à gérer l’ ens emble des as pects les bas es de données relationnelles . ar tis tiques du projet. Il veille à l’ application de la char te graphique et à la qualité ar tis tique Facultatif pour les petits s ites , le modèle de données s ’ avère es s entiel de l’ ens emble. à la production de projets d’ envergure. 2 10 11
  7. 7. 3 La course commence! 1 A N A LY S E F O N C T I O N N E L L E ET TECHNIQUE Décrire toutes les fonctionnalités souhaitées et les outils requis. 2 O BTE NTIO N D E S C O NTE N US Regrouper tous les contenus multimédias la existants qui seront utilisés dans le site. Ne pas sous-estimer le travail de recherche. Ce qui n’est pas trouvé ou de mauvaise qualité devra être produit ou retiré du scénario. 3 production RÉDACTI O N D E S TE X TE S Écrire ou adapter le contenu prévu en l’adaptant pour le web et en suivant les recommandations stratégiques à propos des mots clés et de leur disposition. 4 D E S I G N D E S I N T E R FAC E S Vous voici rendu à l’étape de S i ce n’ es t pas déjà fait, chois is s ez le fournis s eur qui produira Créer les maquettes qui deviendront production, appelée parfois exécution, votre s ite. Il arrive s ouvent, bien que cela ne s oit pas néces s aire, l’inter face finale du site. 5 pendant laquelle sont réalisés qu’ il s ’ agis s e du fournis s eur ayant rédigé le cahier de production. les concepts développés C’ es t à lui que reviendra le titre de ges tionnaire du projet. P R O G R A M M AT I O N dans le cahier de production. Et il n’ es t pas rare qu’ il coordonne aus s i, pour vous , le travail de deux ou trois autres firmes qui s ont s pécialis ées et à qui S’assurer de choisir un langage de on aura confié une por tie du mandat. S on rôle es t crucial; programmation ouver t que plusieurs chois is s ez-le avec s oin. programmeurs connaissent. 6 Vous entendrez peut-être les termes « pré-production » (préparation C R É AT I O N D E S É L É M E N T S des éléments néces s aires à la production - création en lots M U LT I M E D I A S de l’ ens emble des contenus ) et intégration (as s emblage de tous ces contenus au s ite). Même s i le travail s ’ ef fectuera ains i s ouvent Produire les contenus riches en parallèle, il es t préférable de planifier linéairement les (animation, flash, vidéo, son, etc.) dépendances de livrables afin de s ’ as s urer que chaque res s ource 7 s ache exactement ce qu’ elle a à faire, à qui le remettre, et quand. C O N STITUTI O N D’U N D O C U M E NT D ’A S S U R A N C E Q U A L I T É À la fin de cette étape, vous obtiendrez la vers ion bêta du s ite, une vers ion quas i définitive dont il ne res te qu’ à expurger les bogues Réper torier les bogues et valider que avant le lancement. Protégé par mot de pas s e et acces s ible depuis les fonctionnalités prévues correctement. un s er veur de vali ation, vous p ou e idation, validation, pourrez tes ter votre s ite intens ivement, urrez vo tre s tout comme le con trôleur de qua té. nt contrôleur ali qualité. RESPECT DE 8 L’ É C H É A N C I E R D E P R O D U C T I O N Les étapes d‘un projet web sont interreliées; tout retard dans la chaîne a un impact immédiat sur la livraison de l’étape suivante. 1 22 13
  8. 8. Points à surveiller LE CHOIX Créer un site web, c’est plus que dessiner des maquettes. Dans le choix EXPERTISES CLÉS E X P E R T I S E S C O M P L É M E N TA I R E S DU FOURNISSEUR du fournisseur, vous devez considérer son expérience dans la gestion POUR LA PRODUCTION de projet, la scénarisation et la programmation. RÉDACTE U R Retenez des exper ts qui ont s ous crit à la char te de qualité internet et trouvez-les A N A LY S E Ne faites pas l’erreur d’omettre l’analyse fonctionnelle et technique. Il n’est pas à : char te.allianceinternet.ca Il rédige de longs passages et le contenu de votre site. FONCTIONNELLE rare qu’elle fasse par tie d’un mandat distinct afin d’évaluer plus finement le reste Choisissez-le en fonction de vos besoins (journaliste, ET TECHNIQUE du projet. À titre d’exemple, en analysant chacune des composantes technologiques recherchiste, rédacteur publicitaire, relations publiques, de votre projet, le directeur technique pourrait conclure que des éléments ont été D I R E CTE U R ARTISTI Q U E etc.). sous-estimés ou surévalués dans le cahier de production. Votre budget pourra ainsi être révisé en temps utile. Omniprés ent depuis l’ étape de création, il veille ERGONOME maintenant à la qualité ar tis tique des maquettes . CONTENU On oublie souvent qu’il faut assister le rédacteur dans sa collecte d’information. Il valide les aspects ergonomiques et cognitifs des Doit-il tout écrire ou seulement retoucher un texte? A-t-il accès aux documents S CÉNAR I STE I NTE R ACTI F maquettes pour s’assurer que l’usager sache toujours nécessaires? La création de contenu, sur tout audiovisuel, est très coûteuse où il est, où il peut aller, et qu’il puisse aisément en temps et en énergie. S’il est vrai que cer taines corrections mineures peuvent Également en s cène depuis l’ étape de création, se rendre où vous le souhaitez. être faites en ligne, il n’est pas toujours possible « d’ajouter une simple image » il complète la rédaction du s ynops is dans sans impact majeur sur le design. s es moindres détails . E XP E RT E N RÉFÉR E NC E M E NT MAQUETTES Sachez que lorsque vous acceptez une maquette, tout changement ultérieur pourrait CHARGÉ DE PROJ ET Il s’assure que les textes, les titres et la structure être majeur et impliquer de défaire le travail des programmeurs, de l’infographiste, de la page permettent aux moteurs de recherche du scénariste et de l’intégrateur. Il ne faut donc pas « remettre à plus tard S on rôle cons is te à gérer le projet dans le res pect de retrouver les contenus clés du site. un détail » que l’on peut régler maintenant. de l’ échéancier et du budget. TE STE U R S S TA N D A R D S Il existe des standards reconnus sur le web. Votre fournisseur doit avoir à coeur A N I M AT E U R 2 D , 3 D , F L A S H WEB de les respecter et de vous en expliquer les tenants et les aboutissants. En matière On peut faire appel à des testeurs professionnels de programmation par exemple : le standard XHTML du consor tium W3 ou l’usage S on rôle cons is te à animer le vis uel. Pour le 3D pour débusquer les bogues. de CSS qui sépare le contenu du contenant. En respectant les standards, et le Flas h, de la programmation es t par fois votre site pourra aisément être adapté à toute évolution des technologies web. néces s aire. Le respect de ces standards est sur tout garant de la meilleure accessibilité V O U S AVE Z D I T CM S ? possible à votre contenu, la raison première de votre présence sur internet. PROGRAMM E UR Le contenu du site est toujours appelé à changer. SÉCURITÉ Il existe des méthodes ef ficaces pour se protéger de gens malveillants sur internet. S on rôle cons is te à déterminer les caractéris tiques Pour le mettre à jour, il faut un outil qui permet d’éviter Si l’impor tance des données le justifie, informez-vous du type de protection of fer t techniques et à programmer ens uite les fonction- de toucher au code et d’accéder uniquement au contenu : par l’hébergeur relativement aux ser veurs, aux accès et même aux membres de son nalités dans le langage chois i. c’est le « système de gestion de contenu », appelé personnel. Et vous, comment assurerez-vous, au sein de votre organisme, la confi- en anglais « CMS » ( Content Management System). dentialité des informations qui vous seront confiées par les utilisateurs de votre site? I N F O G RAP H ISTE Un système de gestion de contenu permet SOLUTION DE Les institutions financières et cer tains fournisseurs spécialisés n’of frent toutes S on rôle cons is te à décliner les images dont à une ou plusieurs personnes de modifier facilement PA I E M E N T E N L I G N E pas les mêmes types de solutions, fonctionnalités et suppor t (type de transaction, le s ite a bes oin. le contenu du site. outils de prévention de la fraude...). Il ne faut pas sous-estimer le temps requis pour l’intégration du paiement à votre panier d’achat et les phases de test et C O NTRÔLE UR D E Q UALITÉ Vous pouvez en développer un sur mesure ou en choisir de cer tification. Vérifier également que les fournisseurs répondent aux normes un existant. Certains sont même gratuits. Dans tous de sécurité de l’industrie (pcisecuritystandards.org). S on rôle cons is te à s ’ as s urer que tous les livrables les cas, vous devrez le prévoir dès l’analyse fonctionnelle sont conformes aux normes et au cahier des charges. et technique du site pour connaître le degré de COMMERCE Il faut développer très tôt une politique de remboursement et confidentialité sophistication souhaité. Ce dernier dépend de plusieurs ÉLECTRONIQ UE des données, ainsi qu’une bonne gestion des cas d’erreur, etc. (af ficher vos prix I N T É G R AT E U R paramètres comme le type de contenu à modifier dans la bonne devise, courriel du ser vice après-vente, reçu de transaction et (menu, titres, sections, pages) et le niveau d’autorisation possibilité de l’imprimer...). En respectant les quelques règles de base, vous S on rôle cons is te à relier les éléments graphiques et requis selon les intervenants (limitation aux titres, pouvez passer aisément la cer tification qui vous donnera plus de crédibilité textuels dans les pages HTML. création de page, etc.). 2 14 15

×