Guide des meilleures pratiques web by Bionopsys Inc.

De votre grande idée à son exploitation sur Internet!

UN E INITIATIVE D E

Créer un site web de qualité Le we b évolu e trè s ra pid e m e nt . Pour y pl a nifi er s a pré s e nc e ou of frir un s er vic e e n lign e , on s e doit d ’ ê tr e a u f a it d e s plu s ré c e nt s d éve lopp e m e nt s . Il e s t éga l e m e nt impor t a nt d e compr e ndr e e t d ’ a cc e pt er qu ’Int ern e t n ’ e s t p a s un m é di a comm e l e s a utr e s : c e s ont l e s utili s a t e urs qui contrôl e nt l e proc e s s u s .

LE WE B N’ E ST PA S U N M É D I A C O M M E LE S AUTR E S Les utilisateurs contrôlent le processus; ils ne sont pas des récepteurs passifs. L’interaction directe avec les utilisateurs peut et doit être envisagée. Un site web évolue en fonction des besoins des utilisateurs; soyez à l’écoute. Qu’il s’agisse de créer ou de modifier un site, sa durée de vie sera limitée; il est judicieux d’en prévoir la refonte à moyen ou à long terme.

Vo s vi s it e urs s ont à l a r e ch erch e a ctive d ’ un e infor m a tion ou d ’ un produit . Il s ve ul e nt p ar foi s s e diver tir, m a i s d a n s tou s l e s c a s , il s s ont l e s a ct e urs d e l a d e m a nd e e t non d e s ré c e pt e urs p a s s if s . Il n e f a ut p a s s e l a i s s er tromp er p ar l a notion d e « p age we b ». Ê tr e s ur l e we b , c ’ e s t bi e n plu s qu e d ’y m e ttr e s a brochur e d e pré s e nt a tion .

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 L’ indu s tri e arrive à m a turit é e t a é t a bli un proc e s s u s d e con s tr uction d ’ un s it e we b e n cinq é t a p e s di s tinct e s qui s eront d é t a ill é e s d a n s l e s p age s s uiva nt e s . C e proc e s s u s doit ê tr e s uivi d a n s l ’ ordr e tout e n f a i s a nt int er ve nir à l ’ ava nc e l e s s p é ci a li s t e s d e tout e s l e s é t a p e s e n a mont . C e s é t a p e s p er m e tt e nt a u cli e nt e t a ux fourni s s e urs d ’ éva lu er c e qu ’ il y a à f a ir e e t d e s ’ e nt e ndr e s ur l a m arch e à s uivr e pour ré u s s ir un proj e t d e qu a lit é .

M O D I F I E R U N S I T E E X I S TA N T Le s ch a nge m e nt s à un s it e exi s t a nt s ont gé n éra l e m e nt d e troi s ordr e s . • S i votr e s it e e s t conçu comm e un e brochur e é l e ctroniqu e , d e s ch a nge m e nt s e s th é tiqu e s s eront plu s fré qu e nt s (d e l a m ê m e f a çon qu e l e s ra ppor t s a nnu e l s ont un e mi s e e n p age dif f ér e nt e ch a qu e a nn é e). On s uit a lors l a mod e . • S i votr e s it e s ’ e nrichit s oud a in e m e nt d e plu s i e urs s e ction s , docum e nt s ou produit s , d e s ch a nge m e nt s ergonomiqu e s s eront r e qui s pour e n f a cilit er l ’ a cc è s . • E nfin , il s e p e ut qu e l ’ évolution d e s outil s e t d e s n aviga t e urs vou s forc e à m e ttr e à jour un e p ar ti e ou l a tot a lit é d e l ’ infra s tr uctur e d e votr e s it e e n y a ppor t a nt l e s ch a nge m e nt s t e chnologiqu e s r e qui s . D a n s tou s l e s c a s , votr e s it e a un e duré e d e vi e limit é e . Il e s t judici e ux d ’ e n prévoir l a r e font e à moye n ou à long t er m e .

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 Qu ’ il s ’ agi s s e d e cré er un s it e we b ou d ’y a ppor t er d e s ch a nge m e nt s , troi s ph a s e s fond a m e nt a l e s s e r e coup e nt pour for m er l e s cinq gra nd e s é t a p e s ci-d e s s ou s :

plan planification stratéégique stra

RÉFLEXION 1

PLANIFICATION STRATÉ GIQUE : id e ntific a tion d e s b e s oin s d e votr e orga ni s m e

C ON C EPTION : é t a bli s s e m e nt d e s p ara m è tr e s concr e t s m e n a nt à l a ré d a ction du c a hi er d e production

con conception DÉVELOPPEMENT

produuction pro

PRODUCTION : ré a li s a tion t e chniqu e e t ar ti s tiqu e

MIS E E N LIGN E : d é ploi e m e nt , l a nc e m e nt e t promotion

mise en ligne exp tation exploit +main mainteenance

OBJECTIFS

pplanification s stratégique

cahier des charges

cconception

cahier de production

pproduction

site de validation

MAINTENANCE 5

EXPLOITATION : m e s ur e d e s ré s ult a t s , m a int e n a nc e e t optimi s a tion

m mise e ligne en

site actif

eexploitation

RÉSULTATS 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 Puisque chacune de s trois pha s e s fondamentale s (réflexion, développement et maintenance) fait appel à de s exper tis e s dif férente s, il n’ e st pa s rare de devoir gérer autant d’ équipe s pour l’ ens emble du proce s sus. Chaque mandat doit alors clairement stipuler quelle s étape s en font l’objet. C e s étape s vous sont pré s enté e s dans le pré s ent guide de façon liné aire . Il e st toutefois impor tant de souligner que le s exper ts impliqué s ne travailleront pa s en silo. Par exemple , il n’ e st pa s recommandé d’ élaborer un concept ar tistique s ans en avoir validé la fais abilité technique . L’implication des experts varie selon les phases. Pour identifier le s fournis s eurs per tinents à chacune de s étape s et même coordonner leurs pre stations, n’hé sitez pa s à consulter un cons eiller indépendant.

RÉPERTOIRE DES ENTREPRISES Vous trouverez sur le site d’Alliance Internet le répertoire des entreprises qui se sont engagées à respecter les principes énoncés dans le présent guide. Voyez : alliancenumerique.com/guideweb.html

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 l’ensemble de votre organisme appuie le projet et y investira le temps et l’argent requis.

Vo s obj e ctif s p e uve nt ê tr e nombr e ux : ve ndr e vo s produit s , f a ir e conn a îtr e vo s s er vic e s , fid é li s er vo s cli e nt s , ou ré duir e vo s coût s logi s tiqu e s . E t il p e ut y avoir a ut a nt d e s tra t égi e s pour l e s a tt e indr e . Pour un e pl a nific a tion s tra t égiqu e ré u s s i e , il e s t impor t a nt d e bi e n compr e ndr e l a dif f ér e nc e e ntr e un obj e ctif , un e s tra t égi e e t un e t a ctiqu e . • L’ obj e ctif e s t l e but qu e l ’ on d é s ir e a tt e indr e . Il doit ê tr e cl a ir, pré ci s , m e s ura bl e e t ré a li s t e . Par exe mpl e : d é s e ngorger votr e s er vic e à l a cli e nt è l e . • La s tra t égi e con s i s t e e n un choix d ’ a ction s coh ér e nt e s e t logiqu e s pour ré a li s er l ’ obj e ctif . P ar exe mpl e : cré er un libr e-s er vic e e n lign e . • Un e t a ctiqu e corr e s pond à un e f a çon d ’ utili s er d e s r e s s ourc e s d e m a ni èr e optim a l e pour a tt e indr e un obj e ctif . P ar exe mpl e : utili s er un for um pour ré pondr e a ux qu e s tion s . Il e s t trop tôt pour id e ntifi er l e s t a ctiqu e s . À c e tt e é t a p e , s e ul s l e s obj e ctif s e t l e s s tra t égi e s doive nt ê tr e arrê t é s a fin d e ré diger un c a hi er d e s ch arge s . Voici un a p erçu d e s qu e s tion s a uxqu e ll e s vou s d evr e z ré pon nd r e . pondr

2 4

Savoir où aller avant de s’y rendre

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 per tinent pour vos utilisateurs? Répond-il à leurs besoins? Lesquels?

