Vous êtes sur la page 1sur 24

De votre grande ide son exploitation sur Internet!

UNE INITIATIVE DE

Crer un site web de qualit


Le web volue trs rapidement. Pour y planifier sa prsence ou of frir un ser vice en ligne, on se doit dtre au fait des plus rcents dveloppements. Il est galement impor tant de comprendre et daccepter quInternet nest pas un mdia comme les autres : ce sont les utilisateurs qui contrlent le processus. Vos visiteurs sont la recherche active dune information ou dun produit. Ils veulent par fois se diver tir, mais dans tous les cas, ils sont les acteurs de la demande et non des rcepteurs passifs. Il ne faut pas se laisser tromper par la notion de page web . tre sur le web, cest bien plus que dy mettre sa brochure de prsentation.

LE WEB N E ST PA S U N M D I A COMME LES AUTRES Les utilisateurs contrlent le processus; ils ne sont pas des rcepteurs passifs. Linteraction directe avec les utilisateurs peut et doit tre envisage. Un site web volue en fonction des besoins des utilisateurs; soyez lcoute. Quil sagisse de crer ou de modifier un site, sa dure de vie sera limite; il est judicieux den prvoir la refonte moyen ou long terme.

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
Lindustrie arrive maturit et a tabli un processus de construction dun site web en cinq tapes distinctes qui seront dtailles dans les pages suivantes. Ce processus doit tre suivi dans lordre tout en faisant inter venir lavance les spcialistes de toutes les tapes en amont. Ces tapes permettent au client et aux fournisseurs dvaluer ce quil y a faire et de sentendre sur la marche suivre pour russir un projet de qualit.

M O D I F I E R U N S I T E E X I S TA N T
Les changements un site existant sont gnralement de trois ordres. Si votre site est conu comme une brochure lectronique, des changements esthtiques seront plus frquents (de la mme faon que les rappor ts annuels ont une mise en page dif frente chaque anne). On suit alors la mode. Si votre site senrichit soudainement de plusieurs sections, documents ou produits, des changements ergonomiques seront requis pour en faciliter laccs. Enfin, il se peut que lvolution des outils et des navigateurs vous force mettre jour une par tie ou la totalit de linfrastructure de votre site en y appor tant les changements technologiques requis. Dans tous les cas, votre site a une dure de vie limite. Il est judicieux den prvoir la refonte moyen ou long terme.

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 Quil sagisse de crer un site web ou dy appor ter des changements, trois phases fondamentales se recoupent pour former les cinq grandes tapes ci-dessous :

plan planification strat stra gique con conception

RFLEXION
1 2
PLANIFICATION STRATGIQUE : identification des besoins de votre organisme CONCEPTION : tablissement des paramtres concrets menant la rdaction du cahier de production

OBJECTIFS

1 2 3 4
site actif

planification p s stratgique

cahier des charges

conception c

DVELOPPEMENT

produ pro uction mise en ligne exp tation exploit +main mainte enance

3 4

PRODUCTION : ralisation technique et ar tistique MISE EN LIGNE : dploiement, lancement et promotion

cahier de production production p

site de validation

MAINTENANCE
5
EXPLOITATION : mesure des rsultats, maintenance et optimisation

m mise e ligne en

exploitation e

RSULTATS
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 des trois phases fondamentales (rflexion, dveloppement et maintenance) fait appel des exper tises diffrentes, il nest pas rare de devoir grer autant dquipes pour lensemble du processus. Chaque mandat doit alors clairement stipuler quelles tapes en font lobjet. Ces tapes vous sont prsentes dans le prsent guide de faon linaire. Il est toutefois impor tant de souligner que les exper ts impliqus ne travailleront pas en silo. Par exemple, il nest pas recommand dlaborer un concept ar tistique sans en avoir valid la faisabilit technique. Limplication des experts varie selon les phases. Pour identifier les fournisseurs per tinents chacune des tapes et mme coordonner leurs prestations, nhsitez pas consulter un conseiller indpendant.

RPERTOIRE DES ENTREPRISES Vous trouverez sur le site dAlliance Internet le rpertoire des entreprises qui se sont engages respecter les principes noncs dans le prsent guide. Voyez :
alliancenumerique.com/guideweb.html

la planication stratgique
Premire tape de votre projet, cest le moment de se poser des questions et dy trouver les rponses. En examinant vos besoins et en dfinissant vos objectifs, vous pourrez aussi vous assurer que lensemble de votre organisme appuie le projet et y investira le temps et largent requis.

Vos objectifs peuvent tre nombreux : vendre vos produits, faire connatre vos ser vices, fidliser vos clients, ou rduire vos cots logistiques. Et il peut y avoir autant de stratgies pour les atteindre. Pour une planification stratgique russie, il est impor tant de bien comprendre la dif frence entre un objectif, une stratgie et une tactique. Lobjectif est le but que lon dsire atteindre. Il doit tre clair, prcis, mesurable et raliste. Par exemple : dsengorger votre ser vice la clientle. La stratgie consiste en un choix dactions cohrentes et logiques pour raliser lobjectif. Par exemple : crer un libre-ser vice en ligne. Une tactique correspond une faon dutiliser des ressources de manire optimale pour atteindre un objectif. Par exemple : utiliser un forum pour rpondre aux questions. Il est trop tt pour identifier les tactiques. cette tape, seuls les objectifs et les stratgies doivent tre arrts afin de rdiger un cahier des charges. Voici un aperu des questions auxquelles vous devrez rpon nd re. rpondre.

2 4