• Votre site doit être enrichi de quel type de contenus? Quelles fonctionnalités doit-il of frir? • Quelle est votre marge de manœuvre budgétaire pour réaliser le projet? Est-elle suffi sante? • 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. Analyser votre environnement, vos compétiteurs, votre visibilité, le marché et les tendances. Évaluer les dif férentes approches en fonction de vos objectifs, de vos ressources et de votre potentiel. Recommander la meilleure solution pour atteindre vos objectifs. Déterminer la façon la plus effi cace de travailler selon vos contraintes.

4 5 6

Vérifi er si vos attentes sont réalistes et votre budget suffi sant en relation avec la qualité attendue et les délais proposés. La planifi cation stratégique culmine avec la rédaction du cahier des charges, votre premier livrable.

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 » (clients types). 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. É TA B L I R L E S S T R AT É G I E S Choisir les stratégies qui répondent efficacement aux objectifs. CERNER L E S FAC T E U R S D E S U C C È S Selon les objectifs retenus, constituer une liste d’indicateurs de per formance, concrets et mesurables, pour évaluer régulièrement la per formance du site. ASSIGNER LES RÔLES Identifier rapidement les personnes, tant à l’interne qu’à l’externe qui auront un rôle à jouer dans le projet.

Contenu habituel du cahier des charges À PROPOS DE VOUS

DÉFINITION Le cahier des charges peut por ter divers noms selon les fournisseurs : plan stratégique, mandat, client brief , document de planification, etc. Peu impor te son appellation, il décrit précisément les besoins auxquels la solution recherchée doit répondre et permet aux fournisseurs d’établir un estimé de production adéquat. Un cahier des charges réussi permet de rédiger un appel d’offres complet et donc d’obtenir de meilleures soumissions, car les fournisseurs sont en mesure de bien cerner vos besoins et d’établir un échéancier et un budget plus réalistes. Il permet aussi de constituer une grille d’évaluation pragmatique pour choisir le meilleur prestataire parmi les soumissions reçues. L’appel d’offres sera constitué de l’ensemble ou de par ties du cahier des charges, selon le degré de confidentialité du contenu.

• Pré s e nt a tion s uccinct e d e votr e orga ni s m e e t du m arch é d a n s l e qu e l il évolu e . • Pré s e nt a tion du m a nd a t . • C orré l a tion e ntr e l e s obj e ctif s du s it e e t c e ux d e votr e e ntr e pri s e :

- 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 ) ; - Inform a tion s s ur l e c a t a logu e produit s ou l a logi s tiqu e ( pour un s it e d e comm erc e é l e ctroniqu e ) ; - Cibl e s vi s é e s ( cli e nt s , pro s p e ct s , fourni s s e urs ) .

À PROPOS DE VOTRE PROJET • Obj e ctif s e t pré cisions t e chniqu e s du dispositif Int ern e t exis t a nt, l e c a s é ch é a nt. • Li s t e d e fonctionn a lit é s s ouh a it é e s (ave c exe mpl e s ou contr exe mpl e s). • D é finition s d e s gra nd e s lign e s du s it e (cont e nu s , r ubriqu e s , s e ction s) :

- C ontra int e s t e chniqu e s ; - 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 ) ; - 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 ) .

À P R O P O S D E L’ A P P E L D ’ O F F R E S • D é finition du p érim è tr e d ’ int er ve ntion du pr e s t a t a ir e . • D e s cription d e s livra bl e s d a n s l e c a dr e d e l ’ a pp e l d ’ of fr e s . • D e s cription d e s livra bl e s d a n s l e c a dr e du m a nd a t : r e qui s s p é cifiqu e s comm e l e s fonctionn a lit é s int er f a c e s ( front-e nd ) e t l e s fonctionn a lit é s s er ve urs ( b a ck-e nd ); l e s typ e s d e tra n s a ction s , l e s b e s oin s pour l ’ outil d e r e ch erch e p ar mot cl é , e tc . ; mi s e e n pl a c e du s it e ; arbor e s c e nc e pré limin a ir e e t d e s ign (gra nd e s lign e s); s p é cific a tion s t e chniqu e s (h é b erge m e nt , s é curit é , di s ponibilit é du cod e s ourc e , s t a nd ard s we b); ré f ér e nc e m e nt , pl a n m ark e ting. • C a l e ndri er d e ré a li s a tion; e nve lopp e budgé t a ir e . • Grill e d e pond éra tion pour l ’ éva lu a tion d e s of fr e s d e s er vic e .

2 6

EXPERTISES CLÉS POUR LA PLANIFICATION STRATÉGIQUE R e t e n e z l e s s e r vic e s d ’ e xp e r t s qui ont s ou s crit a ux prin cip e s é non c é s d a n s l e pr é s e nt guid e e t tro uv e z-l e s à : alliancenumerique.com/guideweb.html

C O N S E I L L E R S T R AT É G I Q U E Au s s i a pp e l é s tra t ège , dir e ct e ur d e compt e ou tout s impl e m e nt , con s e ill er. S on rôl e con s i s t e à vou s a ccomp agn er e t à id e ntifi er l e s e nj e ux e t l e s t e nd a nc e s s ur Int ern e t qui a f f e ct eront votr e proj e t . Il conçoit e t é l a bor e d e s s tra t égi e s qui ré pond e nt à vo s b e s oin s d e m ê m e qu ’ à c e ux d e vo s cli e nt s . S e s conn a i s s a nc e s vou s p er m e ttront d ’ é conomi s er t e mp s e t arge nt e n ori e nt a nt votr e proj e t , d è s l e d é p ar t , d a n s l a bonn e dir e ction . E XP E RT E N RÉFÉR E NC E M E NT On e nt e nd p ar ré f ér e nc e m e nt l ’ utili s a tion , d a n s un e p age we b , d e mot s cl é s à l ’ int e ntion d e s mot e urs d e r e ch erch e t e l Googl e . Le rôl e d e l ’ exp er t e n ré f ér e nc e m e nt con s i s t e à id e ntifi er l e s mot s cl é s impor t a nt s e t à pl a nifi er l e ur int égra tion d a n s votr e s it e pour qu e c e d erni er joui s s e d ’ un e plu s gra nd e vi s ibilit é . C ’ e s t un trava il continu d ’ optimi s a tion qui , lors qu ’ il e s t bi e n exé cut é , gé n èr e d e s h a u s s e s impor t a nt e s d e tra fic . ERGONOME Au s s i a pp e l é archit e ct e d e l ’ infor m a tion , exp er t e n convivi a lit é ( u s a bility exp er t ) e t p ar foi s , s c é n ari s t e ou conc e pt e ur. S on rôl e con s i s t e à conc evoir, ou révi s er, l ’ e f fic a cit é d e l a s tr uctur e d ’ un s it e e t à e n a s s ur er un e bonn e utili s a tion p ar l e s int ern a ut e s .

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 » L’expression « web 2.0 », plus métaphorique que réelle, signale sur tout un usage contemporain du web qui dif fère de celui de ses débuts (ou, si vous préférez, de sa première version : « 1.0 »). Plus qu’un réseau reliant des pages, le web d’aujourd’hui relie des gens; d’où l’appellation « web social ». Parmi les communautés vir tuelles, les forums, les blogues et les wikis, bref dans tous ces endroits où la communication est horizontale entre les membres, fl eurissent ce qu’on appelle par extension les réseaux sociaux. C’est le « lieu de la conversation » et il peut par fois avoir un grand impact pour les compagnies. Ces réseaux favorisent les regroupements. Toute information d’intérêt facilement accessible et tout aussi aisément transmissible y circulera rapidement, créant ainsi des ef fets viraux for t utiles dans le cycle marketing. Une stratégie « 2.0 » por tera simplement attention à ces nouveaux usages du web. On ne saurait, par exemple, « créer une communauté vir tuelle ». Mais on peut prévoir des mécanismes pour en favoriser le développement ou accueillir des communautés existantes. Être « 2.0 » n’est ni une obligation ni un gage de succès. On s’y engagera pour répondre à un besoin clairement identifi é (en matière de relation avec la clientèle, par exemple). Le « web 2.0 » n’exige pas nécessairement des technologies coûteuses, mais il se doit d’être intégré à vos processus d’entreprise qu’il vous faudra conséquemment modifi er (forum de produits, blogue corporatif, RP vir tuelles, etc.). Les diffi cultés sont souvent éprouvées dans la maintenance et non dans l’implantation. C’est pourquoi il doit être planifi é au tout début du projet. Et il faut y attribuer les ressources humaines nécessaires pour le suppor ter longtemps après le lancement du site.

Il doit p erc evoir l e s probl è m e s pot e nti e l s qui p e uve nt fr e in er ou e mp ê ch er l ’ utili s a tion du s it e . Il ch erch e à cré er l ’ arbor e s c e nc e d e h a ut nive a u s e lon d e s crit èr e s r e connu s d e convivi a lit é d a n s l e but d ’ a ugm e nt er l e s t a ux d e convers ion .

la conception À par tir du cahier des charges, il vous faut maintenant élaborer et valider le concept, l’apparence et les fonctionnalités de votre site avant d’en commencer la production. C’est le moment où les idées originales fusent pour déterminer ce qu’il y a à dire et comment le dire. L’appor t créatif, variable selon les projets, doit rester en lien avec la stratégie et être toujours entériné par l’équipe de production.

2 8

C er t a in e s p ar ti e s d e c e tt e é t a p e p e uve nt ê tr e ré a li s é e s à l ’ int ern e , m a i s e ll e e s t gé n éra l e m e nt confi é e à un pr e s t a t a ir e s p é ci a li s é e n conc e ption d e s it e s . Ell e n e pré s e nt e p a s d e dif ficult é s m a j e ur e s , s i c e n ’ e s t d e l a cré a tivit é , m a i s e ll e d e m a nd e un c er t a in t e mp s , du f a it d ’ un gra nd nombr e d ’ é ch a nge s e ntr e plu s i e urs int er ve n a nt s . Ell e n é c e s s it e un s uivi rigour e ux. S e lon l e d egré d e dif ficult é du proj e t , un e d é mon s tra tion fonctionn e ll e p e ut s ’ avér er n é c e s s a ir e pour t e s t er l e s princip a l e s fonction s du s it e . M ê m e s i e ll e n ’ e s t qu e p ar ti e ll e m e nt cod é e e t d e s ign é e , l a d é mon s tra tion fonctionn e ll e donn e un bon a p erçu dyn a miqu e du r e ndu fin a l e t p er m e t d e f a ir e r e s s or tir l e s err e urs d e conc e ption ou d ’ ergonomi e . À l a fin d e c e tt e é t a p e , vou s a ur e z un e id é e pré ci s e d e l ’ a llur e d e votr e s it e . C e l a vou s p er m e ttra d ’ é num ér er m é thodiqu e m e nt l e s é l é m e nt s r e qui s pour s a production d a n s l e c a hi er d e production , votr e proch a in livra bl e . C e t ouvrage s er vira d e pl a n d ’ int er ve ntion pour tou s l e s a utr e s pr e s t a t a ir e s a s s oci é s à l a ré a li s a tion du proj e t .

Élaborer les grandes lignes du concept 1

2 3 4 S i l ’ un d e vo s obj e ctif s e s t d e ve ndr e vo s produit s ou s er vic e s , vou s d evri e z à c e tt e é t a p e choi s ir votr e fourni s s e ur d e s olution d e p a i e m e nt e t vérifi er l e s exige nc e s r e qui s e s p ar l e fourni s s e ur, votr e int égra t e ur e t l e s nor m e s e n vigu e ur (ré s e a ux d e p a i e m e nt , loi s ur l a prot e ction d e s con s omm a t e urs , nor m e d e s é curit é d e l ’ indu s tri e…). Vou s d evri e z éga l e m e nt avoir d é cid é qu e l s typ e s d e p a i e m e nt s vou s a cc e pt er e z (Vi s a , M a s t erC ard…).

5 6 7 8

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 de haut niveau du site. CLASSIFIER LE S CONTE NUS Faire l’inventaire des contenus et déterminer à quelles sections ou divisions de votre site ils sont destinés. RÉDIG ER LE SYN O P SIS Créer un document énonçant tout ce que le site doit faire pour vos visiteurs. LISTE R LE S F O NCTIO N NALITÉS Lister toutes les fonctions requises par le synopsis. CRÉER UN « TA B L E A U D ’ I N S P I R AT I O N » (MOODBOARD) Donner un aperçu de la tonalité graphique, de la saveur ar tistique et des inspirations visuelles à suivre. M ONTE R LE S MAQ U ETTE S F O NCTIO N N E LLE S (E N « FIL DE F E R ») Identifier tout ce que doit contenir l’intérieur des principaux écrans (squelette du contenu) à par tir desquels vos utilisateurs seront invités à parcourir votre site. É 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. 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 les délais pour baliser le suivi de la production du projet.

Les quatre composantes principales du cahier de production C A S D ’ U T I L I S AT I O N Il s er t à exprim er e t à compr e ndr e l e proc e s s u s d ’ int era ctivit é e ntr e l e s utili s a t e urs e t l e s divers e s compo s a nt e s du s it e . Il d é finit l e s m a ni èr e s d ’ utili s er l e s it e , p ar un e s é qu e nc e d ’ évé n e m e nt s lin é a ir e s , d ’ un point à l ’ a utr e , e n montra nt l e s ch e min s typ e s d e s divers utili s a t e urs s ouh a it a nt a tt e indr e c er t a in s but s . Un c a s d ’ utili s a tion p e ut ê tr e d é t a ill é ou infor m e l , s e lon l e s b e s oin s . Il p er m e t d e n e p a s oubli er c er t a in e s fonctionn a lit é s , d e r e p ér er d e s probl è m e s conc e ptu e l s e t d e s ’ a s s ur er qu e l ’ utili s a t e ur pui s s e a ch ever c e qu ’ il e s t e n tra in d e f a ir e .

MAQ UETTE FONCTIONNELLE EN FIL DE FER (WIREFRAME) C ompo s é s d e boît e s e t d e titr e s , c e typ e d e m a qu e tt e donn e un a p erçu fonctionn e l (e t non ar ti s tiqu e) d e s é cra n s princip a ux. La m a qu e tt e fonctionn e ll e pré s e nt e l a pl a c e r e l a tive d e s cont e nu s d ’ un e p age s a n s s ’ ava nc er a u nive a u du d e s ign . Ell e s er t à synchroni s er l e s vi s ion s du d e s ign er e t du progra mm e ur.

ARBORESCENCE C ’ e s t l a r e pré s e nt a tion , s ou s for m e d ’ arbr e , d e l a r e l a tion d e d é p e nd a nc e d e s cont e nu s e ntr e e ux. Trè s util e pour l e ré d a ct e ur, l e d e s ign er e t l e progra mm e ur, l ’ arbor e s c e nc e p er m e t d e cl a s s er l e s cont e nu s e t d ’ éva lu er l a qu a ntit é d e p age s à produir e .

MODÈLE DE DONNÉES C ’ e s t l a s tr uctur e infor m a tiqu e d e s cont e nu s d e l a b a s e d e donn é e s . C e mod è l e d é crit l e s r e l a tion s logiqu e s e t hi érarchiqu e s e ntr e l e s donn é e s e t l a f a çon dont e ll e s s eront utili s é e s . Il évit e l a duplic a tion d e s donn é e s e t e n f avori s e l a ré utili s a tion . Il s er t e nfin à s é p ar er l e cont e n a nt du cont e nu e t e s t gé n éra l e m e nt utili s é pour s tr uctur er l e s b a s e s d e donn é e s r e l a tionn e ll e s . F a cult a tif pour l e s p e tit s s it e s , l e mod è l e d e donn é e s s ’ avèr e e s s e nti e l à l a production d e proj e t s d ’ e nvergur e .

20 1

EXPERTISES CLÉS POUR LA CONCEPTION R e t e n e z l e s s e r vic e s d ’ e xp e r t s qui ont s ou s crit a ux prin cip e s é non c é s d a n s l e pr é s e nt guid e e t tro uv e z-l e s à : alliancenumerique.com/guideweb.html

C O N S E I L L E R S T R AT É G I Q U E Le con s e ill er, qu ’ il s oit a pp e l é s tra t ège ou dir e ct e ur d e compt e , a pour mi s s ion d e vou s a ccomp agn er d a n s l e proc e s s u s e t d ’ ori e nt er l ’ é quip e d a n s l a bonn e dir e ction , s e lon l e s obj e ctif s e t l e s s tra t égi e s prévu s . Il cumul era p ar foi s d e s exp er ti s e s cit é e s d a n s c e tt e li s t e .