L A N A LY S E D E V O S O B J E C T I F S
Quel est le rle de votre site web? Vendre? Servir? Informer? Comment votre site sintgre-t-il dans la stratgie globale de votre organisme? Avez-vous identi les utilisateurs qui visiteront votre site? Savez-vous comment les y attirer? Votre site est-il pertinent pour vos utilisateurs? Rpond-il leurs besoins? Lesquels? Votre site doit tre enrichi de quel type de contenus? Quelles fonctionnalits doit-il offrir? Quelle est votre marge de manuvre budgtaire pour raliser le projet? Est-elle sufsante? Quel est le retour espr sur votre investissement? Est-il raliste?

Savoir o aller avant de sy rendre


1 2 3
EXAMINER LES BESOINS Diagnostiquer lentreprise, ses forces, ses faiblesses. Identifier clairement les bnfices souhaits 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 lindustrie vise. Noter les meilleures pratiques. IDENTIFIER LA CLIENTLE Dresser un por trait de vos clients par des tudes de cas, enqutes, segmentations ou personas (clients types). Trouver comment les joindre. DFINIR LES OBJECTIFS Dterminer ce que le site doit accomplir, ses priorits et ses caractristiques. TA B L I R L E S S T R AT G I E S Choisir les stratgies qui rpondent efficacement aux objectifs. CERNER L E S FA C T E U R S D E S U C C S Selon les objectifs retenus, constituer une liste dindicateurs de per formance, concrets et mesurables, pour valuer rgulirement la per formance du site. ASSIGNER LES RLES Identifier rapidement les personnes, tant linterne qu lexterne qui auront un rle jouer dans le projet.

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 lInternet. Comprendre les besoins des internautes et vous expliquer la culture et les habitudes de navigation. Analyser votre environnement, vos comptiteurs, votre visibilit, le march et les tendances. valuer les diffrentes approches en fonction de vos objectifs, de vos ressources et de votre potentiel. Recommander la meilleure solution pour atteindre vos objectifs. Dterminer la faon la plus efcace de travailler selon vos contraintes. Vrier si vos attentes sont ralistes et votre budget sufsant en relation avec la qualit attendue et les dlais proposs. La planication stratgique culmine avec la rdaction du cahier des charges, votre premier livrable.

4 5 6

Contenu habituel du cahier des charges


PROPOS DE VOUS

DFINITION
Le cahier des charges peut por ter divers noms selon les fournisseurs : plan stratgique, mandat, client brief , document de planification, etc. Peu impor te son appellation, il dcrit prcisment les besoins auxquels la solution recherche doit rpondre et permet aux fournisseurs dtablir un estim de production adquat. Un cahier des charges russi permet de rdiger un appel doffres complet et donc dobtenir de meilleures soumissions, car les fournisseurs sont en mesure de bien cerner vos besoins et dtablir un chancier et un budget plus ralistes. Il permet aussi de constituer une grille dvaluation pragmatique pour choisir le meilleur prestataire parmi les soumissions reues. Lappel doffres sera constitu de lensemble ou de par ties du cahier des charges, selon le degr de confidentialit du contenu. Prsentation succincte de votre organisme et du march dans lequel il volue. Prsentation du mandat. Corrlation entre les objectifs du site et ceux de votre entreprise : - Vision de la communication (pour un site vitrine ou vnementiel); - Informations sur le catalogue produits ou la logistique (pour un site de commerce lectronique); - Cibles vises (clients, prospects, fournisseurs).

PROPOS DE VOTRE PROJET


Objectifs et prcisions techniques du dispositif Internet existant, le cas chant. Liste de fonctionnalits souhaites (avec exemples ou contrexemples). Dfinitions des grandes lignes du site (contenus, rubriques, sections) : - Contraintes techniques; - Contraintes organisationnelles (planification, ressources humaines); - Contenus disponibles (textes, photos, base de donnes, films).

P R O P O S D E L A P P E L D O F F R E S
Dfinition du primtre dinter vention du prestataire. Description des livrables dans le cadre de lappel dof fres. Description des livrables dans le cadre du mandat : requis spcifiques comme les fonctionnalits inter faces ( front-end ) et les fonctionnalits ser veurs ( back-end ); les types de transactions, les besoins pour loutil de recherche par mot cl, etc.; mise en place du site; arborescence prliminaire et design (grandes lignes); spcifications techniques (hbergement, scurit, disponibilit du code source, standards web); rfrencement, plan marketing. Calendrier de ralisation; enveloppe budgtaire. Grille de pondration pour lvaluation des of fres de ser vice.

2 6

EXPERTISES CLS POUR LA PLANIFICATION STRATGIQUE


Retenez les ser vices dexper ts qui ont souscrit aux principes noncs dans le prsent guide et trouvez-les : alliancenumerique.com/guideweb.html

C O N S E I L L E R S T R AT G I Q U E Aussi appel stratge, directeur de compte ou tout simplement, conseiller. Son rle consiste vous accompagner et identifier les enjeux et les tendances sur Internet qui af fecteront votre projet. Il conoit et labore des stratgies qui rpondent vos besoins de mme qu ceux de vos clients. Ses connaissances vous permettront dconomiser temps et argent en orientant votre projet, ds le dpar t, dans la bonne direction. EXPERT EN RFRENCEMENT On entend par rfrencement lutilisation, dans une page web, de mots cls lintention des moteurs de recherche tel Google. Le rle de lexper t en rfrencement consiste identifier les mots cls impor tants et planifier leur intgration dans votre site pour que ce dernier jouisse dune plus grande visibilit. Cest un travail continu doptimisation qui, lorsquil est bien excut, gnre des hausses impor tantes de trafic. ERGONOME Aussi appel architecte de linformation, exper t en convivialit ( usability exper t ) et par fois, scnariste ou concepteur. Son rle consiste concevoir, ou rviser, lef ficacit de la structure dun site et en assurer une bonne utilisation par les internautes. Il doit percevoir les problmes potentiels qui peuvent freiner ou empcher lutilisation du site. Il cherche crer larborescence de haut niveau selon des critres reconnus de convivialit dans le but daugmenter les taux de conversion.

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
Lexpression web 2.0 , plus mtaphorique que relle, signale surtout un usage contemporain du web qui diffre de celui de ses dbuts (ou, si vous prfrez, de sa premire version : 1.0 ). Plus quun rseau reliant des pages, le web daujourdhui relie des gens; do lappellation web social . Parmi les communauts virtuelles, les forums, les blogues et les wikis, bref dans tous ces endroits o la communication est horizontale entre les membres, eurissent ce quon appelle par extension les rseaux sociaux. Cest le lieu de la conversation et il peut parfois avoir un grand impact pour les compagnies. Ces rseaux favorisent les regroupements. Toute information dintrt facilement accessible et tout aussi aisment transmissible y circulera rapidement, crant ainsi des effets viraux fort utiles dans le cycle marketing. Une stratgie 2.0 portera simplement attention ces nouveaux usages du web. On ne saurait, par exemple, crer une communaut virtuelle . Mais on peut prvoir des mcanismes pour en favoriser le dveloppement ou accueillir des communauts existantes. tre 2.0 nest ni une obligation ni un gage de succs. On sy engagera pour rpondre un besoin clairement identi (en matire de relation avec la clientle, par exemple). Le web 2.0 nexige pas ncessairement des technologies coteuses, mais il se doit dtre intgr vos processus dentreprise quil vous faudra consquemment modier (forum de produits, blogue corporatif, RP virtuelles, etc.). Les difcults sont souvent prouves dans la maintenance et non dans limplantation. Cest pourquoi il doit tre plani au tout dbut du projet. Et il faut y attribuer les ressources humaines ncessaires pour le supporter longtemps aprs le lancement du site.

la conception
par tir du cahier des charges, il vous faut maintenant laborer et valider le concept, lapparence et les fonctionnalits de votre site avant den commencer la production. Cest le moment o les ides originales fusent pour dterminer ce quil y a dire et comment le dire. Lappor t cratif, variable selon les projets, doit rester en lien avec la stratgie et tre toujours entrin par lquipe de production.

Cer taines par ties de cette tape peuvent tre ralises linterne, mais elle est gnralement confie un prestataire spcialis en conception de sites. Elle ne prsente pas de dif ficults majeures, si ce nest de la crativit, mais elle demande un cer tain temps, du fait dun grand nombre dchanges entre plusieurs inter venants. Elle ncessite un suivi rigoureux. Selon le degr de dif ficult du projet, une dmonstration fonctionnelle peut savrer ncessaire pour tester les principales fonctions du site. Mme si elle nest que par tiellement code et designe, la dmonstration fonctionnelle donne un bon aperu dynamique du rendu final et permet de faire ressor tir les erreurs de conception ou dergonomie. la fin de cette tape, vous aurez une ide prcise de lallure de votre site. Cela vous permettra dnumrer mthodiquement les lments requis pour sa production dans le cahier de production, votre prochain livrable. Cet ouvrage ser vira de plan dinter vention pour tous les autres prestataires associs la ralisation du projet.

2 8

laborer les grandes lignes du concept


1
STR U C TU R E R LA R B O R E S C E N C E Crer une arborescence gnrale pour connatre les besoins en contenu et obtenir une reprsentation visuelle de haut niveau du site. CLASSIFIER LES CONTENUS Faire linventaire des contenus et dterminer quelles sections ou divisions de votre site ils sont destins. RDIGER L E SYN O P S I S Crer un document nonant tout ce que le site doit faire pour vos visiteurs. L I STE R LES FONCTIONNALITS Lister toutes les fonctions requises par le synopsis. CRER UN TA B L E A U D I N S P I R AT I O N (MOODBOARD) Donner un aperu de la tonalit graphique, de la saveur ar tistique et des inspirations visuelles suivre. MONTER L E S MAQ U ET TE S F O N C TI O N N E L L E S (EN FIL DE FER ) Identifier tout ce que doit contenir lintrieur des principaux crans (squelette du contenu) par tir desquels vos utilisateurs seront invits parcourir votre site. TA B L I R LES NORMES Arrter les normes graphiques, structurer la base de donnes et lister les mots cls choisis. F I X E R L C H A N C I E R DE PRODUCTION Fixer les grandes dates et les dlais pour baliser le suivi de la production du projet.

2
3 4
Si lun de vos objectifs est de vendre vos produits ou ser vices, vous devriez cette tape choisir votre fournisseur de solution de paiement et vrifier les exigences requises par le fournisseur, votre intgrateur et les normes en vigueur (rseaux de paiement, loi sur la protection des consommateurs, norme de scurit de lindustrie). Vous devriez galement avoir dcid quels types de paiements vous accepterez (Visa, MasterCard).

5 6

7 8

Les quatre composantes principales du cahier de production


C A S D U T I L I S AT I O N
Il ser t exprimer et comprendre le processus dinteractivit entre les utilisateurs et les diverses composantes du site. Il dfinit les manires dutiliser le site, par une squence dvnements linaires, dun point lautre, en montrant les chemins types des divers utilisateurs souhaitant atteindre cer tains buts. Un cas dutilisation peut tre dtaill ou informel, selon les besoins. Il permet de ne pas oublier cer taines fonctionnalits, de reprer des problmes conceptuels et de sassurer que lutilisateur puisse achever ce quil est en train de faire.

MAQUETTE FONCTIONNELLE EN FIL DE FER (WIREFRAME)


Composs de botes et de titres, ce type de maquette donne un aperu fonctionnel (et non ar tistique) des crans principaux. La maquette fonctionnelle prsente la place relative des contenus dune page sans savancer au niveau du design. Elle ser t synchroniser les visions du designer et du programmeur.