E X P E R T I S E S C O M P L É M E N TA I R E S O P T I M I S AT I O N V I D É O Votre directeur technique doit être en mesure de saisir immédiatement les contraintes propres au web (bande passante, poids, qualité, compression, etc.) qui auront un impact à la toute fi n du projet.

ERGONOME HÉB E RG E M E NT WE B App e l é a u s s i archit e ct e d e l ’ infor m a tion ou exp er t e n convivi a lit é , s on rôl e con s i s t e à cré er d e s é cra n s fonctionn e l s e n fil d e f er of fra nt l e m aximum d e confor t e t d ’ e f fic a cit é a ux utili s a t e urs du s it e .

Votre directeur technique ou votre hébergeur doit maîtriser les coûts et les contraintes techniques, de sécurité et d’effi cacité en fonction du concept choisi.

DIRECTEUR TECHNIQUE

D ISTR I B UTI O N D E C O NTE N U

App e l é a u s s i archit e ct e inform a tiqu e , s on rôl e con s i s t e à va lid er tout l ’ a s p e ct t e chnologiqu e du conc e pt .

Si vous avez beaucoup de contenu riche (vidéo, en par ticulier) ou visez un très for t trafi c, la mise en cache de contenu web permet une distribution rapide et effi cace. Une entreprise spécialisée en distribution de contenu peut vous aider à développer cette solution et évaluer les contraintes avant la production.

S CÉNAR I STE I NTE R ACTI F App e l é a us si conc e pt e ur-ré d a ct e ur, son rôl e consis t e à d éve lopp er l e conc e pt e t l e s gra nd e s lign e s du proj e t. Il produit l e d é coup age d e s é l é m e nt s int era ctif s , ar ti s tiqu e s e t t e chniqu e s e n coll a bora tion ave c l ’ é quip e . CHARGÉ DE PROJ ET

TE STS D’E R G O N O M I E Vous pouvez valider très tôt, même sur des maquettes en papier, la qualité d’une inter face proposée en la testant auprès de futurs utilisateurs. Quelques sociétés spécialisées ont conçu des laboratoires en ce sens.

App e l é a u s s i coordonn a t e ur ou product e ur, s on rôl e con s i s t e à s uivr e l e proj e t e t à s ’ a s s ur er qu e tout e s l e s r e s s ourc e s coll a bor e nt e n s e mbl e . D I R E CTE U R ARTISTI Q U E S on rôl e con s i s t e à gér er l ’ e n s e mbl e d e s a s p e ct s ar ti s tiqu e s du proj e t . Il ve ill e à l ’ a pplic a tion d e l a ch ar t e gra phiqu e e t à l a qu a lit é ar ti s tiqu e d e l ’ e n s e mbl e .

la production Vous voici rendu à l’étape de production, appelée parfois exécution, pendant laquelle sont réalisés les concepts développés dans le cahier de production.

S i c e n ’ e s t p a s d é j à f a it , choi s i s s e z l e fourni s s e ur qui produira votr e s it e . Il arrive s ouve nt , bi e n qu e c e l a n e s oit p a s n é c e s s a ir e , qu ’ il s ’ agi s s e du fourni s s e ur aya nt ré digé l e c a hi er d e production . C ’ e s t à lui qu e r evi e ndra l e titr e d e ge s tionn a ir e du proj e t . E t il n ’ e s t p a s rar e qu ’ il coordonn e a u s s i , pour vou s , l e trava il d e d e ux ou troi s a utr e s fir m e s s p é ci a li s é e s à qui on a ura confi é un e p ar ti e du m a nd a t . S on rôl e e s t cr uci a l; choi s i s s e z-l e ave c s oin . Vou s e nt e ndr e z p e ut-ê tr e l e s t er m e s « pré production » (pré p ara tion d e s é l é m e nt s n é c e s s a ir e s à l a production — cré a tion e n lot s d e l ’ e n s e mbl e d e s cont e nu s) e t int égra tion (a s s e mbl age d e tou s c e s cont e nu s a u s it e). M ê m e s i l e trava il s ’ e f f e ctu era a in s i s ouve nt e n p ara ll è l e , il e s t pré f éra bl e d e pl a nifi er lin é a ir e m e nt l e s d é p e nd a nc e s d e livra bl e s a fin d e s ’ a s s ur er qu e ch a qu e r e s s ourc e s a ch e exa ct e m e nt c e qu ’ e ll e a à f a ir e , à qui l e r e m e ttr e , e t qu a nd . À l a fin d e c e tt e é t a p e , vou s obti e ndr e z l a vers ion b ê t a du s it e , un e vers ion qu a s i d é finitive dont il n e r e s t era qu ’ à expurger l e s bogu e s ava nt l e l a nc e m e nt . Prot égé p ar mot d e p a s s e , votr e s it e e s t a cc e s s ibl e d e pui s un s er ve ur d e va lid a tion . Vou s e t l e contrôl e ur d e qu a lit é pourrr e z l e t e s t er iintt e n s ive m e nt .

22 1

La course commence! 1 2

3 4 5

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. O BTE NTIO N D E S C O NTE N US Regrouper tous les contenus multimédias existants qui seront utilisés dans le site. Ne pas sous-estimer le travail de recherche. Ce qui n’est pas trouvé ou est de mauvaise qualité devra être produit ou retiré du scénario. 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. D E S I G N D E S I N T E R FAC E S Créer les maquettes qui deviendront l’inter face finale du site. P R O G R A M M AT I O N S’assurer de choisir un langage de programmation ouver t que plusieurs programmeurs connaissent.

C R É AT I O N D E S É L É M E N T S M U LT I M É D I A S Produire les contenus riches (animation, flash, vidéo, son, etc.)

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 É Réper torier les bogues et valider les fonctionnalités prévues.

RESPECT DE 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.

Points à surveiller LE CHOIX DU FOURNISSEUR A N A LY S E FONCTIONNELLE ET TECHNIQUE

CONTENU

N e f a it e s p a s l’ err e ur d’om e ttr e l’ a n a lys e fonctionn e ll e e t t e chniqu e . Il n’ e s t p a s rar e qu’ e ll e f a s s e p ar ti e d’un m a nd a t dis tinct a fin d’ éva lu er plus fin e m e nt l e r e s t e du proj e t. À titr e d’ exe mpl e , e n a n a lys a nt ch a cun e d e s compos a nt e s t e chnologiqu e s d e votr e proj e t, l e dir e ct e ur t e chniqu e pourra it conclur e qu e d e s é l é m e nt s ont é t é sous-e s tim é s ou suréva lu é s d a ns l e c a hi er d e production. Votr e budge t pourra a insi ê tr e révis é e n t e mps util e . On oubli e souve nt qu’il f a ut a s sis t er l e ré d a ct e ur d a ns s a coll e ct e d’inform a tions . Doit-il tout é crir e ou s e ul e m e nt r e touch er un t ext e ? A-t-il a cc è s a ux docum e nt s n é c e s s a ir e s? La cré a tion d e cont e nu, sur tout a udiovisu e l, e s t trè s coût e us e e n t e mps e t e n é n ergi e . S ’il e s t vra i qu e c er t a in e s corr e ctions min e ur e s p e uve nt ê tr e f a it e s e n lign e , il n’ e s t p a s toujours pos sibl e « d’ a jout er un e simpl e im age » s a ns imp a ct m a j e ur sur l e d e sign.

MAQUETTES

S a ch e z qu e lorsqu e vous a cc e pt e z un e m a qu e tt e , tout ch a nge m e nt ult éri e ur pourra it ê tr e m a j e ur e t impliqu er d e d é f a ir e l e trava il d e s progra mm e urs , d e l’infogra phis t e , du s c é n aris t e e t d e l’int égra t e ur. Il n e f a ut donc p a s « r e m e ttr e à plus t ard un d é t a il » qu e l’on p e ut régl er m a int e n a nt.

S TA N D A R D S WEB

Il exis t e d e s s t a nd ards r e connus sur l e we b. Votr e fournis s e ur doit avoir à c œur d e l e s r e sp e ct er e t d e vous e n expliqu er l e s t e n a nt s e t l e s a boutis s a nt s . En m a ti èr e d e progra mm a tion p ar exe mpl e : l e s t a nd ard XHTML du consor tium W3 ou l’us age d e C S S pour s é p ar er l e cont e nu du cont e n a nt. En r e sp e ct a nt l e s s t a nd ards , votr e sit e pourra a is é m e nt ê tr e a d a pt é à tout e évolution d e s t e chnologi e s we b. Le r e sp e ct d e c e s s t a nd ards e s t sur tout gara nt d e l a m e ill e ur e a cc e s sibilit é pos sibl e à votr e cont e nu, l a ra ison pr e mi èr e d e votr e pré s e nc e sur Int ern e t.