ARBORESCENCE
Cest la reprsentation, sous forme darbre, de la relation de dpendance des contenus entre eux. Trs utile pour le rdacteur, le designer et le programmeur, larborescence permet de classer les contenus et dvaluer la quantit de pages produire.

MODLE DE DONNES
Cest la structure informatique des contenus de la base de donnes. Ce modle dcrit les relations logiques et hirarchiques entre les donnes et la faon dont elles seront utilises. Il vite la duplication des donnes et en favorise la rutilisation. Il ser t enfin sparer le contenant du contenu et est gnralement utilis pour structurer les bases de donnes relationnelles. Facultatif pour les petits sites, le modle de donnes savre essentiel la production de projets denvergure.

2 10

EXPERTISES CLS POUR LA CONCEPTION


Retenez les ser vices dexper ts qui ont souscrit aux principes noncs dans le prsent guide et trouvez-les : alliancenumerique.com/guideweb.html

C O N S E I L L E R S T R AT G I Q U E Le conseiller, quil soit appel stratge ou directeur de compte, a pour mission de vous accompagner dans le processus et dorienter lquipe dans la bonne direction, selon les objectifs et les stratgies prvus. Il cumulera par fois des exper tises cites dans cette liste. ERGONOME HBERGEMENT WEB Appel aussi architecte de linformation ou exper t en convivialit, son rle consiste crer des crans fonctionnels en fil de fer of frant le maximum de confor t et def ficacit aux utilisateurs du site. DIRECTEUR TECHNIQUE Appel aussi architecte informatique, son rle consiste valider tout laspect technologique du concept. S CNAR I STE I NTE R AC TI F Appel aussi concepteur-rdacteur, son rle consiste dvelopper le concept et les grandes lignes du projet. Il produit le dcoupage des lments interactifs, ar tistiques et techniques en collaboration avec lquipe. CHARG DE PROJET Appel aussi coordonnateur ou producteur, son rle consiste suivre le projet et sassurer que toutes les ressources collaborent ensemble. D I R E C TE U R ARTI STI Q U E Son rle consiste grer lensemble des aspects ar tistiques du projet. Il veille lapplication de la char te graphique et la qualit ar tistique de lensemble. Votre directeur technique ou votre hbergeur doit matriser les cots et les contraintes techniques, de scurit et defcacit en fonction du concept choisi. D I STR I B UTI O N D E C O NTE N U Si vous avez beaucoup de contenu riche (vido, en particulier) ou visez un trs fort trac, la mise en cache de contenu web permet une distribution rapide et efcace. Une entreprise spcialise en distribution de contenu peut vous aider dvelopper cette solution et valuer les contraintes avant la production. TE STS DE R G O N O M I E Vous pouvez valider trs tt, mme sur des maquettes en papier, la qualit dune interface propose en la testant auprs de futurs utilisateurs. Quelques socits spcialises ont conu des laboratoires en ce sens.

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 immdiatement les contraintes propres au web (bande passante, poids, qualit, compression, etc.) qui auront un impact la toute n du projet.

11

la production
Vous voici rendu ltape de production, appele parfois excution, pendant laquelle sont raliss les concepts dvelopps dans le cahier de production.

Si ce nest pas dj fait, choisissez le fournisseur qui produira votre site. Il arrive souvent, bien que cela ne soit pas ncessaire, quil sagisse du fournisseur ayant rdig le cahier de production. Cest lui que reviendra le titre de gestionnaire du projet. Et il nest pas rare quil coordonne aussi, pour vous, le travail de deux ou trois autres firmes spcialises qui on aura confi une par tie du mandat. Son rle est crucial; choisissez-le avec soin. Vous entendrez peut-tre les termes prproduction (prparation des lments ncessaires la production cration en lots de lensemble des contenus) et intgration (assemblage de tous ces contenus au site). Mme si le travail sef fectuera ainsi souvent en parallle, il est prfrable de planifier linairement les dpendances de livrables afin de sassurer que chaque ressource sache exactement ce quelle a faire, qui le remettre, et quand. la fin de cette tape, vous obtiendrez la version bta du site, une version quasi dfinitive dont il ne restera qu expurger les bogues avant le lancement. Protg par mot de passe, votre site est accessible depuis un ser veur de validation. Vous et le contrleur de qualit pourrez rez le tester i intensivement. tensivement.

2 12

La course commence!
1 2
A N A LY S E F O N C T I O N N E L L E ET TECHNIQUE Dcrire toutes les fonctionnalits souhaites et les outils requis. OBTENTION DES CONTENUS Regrouper tous les contenus multimdias existants qui seront utiliss dans le site. Ne pas sous-estimer le travail de recherche. Ce qui nest pas trouv ou est de mauvaise qualit devra tre produit ou retir du scnario.

3 4 5 6 7 8

RDAC TI O N D E S TE X TE S crire ou adapter le contenu prvu en ladaptant pour le web et en suivant les recommandations stratgiques propos des mots cls et de leur disposition. D E S I G N D E S I N T E R FA C E S Crer les maquettes qui deviendront linter face finale du site. P R O G R A M M AT I O N Sassurer 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, vido, son, etc.) C O N STITUTI O N DU N D O C U M E NT D A S S U R A N C E Q U A L I T Rper torier les bogues et valider les fonctionnalits prvues. 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 dun projet web sont interrelies; tout retard dans la chane a un impact immdiat sur la livraison de ltape suivante.

13