SÉCURITÉ

SOLUTION DE PA I E M E N T E N L I G N E

COMMERCE ÉLECTRONIQ UE

24 1

Cré er un sit e we b, c ’ e s t plus qu e d e s sin er d e s m a qu e tt e s . D a ns l e choix du fournis s e ur, vous d eve z consid ér er son exp éri e nc e d a ns l a ge s tion d e proj e t, l a s c é n aris a tion e t l a progra mm a tion.

Il exist e d e s m é thod e s e f fic a c e s pour s e prot éger d e ge ns m a lve ill a nts sur Int ern e t. Si l’impor t a nc e d e s donn é e s l e justifi e , inform ez-vous du typ e d e prot e ction of f er t p ar l’h é b erge ur re l a tive m e nt a ux s er ve urs , a ux a cc è s e t m ê m e a ux m e mbre s d e son personnel. Et vous , comment a s surerez-vous , au s ein de votre organisme , la confidentialité de s informations qui vous s eront confié e s par le s utilis ateurs de votre site? Le s ins titutions fin a nci èr e s e t c er t a ins fournis s e urs sp é ci a lis é s n’of fr e nt p a s tous l e s m ê m e s typ e s d e solutions , fonctionn a lit é s e t suppor t (typ e d e tra ns a ction, outils d e préve ntion d e l a fra ud e . . .). Il n e f a ut p a s sous-e s tim er l e t e mps r e quis pour l’int égra tion du p a i e m e nt à votr e p a ni er d’ a ch a t e t l e s ph a s e s d e t e s t e t d e c er tific a tion. Vérifi er éga l e m e nt qu e l e s fournis s e urs ré pond e nt a ux norm e s d e s é curit é d e l’indus tri e (pcisecuritystandards.org). Il f a ut d éve lopp er trè s tôt un e politiqu e d e r e mbours e m e nt e t confid e nti a lit é d e s donn é e s , a insi qu’un e bonn e ge s tion d e s c a s d’ err e ur, e tc. (a f fich er vos prix d a ns l a bonn e d evis e , courri e l du s er vic e a prè s-ve nt e , r e çu d e tra ns a ction e t pos sibilit é d e l’imprim er. . .). En r e sp e ct a nt l e s qu e lqu e s règl e s d e b a s e , vous pouve z obt e nir a is é m e nt l a c er tific a tion qui vous donn era plus d e cré dibilit é .

EXPERTISES CLÉS POUR LA PRODUCTION R e t e n e z l e s s e r vic e s d ’ e xp e r t s qui ont s ou s crit a ux prin cip e s é non c é s d a n s l e pr é s e nt guid e e t tro uv e z-l e s à : alliancenumerique.com/guideweb.html

D I R E CTE U R ARTISTI Q U E Omnipré s e nt d e pui s l ’ é t a p e d e cré a tion , il ve ill e m a int e n a nt à l a qu a lit é ar ti s tiqu e d e s m a qu e tt e s . S CÉNAR I STE I NTE R ACTI F Éga l e m e nt e n s c è n e d e pui s l ’ é t a p e d e cré a tion , il compl è t e l a ré d a ction du synop s i s d a n s s e s moindr e s d é t a il s . CHARGÉ DE PROJ ET S on rôl e con s i s t e à gér er l e proj e t d a n s l e r e s p e ct d e l ’ é ch é a nci er e t du budge t .

E X P E R T I S E S C O M P L É M E N TA I R E S RÉDACTE U R Il rédige de longs passages et le contenu de votre site. Choisissez-le en fonction de vos besoins (journaliste, recherchiste, rédacteur publicitaire, relations publiques, etc.). ERGONOME Il valide les aspects ergonomiques et cognitifs des maquettes pour s’assurer que l’utili s a t e ur sache toujours où il est, où il peut aller, et qu’il puisse aisément se rendre où vous le souhaitez. E XP E RT E N RÉFÉR E NC E M E NT Il s’assure que les textes, les titres et la structure de la page permettent aux moteurs de recherche de retrouver les contenus clés du site. TE STE U R S

A N I M AT E U R 2 D , 3 D , F L A S H S on rôl e con s i s t e à a nim er l e vi s u e l . Pour l e 3 D e t l e Fl a s h , d e l a progra mm a tion e s t p ar foi s n é c e s s a ir e .

On peut faire appel à des testeurs professionnels pour débusquer les bogues.

V O U S AVE Z D I T CM S ? PROGRAMM E UR S on rôl e con s i s t e à d é t er min er l e s c ara ct éri s tiqu e s t e chniqu e s e t à progra mm er e n s uit e l e s fonctionn a lit é s d a n s l e l a ngage choi s i .

Le contenu du site est toujours appelé à changer. Pour le mettre à jour, il faut un outil qui permet d’accéder uniquement au contenu et d’éviter de toucher au code : c’est le « système de gestion de contenu », appelé en anglais « CMS » ( Content Management System).

I N F O G RAP H ISTE S on rôl e con s i s t e à d é clin er l e s im age s dont l e s it e a b e s oin . C ONTRÔLE UR D E Q UALITÉ S on rôl e con s i s t e à s ’ a s s ur er qu e tou s l e s livra bl e s sont conform e s a ux norm e s e t a u c a hi er d e s ch arge s . I N T É G R AT E U R S on rôl e con s i s t e à r e li er l e s é l é m e nt s gra phiqu e s e t t extu e l s d a n s l e s p age s HTML.

Un système de gestion de contenu permet à une ou plusieurs personnes de modifi er facilement le contenu du site. Vous pouvez en développer un sur mesure ou en choisir un existant. Cer tains sont même gratuits. Dans tous les cas, vous devrez le prévoir dès l’analyse fonctionnelle et technique du site pour connaître le degré de sophistication souhaité. Ce dernier dépend de plusieurs paramètres comme le type de contenu à modifi er (menus, titres, sections, pages) et le niveau d’autorisation requis selon les intervenants (limitation aux titres, création de page, etc.).

la mise en ligne L’HÉBERGEMENT Le choix de l’hébergeur dépend de vos besoins et les prix varient en fonction des services souhaités : service clé en main, inter face de gestion, outils disponibles, niveau de sécurité, per formance, serveur dédié ou par tagé, ouver t ou propriétaire. Il peut même avoir un impact sur votre visibilité dans les moteurs de recherche.

L’ h é b erge ur e s t e n m e s ur e , s i vou s l ’ impliqu e z tôt d a n s l e proj e t , d e vou s guid er d a n s l e choix du s er ve ur, d e l a b a nd e p a s s a nt e n é c e s s a ir e e t d e l a c a p a cit é d e s tock age . E n gé n éra l , c ’ e s t a u s s i l ’ h é b erge ur qui gèr e vo s a dr e s s e s (DN S) e t f a it l a s a uvegard e d e vo s donn é e s . As s ur e z-vou s qu ’ il conn a ît l e s bonn e s pra tiqu e s s i vou s lui confi e z vo s e nvoi s m a s s if s d e courri e l s . La s é curit é d evi e nt un e nj e u m a j e ur. C hoi s i s s e z un h é b erge ur qui m a îtri s e a ut a nt l a s é curit é logiqu e (f a ill e d e progra mm a tion ou d e s er ve ur) qu e phys iqu e (s é curit é d e s li e ux e t fi a bilit é du p ers onn e l). Il arrive s ouve nt qu e c e s oit l a fir m e produi s a nt l e s it e qui gèr e l a r e l a tion ave c l ’ h é b erge ur. D e m a nd e z à ê tr e impliqu é s i vou s n e s ouh a it e z p a s qu e c e s oit c e tt e fir m e qui pours uive l e proj e t à l a proch a in e é t a p e . S ’ il s ’ agit d ’ un r e d é ploi e m e nt d e s it e , d éve lopp e z ave c votr e h é b erge ur un e s tra t égi e d e mi s e e n lign e pour t e s t er gra du e ll e m e nt l e nouve a u s it e s a n s m e ttr e e n p éril s on pré d é c e s s e ur.