Points surveiller
LE CHOIX DU FOURNISSEUR A N A LY S E FONCTIONNELLE ET TECHNIQUE
Crer un site web, cest plus que dessiner des maquettes. Dans le choix du fournisseur, vous devez considrer son exprience dans la gestion de projet, la scnarisation et la programmation. Ne faites pas lerreur domettre lanalyse fonctionnelle et technique. Il nest pas rare quelle fasse par tie dun mandat distinct afin dvaluer plus finement le reste du projet. titre dexemple, en analysant chacune des composantes technologiques de votre projet, le directeur technique pourrait conclure que des lments ont t sous-estims ou survalus dans le cahier de production. Votre budget pourra ainsi tre rvis en temps utile. On oublie souvent quil faut assister le rdacteur dans sa collecte dinformations. Doit-il tout crire ou seulement retoucher un texte? A-t-il accs aux documents ncessaires? La cration de contenu, sur tout audiovisuel, est trs coteuse en temps et en nergie. Sil est vrai que cer taines corrections mineures peuvent tre faites en ligne, il nest pas toujours possible dajouter une simple image sans impact majeur sur le design. Sachez que lorsque vous acceptez une maquette, tout changement ultrieur pourrait tre majeur et impliquer de dfaire le travail des programmeurs, de linfographiste, du scnariste et de lintgrateur. Il ne faut donc pas remettre plus tard un dtail que lon peut rgler maintenant. Il existe des standards reconnus sur le web. Votre fournisseur doit avoir cur de les respecter et de vous en expliquer les tenants et les aboutissants. En matire de programmation par exemple : le standard XHTML du consor tium W3 ou lusage de CSS pour sparer le contenu du contenant. En respectant les standards, votre site pourra aisment tre adapt toute volution des technologies web. Le respect de ces standards est sur tout garant de la meilleure accessibilit possible votre contenu, la raison premire de votre prsence sur Internet. Il existe des mthodes ef ficaces pour se protger de gens malveillants sur Internet. Si limpor tance des donnes le justifie, informez-vous du type de protection of fer t par lhbergeur relativement aux ser veurs, aux accs et mme aux membres de son personnel. Et vous, comment assurerez-vous, au sein de votre organisme, la confidentialit des informations qui vous seront confies par les utilisateurs de votre site? Les institutions financires et cer tains fournisseurs spcialiss nof frent pas tous les mmes types de solutions, fonctionnalits et suppor t (type de transaction, outils de prvention de la fraude...). Il ne faut pas sous-estimer le temps requis pour lintgration du paiement votre panier dachat et les phases de test et de cer tification. Vrifier galement que les fournisseurs rpondent aux normes de scurit de lindustrie ( pcisecuritystandards.org ). Il faut dvelopper trs tt une politique de remboursement et confidentialit des donnes, ainsi quune bonne gestion des cas derreur, etc. (af ficher vos prix dans la bonne devise, courriel du ser vice aprs-vente, reu de transaction et possibilit de limprimer...). En respectant les quelques rgles de base, vous pouvez obtenir aisment la cer tification qui vous donnera plus de crdibilit.

CONTENU

MAQUETTES

S TA N D A R D S WEB

SCURIT

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

COMMERCE LECTRONIQUE

2 14

EXPERTISES CLS POUR LA PRODUCTION


Retenez les ser vices dexper ts qui ont souscrit aux principes noncs dans le prsent guide et trouvez-les : alliancenumerique.com/guideweb.html

E X P E R T I S E S C O M P L M E N TA I R E S
RDAC TE U R Il rdige de longs passages et le contenu de votre site. Choisissez-le en fonction de vos besoins (journaliste, recherchiste, rdacteur publicitaire, relations publiques, etc.). ERGONOME Il valide les aspects ergonomiques et cognitifs des maquettes pour sassurer que lutilisateur sache toujours o il est, o il peut aller, et quil puisse aisment se rendre o vous le souhaitez. EXPERT EN RFRENCEMENT Il sassure que les textes, les titres et la structure de la page permettent aux moteurs de recherche de retrouver les contenus cls du site. TE STE U R S

D I R E C TE U R ARTI STI Q U E Omniprsent depuis ltape de cration, il veille maintenant la qualit ar tistique des maquettes. S CNAR I STE I NTE R AC TI F galement en scne depuis ltape de cration, il complte la rdaction du synopsis dans ses moindres dtails. CHARG DE PROJET Son rle consiste grer le projet dans le respect de lchancier et du budget. A N I M AT E U R 2 D , 3 D , F L A S H Son rle consiste animer le visuel. Pour le 3D et le Flash, de la programmation est par fois ncessaire. PROGRAMMEUR Son rle consiste dterminer les caractristiques techniques et programmer ensuite les fonctionnalits dans le langage choisi. I N F O G R AP H I STE Son rle consiste dcliner les images dont le site a besoin. CONTRLEUR DE QUALIT Son rle consiste sassurer que tous les livrables sont conformes aux normes et au cahier des charges. I N T G R AT E U R Son rle consiste relier les lments graphiques et textuels dans les pages HTML.

On peut faire appel des testeurs professionnels pour dbusquer les bogues.

V O U S AV E Z D I T C M S ?
Le contenu du site est toujours appel changer. Pour le mettre jour, il faut un outil qui permet daccder uniquement au contenu et dviter de toucher au code : cest le systme de gestion de contenu , appel en anglais CMS (Content Management System). Un systme de gestion de contenu permet une ou plusieurs personnes de modier facilement le contenu du site. Vous pouvez en dvelopper un sur mesure ou en choisir un existant. Certains sont mme gratuits. Dans tous les cas, vous devrez le prvoir ds lanalyse fonctionnelle et technique du site pour connatre le degr de sophistication souhait. Ce dernier dpend de plusieurs paramtres comme le type de contenu modier (menus, titres, sections, pages) et le niveau dautorisation requis selon les intervenants (limitation aux titres, cration de page, etc.).

15

la mise en ligne
LHBERGEMENT
Le choix de lhbergeur dpend de vos besoins et les prix varient en fonction des services souhaits : service cl en main, inter face de gestion, outils disponibles, niveau de scurit, per formance, serveur ddi ou par tag, ouver t ou propritaire. Il peut mme avoir un impact sur votre visibilit dans les moteurs de recherche.

Lhbergeur est en mesure, si vous limpliquez tt dans le projet, de vous guider dans le choix du ser veur, de la bande passante ncessaire et de la capacit de stockage. En gnral, cest aussi lhbergeur qui gre vos adresses (DNS) et fait la sauvegarde de vos donnes. Assurez-vous quil connat les bonnes pratiques si vous lui confiez vos envois massifs de courriels. La scurit devient un enjeu majeur. Choisissez un hbergeur qui matrise autant la scurit logique (faille de programmation ou de ser veur) que physique (scurit des lieux et fiabilit du personnel). Il arrive souvent que ce soit la firme produisant le site qui gre la relation avec lhbergeur. Demandez tre impliqu si vous ne souhaitez pas que ce soit cette firme qui poursuive le projet la prochaine tape. Sil sagit dun redploiement de site, dveloppez avec votre hbergeur une stratgie de mise en ligne pour tester graduellement le nouveau site sans mettre en pril son prdcesseur.

2 16

Dernires vrications avant la mise en ligne


Lors de la mise en ligne, les fournisseurs de solution de paiement en n ligne les plus srieux vous feront passer une cer tification . Veillez e dvelopper davance une politique de remboursement, une politique de confidentialit des donnes, une bonne gestion des cas derreur e et assurez-vous daf ficher vos prix dans la bonne devise, dof frir une adresse courriel pour le ser vice aprs-vente, daf ficher le reu de la mer. transaction correctement et dof frir la possibilit au client de limprimer. Il suf fit gnralement de respecter quelques rgles de base afin pe dobtenir aisment cette cer tification. Ne ngligez pas non plus le type de ser vice aprs-vente of fer t par votre fournisseur, la disponibilit du soutien technique dans les deux langues et sa localisation gographique et un ventuel lien avec votre institution financire.

1 2

S A S S U R E R Q U E C E Q U I E S T M I S E N L I G N E E ST C O N F O R M E C E Q U I A T VA L I D Les corrections mineures peuvent toujours tre faites aprs le lancement. AC TIVE 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 Lquivalent des tourniquets , le compteur statistique comptabilise vos utilisateurs sur le site. Sans compteur, pas de mesure.

LE LANCEMENT ET LA PROMOTION
Il impor te de donner une bonne visibilit votre site. Rser vez-lui un lancement en grandes pompes; aprs tout, cest votre nouvelle succursale ! Outre les moyens traditionnels entourant ce lancement (relations publiques, communication, promotion et marketing), il existe une foule de moyens propres au web pour faire connatre lexistence de votre site et y crer un impor tant trafic de qualit : Bulletin courriel (annoncez le lancement dans votre bulletin) Marketing courriel (utilisez vos listes denvoi ou louez-en) Relations publiques vir tuelles (contactez les influenceurs, blogueurs, forums, etc.) Inscription sur les annuaires et les moteurs de recherche (DMOZ, Yahoo, etc.) Campagnes bannires Concours (noubliez pas dobtenir lautorisation des instances rglementaires per tinentes telle la Rgie des alcools, des courses et des jeux du Qubec). Achats de mots cls e Pour optimiser la visibilit dun site dans les moteurs de recherche comme Google, il est possible dacheter des mots cls relatifs votre produit ou votre ser vice. Les utilisateurs qui sont en mode recherche sont plus enclins cliquer sur une telle publicit. Cest une faon peu coteuse daugmenter lachalandage sur votre site.

CONNATRE LA P R O CD U R E D E SAUVE GAR D E Prparer une procdure de contingence : ce nest pas quand la catastrophe frappe quil est temps de comprendre comment cela fonctionne.

EFFECTUER LA SURVEILLANCE DU SERVEUR Il arrive quun site tombe quelques instants (panne, coupure, etc.). Demander qui sera mis au courant et comment (et quelle vitesse) il remettra le serveur sur pied.

P R V O I R L A C A PAC I T D E L A B A N D E PA S SA N T E Si le site comprend de nombreux contenus riches (vido, etc.) ou quil est trs frquent, demander ce qui se passe si la capacit prvue est atteinte ou dpasse.

17

Lexique
S E O Search Engine Optimization. Loptimisation du contenu et du code pour favoriser lindexation dans les moteurs de recherche et les annuaires.

EXPERTISES CLS POUR LA MISE EN LIGNE


Retenez les ser vices dexper ts qui ont souscrit aux principes noncs dans le prsent guide et trouvez-les :

S E M Search Engine Marketing. Publicit par mots cls dans les moteurs de recherche. SMO
Social Media Optimization. Loptimisation des rseaux sociaux est une forme de relations publiques adapte la culture de chaque outil de rseautage.

alliancenumerique.com/guideweb.html
HBERGEUR Son rle consiste vous conseiller sur la meilleure solution dhbergement en fonction de vos besoins. Souvent la firme qui produit le site fait le pont entre lhbergeur et vous. S PC IAL I STE E N A C H AT D E M O T S C L S Son rle consiste optimiser lachat de mots cls pour positionner votre site dans la section des liens commerciaux of fer te par les moteurs de recherche.

P P V Pay-Per-View. Facturation limpression. Technique publicitaire o lannonceur paye pour tous les visiteurs qui ont t exposs la publicit. P P C Pay-Per-Clic. Facturation au clic. Technique publicitaire o lannonceur paye uniquement pour les visiteurs qui ont cliqu sur la bannire ou le mot cl. P PA Pay-Per-Action. Facturation laction. Technique publicitaire o lannonceur paye pour les visiteurs qui font une action prcise (acheter, tlcharger, etc.). I A B Interactive Adver tising Bureau. Le Bureau de la publicit interactive du Canada, organisation sans but lucratif qui reprsente les annonceurs, les agences et les diteurs en marketing interactif. ADWORDS/ADSENSE
Systmes publicitaires de Google qui af fichent des annonces-textes cibles.