26 1

Dernières vérifications avant la mise en ligne Lors d e l a mi s e e n lign e , l e s fourni s s e urs d e s olution d e p a i e m e nt e n lign e l e s plu s s éri e ux vou s f eront p a s s er un e « c er tific a tion ». Ve ill e z à d éve lopp er d ’ ava nc e un e politiqu e d e r e mbours e m e nt , un e politiqu e d e confid e nti a lit é d e s donn é e s , un e bonn e ge s tion d e s c a s d ’ err e ur e t a s s ur e z-vou s d ’ a f fich er vo s prix d a n s l a bonn e d evi s e , d ’ of frir un e a dr e s s e courri e l pour l e s er vic e a prè s-ve nt e , d ’ a f fich er l e r e çu d e l a m er. tra n s a ction corr e ct e m e nt e t d ’ of frir l a po s s ibilit é a u cli e nt d e l ’ imprim Il s uf fit gé n éra l e m e nt d e r e s p e ct er qu e lqu e s règl e s d e b a s e a fin pe d ’ obt e nir a i s é m e nt c e tt e c er tific a tion . N e n églige z p a s non plu s l e typ d e s er vic e a prè s-ve nt e of f er t p ar votr e fourni s s e ur, l a di s ponibilit é du s outi e n t e chniqu e d a n s l e s d e ux l a ngu e s e t s a loc a li s a tion gé ogra phiqu e e t un éve ntu e l li e n ave c votr e in s titution fin a nci èr e .

LE LANCEMENT ET LA PROMOTION Il impor t e d e donn er un e bonn e vi s ibilit é à votr e s it e . R é s er ve z-lui un l a nc e m e nt e n gra nd e s pomp e s ; a prè s tout , c ’ e s t votr e nouve ll e s uccurs a l e ! Outr e l e s moye n s tra ditionn e l s e ntoura nt c e l a nc e m e nt (r e l a tion s publiqu e s , communic a tion , promotion e t m ark e ting), il exi s t e un e foul e d e moye n s propr e s a u we b pour f a ir e conn a îtr e l ’ exi s t e nc e d e votr e s it e e t y cré er un impor t a nt tra fic d e qu a lit é : • B ull e tin courri e l (a nnonc e z l e l a nc e m e nt d a n s votr e bull e tin)

Les corrections mineures peuvent toujours être faites après le lancement.

2 3

• Concours (n’oubli e z p a s d’obt e nir l’ a utoris a tion d e s ins t a nc e s régl e m e nt a ir e s p er tin e nt e s t e ll e l a R égi e d e s a lcool s , d e s cours e s e t d e s j e ux du Qu é b e c). • Ach a t s d e mot s cl é s Pour optimi s er l a vi s ibilit é d ’ un s it e d a n s l e s mot e urs d e r e ch erch e comm e Googl e , il e s t po s s ibl e d ’ a ch e t er d e s mot s cl é s r e l a tif s à votr e produit ou à votr e s er vic e . Le s utili s a t e urs qui s ont e n mod e r e ch erch e s ont plu s e nclin s à cliqu er s ur un e t e ll e publicit é . C ’ e s t un e f a çon p e u coût e u s e d ’ a ugm e nt er l ’ a ch a l a nd age s ur votr e s it e .

C O N NAÎTR E LA P R O CÉDUR E D E SAUVE GAR D E Préparer une procédure de contingence : ce n’est pas quand la catastrophe frappe qu’il est temps de comprendre comment cela fonctionne.

E F F ECTU E R LA SURVE ILLANC E DU SE RVE UR Il arrive qu’un site « tombe » quelques instants (panne, coupure, etc.). Demander qui sera mis au courant et comment (et à quelle vitesse) il remettra le serveur sur pied.

• R e l a tion s publiqu e s vir tu e ll e s (cont a ct e z l e s influ e nc e urs , blogu e urs , for um s , e tc .)

• C a mp agn e s b a nni èr e s

ACTIVE R L E C O M PTE U R S TAT I S T I Q U E D E F R É Q U E N C E L’équivalent des « tourniquets », le compteur statistique « comptabilise » vos utilisateurs sur le site. Sans compteur, pas de mesure.

• M ark e ting courri e l (utili s e z vo s li s t e s d ’ e nvoi ou lou e z-e n)

• In s cription s ur l e s a nnu a ir e s e t l e s mot e urs d e r e ch erch e (DMOZ , Ya hoo , e tc .)

S ’A S S U R E R Q U E C E Q U I E S T M IS E N LIG N E E ST C O N F O R M E À C E Q U I A É T É VA L I D É

P R É V O I R L A C A PAC IT É D E L A B A N D E PA S SA N T E Si le site comprend de nombreux contenus riches (vidéo, etc.) ou qu’il est très fréquenté, demander ce qui se passe si la capacité prévue est atteinte ou dépassée.

Lexique S E O S e arch Engin e Optimiz a tion . L’ optimi s a tion du cont e nu e t du cod e pour f avori s er l ’ ind exa tion d a n s l e s mot e urs d e r e ch erch e e t l e s a nnu a ir e s .

EXPERTISES CLÉS POUR LA MISE EN LIGNE R e t e n e z l e s s e r vic e s d ’ e xp e r t s qui ont s ou s crit a ux prin cip e s é non c é s d a n s l e pr é s e n t guid e e t trouv e z-l e s à :

alliancenumerique.com/guideweb.html HÉB ERG EUR S on rôl e con s i s t e à vou s con s e ill er s ur l a m e ill e ur e s olution d ’ h é b erge m e nt e n fonction d e vo s b e s oin s . S ouve nt l a fir m e qui produit l e s it e f a it l e pont e ntr e l ’ h é b erge ur e t vou s . SPÉC IALISTE E N A C H AT D E M O T S C L É S S on rôl e con s i s t e à optimi s er l ’ a ch a t d e mot s cl é s pour po s itionn er votr e s it e d a n s l a s e ction d e s li e n s comm erci a ux of f er t e p ar l e s mot e urs d e r e ch erch e .

S E M S e arch Engin e M ark e ting. Publicit é p ar mot s cl é s d a n s l e s mot e urs d e r e ch erch e . S M O S oci a l M e di a Optimiz a tion . L’ optimi s a tion d e s ré s e a ux s oci a ux e s t un e for m e d e r e l a tion s publiqu e s a d a pt é e à l a cultur e d e ch a qu e outil d e ré s e a ut age . PPV

Pay-Per-Vi ew. F a ctura tion à l ’ impr e s s ion . Te chniqu e publicit a ir e où l ’ a nnonc e ur p aye pour tou s l e s vi s it e urs qui ont é t é expo s é s à l a publicit é .

PPC

Pay-Per-Clic . F a ctura tion a u clic . Te chniqu e publicit a ir e où l ’ a nnonc e ur p aye uniqu e m e nt pour l e s vi s it e urs qui ont cliqu é s ur l a b a nni èr e ou l e mot cl é .

P PA

Pay-Per-Action . F a ctura tion à l ’ a ction . Te chniqu e publicit a ir e où l ’ a nnonc e ur p aye pour l e s vi s it e urs qui font un e a ction pré ci s e (a ch e t er, t é l é ch arger, e tc .).

IAB

Int era ctive Adver ti s ing B ur e a u . Le B ur e a u d e l a publicit é int era ctive du C a n a d a , orga ni s a tion s a n s but lucra tif qui r e pré s e nt e l e s a nnonc e urs , l e s age nc e s e t l e s é dit e urs e n m ark e ting int era ctif .

ADWORDS/ADSENSE Sys t è m e s publicit a ir e s d e Googl e qui a f fich e nt d e s a nnonc e s-t ext e s cibl é e s .

CPM

C oût p ar mill e . Un e c a mp agn e publicit a ir e d e b a nni èr e s ur Int ern e t s e c a lcul e p ar mill e « impr e s s ion s », c ’ e s t-à-dir e l a vi s u a li s a tion d e l a m ê m e b a nni èr e mill e foi s s ur l e we b pour un coût fixe .

28 1

Qu’est-ce que le référencement? Le trafic en provenance des moteurs de recherche et des annuaires représente normalement une très grande par t des visites sur votre site : vos utilisateurs ne connaissent pas l’adresse de votre site et ils utilisent ces services pour trouver ce qu’ils cherchent. Si vous voulez qu’ils vous trouvent, mettez toutes les chances de votre côté. Pour qu e l e s mot e urs d e r e ch erch e vou s of fr e nt un e bonn e vi s ibilit é , il exi s t e d e ux s tra t égi e s di s tinct e s e t compl é m e nt a ir e s : (1) un trava il d ’ optimi s a tion d e po s itionn e m e nt d e votr e s it e , e t (2) l ’ a ch a t d e mot s cl é s (li e n s comm a ndit é s).

La pr e mi èr e s tra t égi e con s i s t e à f a ir e e nr egi s tr er votr e s it e p ar l e s outil s d e r e ch erch e e t d e s a nnu a ir e s , pui s à révi s er réguli èr e m e nt votr e po s ition d a n s l e s p age s d e ré s ult a t s d e s mot e urs e n optimi s a nt l e s mot s cl é s s ur vo s p age s .

La s e cond e s tra t égi e s uppo s e l a ge s tion d ’ un e c a mp agn e d e publicit é vir tu e ll e : l ’ a ch a t d e li e n s comm a ndit é s a uprè s d e divers e s comp agni e s d e mot e urs d e r e ch erch e ou d e por t a il s .

Le ré f ér e nc e m e nt e s t un e vérit a bl e di s ciplin e , c ar l a concurr e nc e d a n s l ’ a ch a t d e s mot s cl é s e s t vive . Un trava il d e ré f ér e nc e m e nt e f fic a c e d e m a nd e un e gra nd e conn a i s s a nc e du fonctionn e m e nt d e s mot e urs d e r e ch erch e , d e s t e chniqu e s d ’ a n a lys e e t d e l a ré d a ction s tra t égiqu e d ’ a nnonc e s .

exploitation p et maintenan UN SITE WEB NE SE GÈRE PAS TOUT SEUL! Vous venez de terminer? Ce n’est que le début! Lancer un site web n’est que le premier pas dans sa vie utile. C’est votre succursale sur le web et maintenant il faut qu’il fonctionne comme planifié !

C e n ’ e s t p a s comm e un e brochur e : un e foi s l e trava il t er min é , on n e p e ut p a s s e ul e m e nt l a i s s er l e s it e we b d a n s un coin . Il f a ut m a int e nir minim a l e m e nt l e s it e à jour e t d é t er min er qui l e f era . Un choix s ’ of fr e à vou s : gér er l e s it e vou s-m ê m e ou e n confi er l a ge s tion à un pr e s t a t a ir e . S i vou s r e t e n e z l a pr e mi èr e option , un sys t è m e d e ge s tion d e cont e nu s era prob a bl e m e nt n é c e s s a ir e . C e sys t è m e vou s p er m e ttra d e modifi er l e s titr e s ou l e s p aragra ph e s , d ’ a jout er un e p age ou un e s e ction , e tc . , s a n s avoir d e comp é t e nc e s t e chniqu e s p ar ticuli èr e s . C e trava il r e l ève d ’ un we bm e s tr e qui e s t e n qu e lqu e s or t e un « j ardini er » du s it e e t qui s ’ occup e du s uivi réguli er. D a n s l e c a s d ’ un contra t d e m a int e n a nc e ext ern e , d é t er min e z un r ythm e d e mi s e à jour pour éva lu er l e s coût s à ve nir, s oit ave c un e b a nqu e d ’ h e ur e s ou a u c a s p ar c a s .

Mesurer vos performances 1 2

R ETO UR SUR LE S O BJ ECTI F S Revoir les objectifs du dépar t pour évaluer le projet de façon per tinente. M E S U R E R V O S R É S U LTAT S À la page suivante, vous avez un aperçu de quelques paramètres que vous devez observer régulièrement pour connaître la per formance du site.

3 AMÉLIORATION CONTINUE Vou s d eve z a u s s i p e n s er à gér er comm erci a l e m e nt votr e s it e e t in s t a ur er un e promotion continu e a in s i qu ’ à s ur ve ill er l ’ évolution d e vo s pl a n s m ark e ting (p ar exe mpl e , ave z-vou s p e n s é à coll e ct er l e s cont a ct s d a n s l a p ers p e ctive d e m ark e ting r e l a tionn e l?). V érifi e z réguli èr e m e nt s i votr e s it e figur e d a n s l e h a ut d e l a p age d e s mot e urs d e r e ch erch e pour vo s princip a ux mot s cl é s (e t modifi e z votr e s it e a u b e s oin). C omm e vo s concurr e nt s s ont a u s s i à un clic d e votr e s it e we b , f a it e s un e ve ill e t e chnologiqu e (nouve l e ntra nt , nouve a ux m arch é s , nouve a ux produit s) e t a ll e z voir comm e nt il s ont d éve lopp é l e urs s er vic e s e n lign e . Ave c l e t e mp s , vou s ré colt er e z d e pré ci e u s e s conn a i s s a nc e s e t s er e z e n m e s ur e d e corriger votr e s it e pour l ’ optimi s er à tou s point s d e vu e .

M E SUR E R LE R ETO UR S U R L’ I N V E S T I S S E M E N T ( R O I ) Juger le site uniquement en fonction de l’atteinte des buts préétablis. PLANI FI E R VO S M ISES À JOUR Développer un agenda de mises à jour afin d’optimiser le travail et de minimiser les frais de production.

5 6

C A L C U L E R L E S TA U X D E CONVE RSION Mesurer la per formance d’une campagne en fonction des hausses et des baisses des indicateurs choisis. P AT I E N C E ! Il faut compter de deux à six mois avant de commencer à interpréter les statistiques. Vous pourrez ensuite comparer vos actions marketing les unes aux autres à la lumière du trafic engendré sur votre site.

Les indicateurs de performance Votre site a été optimisé en fonction de cer tains paramètres qui permettent d’en mesurer objectivement la per formance. Ces indicateurs de per formance ont été déterminés à la première étape, celle de la planification stratégique. En voici quelques-uns :

EXPERTISES CLÉS POUR L’EXPLOITATION ET LA MAINTENANCE R e t e n e z l e s s e r vic e s d ’ e xp e r t s qui ont s ou s crit a ux prin cip e s é non c é s d a n s l e pr é s e nt guid e e t tro uv e z-l e s à :

alliancenumerique.com/guideweb.html A N A LY S T E W E B S p é ci a li s t e qui m e s ur e l e s p er for m a nc e s du s it e . Il doit p ar foi s avoir d e s conn a i s s a nc e s e n s t a ti s tiqu e s e t l e plu s s ouve nt , il compt era plu s i e urs a nn é e s d ’ exp éri e nc e s ur l e we b . WE B M E STR E ET ÉD I M E STR E Le pr e mi er ve ill e a ux a s p e ct s t e chniqu e s du s it e a lors qu e l e s e cond s ’ occup e d e s cont e nu s . S e lon l e typ e d e s it e , l ’ un d ’ e ux e n s era nomm é r e s pon s a bl e . O UTILS D E SURVE ILLANC E D e s logici e l s ou d e s s er vic e s we b exi s t e nt pour vérifi er à di s t a nc e vo s s er ve urs , l a va lidit é d e vo s hyp erli e n s , l ’ or thogra ph e d e vo s cont e nu s a jout é s , l ’ u s age d e l a b a nd e p a s s a nt e , ou pour s ur ve ill er tout ch a nge m e nt s ur ve n a nt s ur vot e s it e .

DURÉE DE VISITE La duré e d e vi s it e corr e s pond a u t e mp s moye n p a s s é p ar l e s utili s a t e urs s ur votr e s it e ou un e p ar ti e d e c e lui-ci . S e lon vo s obj e ctif s , vou s voudr e z l a ré duir e (ex. : lors d ’ un a ch a t) ou l ’ a ugm e nt er (ex. : d a n s un j e u).

PA G E S V U E S E T V I S I T E U R S U N I Q U E S Quand on arrive sur une page de votre sit e , c’ e st une page vue . Si on clique pour a tt eindre une autre page , c’ e st une autre page vue . Une personne qui entre sur votre sit e , c’ e st un visit eur unique , peu impor t e son nombre de page s vue s . Si elle revient une autre fois dans le mois , elle n’ e st pa s compt é e . Le s sit e s de cont enu comparent leur auditoire s elon le nombre de visit eurs unique s par mois .