CPM

Cot par mille. Une campagne publicitaire de bannire sur Internet se calcule par mille impressions , cest--dire la visualisation de la mme bannire mille fois sur le web pour un cot fixe.

2 18

Quest-ce que le rfrencement?


Le trafic en provenance des moteurs de recherche et des annuaires reprsente normalement une trs grande par t des visites sur votre site : vos utilisateurs ne connaissent pas ladresse de votre site et ils utilisent ces services pour trouver ce quils cherchent. Si vous voulez quils vous trouvent, mettez toutes les chances de votre ct. Pour que les moteurs de recherche vous of frent une bonne visibilit, il existe deux stratgies distinctes et complmentaires : (1) un travail doptimisation de positionnement de votre site, et (2) lachat de mots cls (liens commandits).

La premire stratgie consiste faire enregistrer votre site par les outils de recherche et des annuaires, puis rviser rgulirement votre position dans les pages de rsultats des moteurs en optimisant les mots cls sur vos pages. La seconde stratgie suppose la gestion dune campagne de publicit vir tuelle : lachat de liens commandits auprs de diverses compagnies de moteurs de recherche ou de por tails. Le rfrencement est une vritable discipline, car la concurrence dans lachat des mots cls est vive. Un travail de rfrencement ef ficace demande une grande connaissance du fonctionnement des moteurs de recherche, des techniques danalyse et de la rdaction stratgique dannonces.

19

UN SITE WEB NE SE GRE PAS TOUT SEUL!


Vous venez de terminer? Ce nest que le dbut! Lancer un site web nest que le premier pas dans sa vie utile. Cest votre succursale sur le web et maintenant il faut quil fonctionne comme planifi !

exploitation p et maintenan

Ce nest pas comme une brochure : une fois le travail termin, on ne peut pas seulement laisser le site web dans un coin. Il faut maintenir minimalement le site jour et dterminer qui le fera. Un choix sof fre vous : grer le site vous-mme ou en confier la gestion un prestataire. Si vous retenez la premire option, un systme de gestion de contenu sera probablement ncessaire. Ce systme vous permettra de modifier les titres ou les paragraphes, dajouter une page ou une section, etc., sans avoir de comptences techniques par ticulires. Ce travail relve dun webmestre qui est en quelque sor te un jardinier du site et qui soccupe du suivi rgulier. Dans le cas dun contrat de maintenance externe, dterminez un r ythme de mise jour pour valuer les cots venir, soit avec une banque dheures ou au cas par cas.

2 20

Mesurer vos performances


1 2
R ETO U R S U R L E S O B J E C TI F S Revoir les objectifs du dpar t pour valuer le projet de faon per tinente. M E S U R E R V O S R S U LTAT S la page suivante, vous avez un aperu de quelques paramtres que vous devez observer rgulirement pour connatre la per formance du site.

3
AMLIORATION CONTINUE
Vous devez aussi penser grer commercialement votre site et instaurer une promotion continue ainsi qu sur veiller lvolution de vos plans marketing (par exemple, avez-vous pens collecter les contacts dans la perspective de marketing relationnel?). Vrifiez rgulirement si votre site figure dans le haut de la page des moteurs de recherche pour vos principaux mots cls (et modifiez votre site au besoin). Comme vos concurrents sont aussi un clic de votre site web, faites une veille technologique (nouvel entrant, nouveaux marchs, nouveaux produits) et allez voir comment ils ont dvelopp leurs ser vices en ligne. Avec le temps, vous rcolterez de prcieuses connaissances et serez en mesure de corriger votre site pour loptimiser tous points de vue.

M E S U R E R L E R ETO U R 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 latteinte des buts prtablis.

4 5 6

PLANIFIER VOS MISES JOUR Dvelopper un agenda de mises jour afin doptimiser le travail et de minimiser les frais de production. C A L C U L E R L E S TA U X DE CONVERSION Mesurer la per formance dune 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 interprter les statistiques. Vous pourrez ensuite comparer vos actions marketing les unes aux autres la lumire du trafic engendr sur votre site.

21

Les indicateurs de performance


Votre site a t optimis en fonction de cer tains paramtres qui permettent den mesurer objectivement la per formance. Ces indicateurs de per formance ont t dtermins la premire tape, celle de la planification stratgique. En voici quelques-uns :

EXPERTISES CLS POUR LEXPLOITATION ET LA MAINTENANCE


Retenez les ser vices dexper ts qui ont souscrit aux principes noncs dans le prsent guide et trouvez-les :

DURE DE VISITE
La dure de visite correspond au temps moyen pass par les utilisateurs sur votre site ou une par tie de celui-ci. Selon vos objectifs, vous voudrez la rduire (ex. : lors dun achat) ou laugmenter (ex. : dans un jeu).

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 site, cest une page vue. Si on clique pour atteindre une autre page, cest une autre page vue. Une personne qui entre sur votre site, cest un visiteur unique, peu impor te son nombre de pages vues. Si elle revient une autre fois dans le mois, elle nest pas compte. Les sites de contenu comparent leur auditoire selon le nombre de visiteurs uniques par mois.

alliancenumerique.com/guideweb.html
A N A LY S T E W E B Spcialiste qui mesure les per formances du site. Il doit par fois avoir des connaissances en statistiques et le plus souvent, il comptera plusieurs annes dexprience sur le web. WE B M E STR E ET D I M E STR E Le premier veille aux aspects techniques du site alors que le second soccupe des contenus. Selon le type de site, lun deux en sera nomm responsable. OUTILS DE SURVEILLANCE Des logiciels ou des ser vices web existent pour vrifier distance vos ser veurs, la validit de vos hyperliens, lor thographe de vos contenus ajouts, lusage de la bande passante, ou pour sur veiller tout changement sur venant sur vote site.

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
Si votre site possde un but prcis (acheter, tlcharger, fidliser, se rendre une section) vous allez proposer sur votre page daccueil un appel laction , un lien (ou un parcours de liens) dont vous mesurerez lusage. Le taux de conversion correspond au ratio de visiteurs uniques qui suivent le parcours par rappor t ceux qui y ont t exposs. Plus le taux de conversion est lev, plus vous vous rapprochez de vos objectifs.

NOMBRE DE PROCESSUS INTERROMPUS


Cet indicateur permet de comptabiliser les utilisateurs qui, pour une raison ou une autre, ont arrt un processus en cours. Par exemple, si 100 utilisateurs sont entrs dans votre boutique, mais quun seul a termin ses achats, vous obtenez 99 % dinterruption. Vrifiez si larrt ne serait pas caus par une dficience technique ou ergonomique.

Analysez lactivit
L A N A LY S E C O M P O R T E M E N TA L E
On nomme intentions des visiteurs le flot de clics ( clickstream ) que les utilisateurs font par tout sur votre site. Ce flot vous indique o les utilisateurs vont rellement sur votre site. Lanalyse du trafic ser t confirmer le compor tement prvu ou dcouvrir des usages non prvus.

L A N A LY S E D E S R S U LTAT S
Il existe des mesures (comme le nombre de ventes, de tlchargements, dappels, etc.) qui sont relies la raison premire de lentreprise (comme la vente dun produit ou dun ser vice) ou un enjeu prcis (comme la rduction dappels tlphoniques) et qui ser vent connatre lappor t exact du site aux activits. Analysez correctement ces mesures pour connatre la vritable valeur du site web et appor tez des correctifs au besoin.

2 22

I II

Nous laborerons la meilleure planification possible pour la par tie du projet qui nous incombe et elle sera consigne dans un document crit.

Nous utiliserons des technologies, des langages de programmation et des mthodes de travail favorisant un maximum de flexibilit, de connectivit et de longvit notre prestation.

LA IV CHARTE V DE VI QUALIT VII INTERNET VIII


De nombreuses entreprises membres dAlliance numrique ont dj souscrit aux principes noncs dans le prsent guide. Bien plus, elles se sont engages respecter les 13 points de la Char te de qualit Internet reproduite ci-contre. Vous trouverez ces professionnels de confiance : alliancenumerique.com/guideweb.html

III

Nous respecterons les principaux standards et normes reconnus par lindustrie (ex. : interoprabilit des navigateurs, utilisabilit, etc.).

Nous communiquerons les impacts financiers et organisationnels du projet.

Nous clarifierons les enjeux lis la proprit intellectuelle des contenus et du code source.

Nous assurerons une gestion de projet rigoureuse, proactive et documente.

Nous collaborerons troitement avec les autres prestataires du projet.

Nous serons respectueux des internautes et sensibiliserons nos clients une utilisation thique des informations recueillies.

IX X XI XII

Nous respecterons les lois et les rglements en vigueur dans le meilleur intrt de nos clients et des publics viss par les projets.

Nous respecterons les rgles de confidentialit qui rgissent les transactions et les changes dinformation privilgie.

Nous viterons tout conflit dintrts dans nos relations avec nos clients, nos par tenaires et les fournisseurs.

Nous proposerons nos clients une rmunration juste pour le travail accomplir et nous respecterons nos engagements.

XIII

Nous adhrerons aux principes noncs dans le 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 lindustrie, membres dAlliance numrique.
INITIATEURS : Sylvain Carle (Praized Mdia) Andr dOrsonnens (Druide informatique) Stphan Lestage (Cyber Gnration) Jean-Franois Renaud (Adviso) Denis Roy [Egzakt] COLLABORATEURS :

Suivez toutes les tapes pour russir vos projets web


Ce guide sadresse ceux qui cherchent connatre les pratiques qui font consensus parmi les professionnels de lindustrie au Qubec. Il vous permettra de produire des projets web dexcellente qualit en ayant une meilleure comprhension de toutes les tapes de la production. Il vous permettra davoir un aperu de ce quil faut faire et de ce quil faut attendre de votre quipe chacune des tapes. En suivant le processus prsent ici, vous serez en mesure de ne rien oublier.

Simon Bdard (stratge web indpendant) Emmanuel Bgin (Prospek) Martin Bittner (Click Contact) Vien Bui (KMPG) Stphane Collin (Cyber Gnration) Carl-Frdric De Celles (iXmdia) Kevin Dumouchel (Dumouchel Communications) Andra Fortin (Nurun) Matyas Gabor (w.illi.am/) Olivier Galante (Desjardins) Daniel Madore (Wizgo) Patrick McConnell (Nolin BBDO) Martin Ouellet (Provokat) Marc Poulin (consultant) RDACTEUR : Martin Lessard (ZeroSeconde.com)

Limpression de ce guide est rendue possible grce

DESIGNER GRAPHIQUE : Mario Valle [Egzakt] ALLIANCE NUMRIQUE 1450, rue City Councillors bureau 800 Montral (Qubec) Canada H3A 2E6 Tlphone : 514 848-7177 ou 1 866 848-7177 (Canada/tats-Unis) Tlcopieur : 514 848-7133

1450, rue City Councillors, bureau 800 Montral (Qubec) H3A 2E6 alliancenumerique.com

Copyright Alliance numrique - Octobre 2009 - version 1 ISBN : 978-2-922939-25-5