A P P E L À L’ A C T I O N , PA R C O U R S E T TA U X D E C O N V E R S I O N S i votr e s it e po s s è d e un but pré ci s (a ch e t er, t é l é ch arger, fid é li s er, s e r e ndr e à un e s e ction) vou s a ll e z propo s er s ur votr e p age d ’ a ccu e il un « a pp e l à l ’ a ction », un li e n (ou un p arcours d e li e n s) dont vou s m e s ur er e z l ’ u s age . Le t a ux d e convers ion corr e s pond a u ra tio d e vi s it e urs uniqu e s qui s uive nt l e p arcours p ar ra ppor t à c e ux qui y ont é t é expo s é s . Plu s l e t a ux d e convers ion e s t é l evé , plu s vou s vou s ra pproch e z d e vo s obj e ctif s .

NOMBRE DE PROCESSUS INTERROMPUS C e t indic a t e ur p er m e t d e compt a bili s er l e s utili s a t e urs qui , pour un e ra i s on ou un e a utr e , ont arrê t é un proc e s s u s e n cours . Par exe mpl e , s i 1 0 0 utili s a t e urs s ont e ntré s d a n s votr e boutiqu e , m a i s qu ’ un s e ul a t er min é s e s a ch a t s , vou s obt e n e z 9 9 % d ’ int err uption . V érifi e z s i l ’ arrê t n e s era it p a s c a u s é p ar un e d é fici e nc e t e chniqu e ou ergonomiqu e .

Analysez l’activité L’ A N A LY S E C O M P O R T E M E N TA L E On nomm e « int e ntion s d e s vi s it e urs » l e flot d e clic s ( click s tr e a m ) qu e l e s utili s a t e urs font p ar tout s ur votr e s it e . C e flot vou s indiqu e où l e s utili s a t e urs vont ré e ll e m e nt s ur votr e s it e . L’ a n a lys e du tra fic s er t à confir m er l e compor t e m e nt prévu ou d é couvrir d e s u s age s non prévu s .

L’ A N A LY S E D E S R É S U LTAT S Il exi s t e d e s m e s ur e s (comm e l e nombr e d e ve nt e s , d e t é l é ch arge m e nt s , d ’ a pp e l s , e tc .) qui s ont r e li é e s à l a ra i s on pr e mi èr e d e l ’ e ntr e pri s e (comm e l a ve nt e d ’ un produit ou d ’ un s er vic e) ou à un e nj e u pré ci s (comm e l a ré duction d ’ a pp e l s t é l é phoniqu e s) e t qui s er ve nt à conn a îtr e l ’ a ppor t exa ct du s it e a ux a ctivit é s . An a lys e z corr e ct e m e nt c e s m e s ur e s pour conn a îtr e l a vérit a bl e va l e ur du s it e we b e t a ppor t e z d e s corr e ctif s a u b e s oin .

I II III

LA IV CHARTE V DE VI QUALITÉ VII INTERNET VIII D e nombr e u s e s e ntr e pri s e s m e mbr e s d ’Alli a nc e num ériqu e ont d é j à s ou s crit a ux princip e s é nonc é s d a n s l e pré s e nt guid e . B i e n plu s , e ll e s s e s ont e ngagé e s à r e s p e ct er l e s 1 3 point s d e l a C h ar t e d e qu a lit é Int ern e t r e produit e ci-contr e . Vou s trouver e z c e s prof e s s ionn e l s d e confi a nc e à : alliancenumerique.com / guideweb.html

IX X XI XII

XIII

Nou s é l a bor eron s l a m e ill e ur e pl a nific a tion po s s ibl e pour l a p ar ti e du proj e t qui nou s incomb e e t e ll e s era con s ign é e d a n s un docum e nt é crit . Nou s utili s eron s d e s t e chnologi e s , d e s l a ngage s d e progra mm a tion e t d e s m é thod e s d e trava il f avori s a nt un m aximum d e fl exibilit é , d e conn e ctivit é e t d e longévit é à notr e pr e s t a tion . Nou s r e s p e ct eron s l e s princip a ux s t a nd ard s e t nor m e s r e connu s p ar l ’ indu s tri e (ex. : int erop éra bilit é d e s n aviga t e urs , utili s a bilit é , e tc .). Nou s communiqu eron s l e s imp a ct s fin a nci ers e t orga ni s a tionn e l s du proj e t . Nou s cl arifi eron s l e s e nj e ux li é s à l a propri é t é int e ll e ctu e ll e d e s cont e nu s e t du cod e s ourc e . Nou s a s s ur eron s un e ge s tion d e proj e t rigour e u s e , pro a ctive e t docum e nt é e . Nou s coll a bor eron s é troit e m e nt ave c l e s a utr e s pr e s t a t a ir e s du proj e t . Nou s s eron s r e s p e ctu e ux d e s int ern a ut e s e t s e n s ibili s eron s no s cli e nt s à un e utili s a tion é thiqu e d e s infor m a tion s r e cu e illi e s . Nou s r e s p e ct eron s l e s loi s e t l e s règl e m e nt s e n vigu e ur d a n s l e m e ill e ur int érê t d e no s cli e nt s e t d e s public s vi s é s p ar l e s proj e t s . Nou s r e s p e ct eron s l e s règl e s d e confid e nti a lit é qui régi s s e nt l e s tra n s a ction s e t l e s é ch a nge s d ’ infor m a tion privil égi é e . Nou s évit eron s tout conflit d ’ int érê t s d a n s no s r e l a tion s ave c no s cli e nt s , no s p ar t e n a ir e s e t l e s fourni s s e urs . Nou s propo s eron s à no s cli e nt s un e ré mun éra tion ju s t e pour l e trava il à a ccomplir e t nou s r e s p e ct eron s no s e ngage m e nt s . Nou s a dh ér eron s a ux princip e s é nonc é s d a n s l e Guide des meilleures pratiques web .

S I G N AT U R E

Ce guide est le fruit de la collaboration entre plusieurs professionnels de l’industrie, membres d’Alliance numérique. INITIATEURS : Sylvain Carle (Praized Média) André d’Orsonnens (Druide informatique) Stéphan Lestage (Cyber Génération) Jean-François Renaud (Adviso) Denis Roy [Egza kt] COLLABORATEURS :

Suivez toutes les étapes pour réussir vos projets web C e guid e s ’ a dr e s s e à c e ux qui ch erch e nt à conn a îtr e l e s pra tiqu e s qui font con s e n s u s p ar mi l e s prof e s s ionn e l s d e l ’ indu s tri e a u Qu é b e c . Il vou s p er m e ttra d e produir e d e s proj e t s we b d ’ exc e ll e nt e qu a lit é e n aya nt un e m e ill e ur e compré h e n s ion d e tout e s l e s é t a p e s d e l a production . Il vou s p er m e ttra d ’ avoir un a p erçu d e c e qu ’ il f a ut f a ir e e t d e c e qu ’ il f a ut a tt e ndr e d e votr e é quip e à ch a cun e d e s é t a p e s . En s uiva nt l e proc e s s u s pré s e nt é ici , vou s s er e z e n m e s ur e d e n e ri e n oubli er.

Simon Bédard (stratège web indépendant) Emmanuel Bégin (Prospe k) Martin Bittner (Click Contact) Vien Bui (KMPG) Stéphane Collin (Cyber Génération) Carl-Frédéric De Celles (iXmédia) Kevin Dumouchel (Dumouchel Communications) Andréa Fortin (Nurun) Matyas Gabor (w.illi. am / ) Olivier Galante (De sjardins) Daniel Madore (Wizgo) Patrick McConnell (Nolin BBDO) Martin Ouellet (Provok at) Marc Poulin (consultant) RÉDACTEUR : Martin Lessard (ZeroS econde .com)

L’ impr e s s ion d e c e guid e e s t r e ndu e po s s ibl e grâ c e à

DESIGNER GRAPHIQUE : Mario Vallée [Egza kt] ALLIANCE NUMÉRIQUE

1 4 5 0 , rue City Councillors, bure au 8 0 0 Montré al (Québec) H3A 2 E 6 alliancenumerique.com

1 4 5 0 , rue City Councillors bure au 8 0 0 Montré al (Québec) C anada H3A 2 E 6 Téléphone : 5 1 4 8 4 8-7 1 7 7 ou 1 8 6 6 8 4 8-7 1 7 7 (C anada / États-Unis) Télécopieur : 5 1 4 8 4 8-7 1 3 3