La préparation à la création de votre site internet

La préparation de la création de votre site internet une
étape importante!
Ce document de travail est destiné à ceux qui souhaitent créer un site
internet.
Dans ce document, nous vous proposons la démarche à suivre pour la création
de votre site internet
Vous pouvez vous en servir comme support de réflexion avant d'entreprendre
une démarche auprès d'un prestataire pour la création de votre site internet :
 Public visé par votre site internet
 Il faut identifier et vous mettre à la place de vos futurs visiteurs.
 Cette étape primordiale est souvent éludée. La réponse la plus fréquente
est "le plus large possible".
 Pour simplifier, et en grossissant le trait, on ne s'adresse pas à une
personne âgée en milieu rural comme à un jeune urbain, à une
ménagère ou à un acheteur dans une industrie.
 Ce ne sont que des évidences, mais de grandes agences de
communication pour des clients prestigieux font parfois des erreurs.
Par exemple : telle enseigne de fabrication de lunettes dont la source de
revenu principale est la vente d'optiques pour des personnes âgées, propose
son site internet en "full flash", sans possibilité d'agrandir le texte, doté d'un
système de navigation peu intuitif pour quelqu'un qui n'a pas une très grande
expérience de l'internet et l'impossibilité d'imprimer le contenu des pages.
L'information que ces visiteurs recherchent dans ce site internet est sans
doute 'où est la boutique la plus proche et quels sont ses horaires
d'ouverture'.
Il faut donc caractériser le mieux possible le public visé par le site internet en
se posant les questions suivantes :
 Expérience de l'outil informatique
 Expérience de l'internet
 Usages en mobilité (smartphones, PDA, mini¬portables)
 Niveau d'accessibilité
 Bagage culturels
 Situation géographique
 Les moyens utilisés pour connaître le site
 Objectifs et actions
 Renseigner
 Donner des renseignements pratiques sur l'activité, les produits, la
localisation, les horaires d'ouverture, les moyens de contact. Informer
 Publier des informations régulièrement pour un domaine particulier.
 Faire réagir Récolter des avis, des suggestions, des opinions (pétitions,
sondages, forum ... ), les coordonnées (e¬mail) des visiteurs pour des
campagnes d'e¬mailing.
 Vendre des produits ou des services sur internet par l'intermédiaire d'une
boutique en ligne. Mettre en relation Ce sont les réseaux sociaux, les
annuaires ...
 Services web Les calculs (conversion d'unités, itinéraires ...), les mises en
forme (texte, image, vidéo), le stockage de documents,
Définir les expressions clés, regrouper les thématiques, répertorier et
organiser le contenu.
Qualitativement
 Textes
 Images
 Multi¬média
 Animations et outils d'interactions
 Documentations
Quantitativement
 Taux de renouvellement du contenu
 Quantité de contenu
Prototype d'arborescence du site
 Un schéma détaillant l'organisation hiérarchique de l'information. Par
exemple :
Accueil | Thème 1 | Contenu 1 | Contenu 2 | ... Thème 2 | Contenu 1 |
Contenu 2 | ... Divers
Maquettes brutes
C'est le document qui fait la liste exhaustive des types de pages du site,
recense le contenu de chacune et propose un scénario de navigation. Ce
document ne comporte pas de mise en page.
Par exemple :
Titre : Page de contenu du Thème 1
Contenu : Texte, vidéo, galerie d'images, formulaires, ...
Navigation : Menu standard, menu développé, Fil d'Ariane, ...
Outils : Réseaux sociaux, impression, moteur de recherche ...
Liens : Liens internes, liens externes, les plus populaires, dans le thème, ...
Public : sur abonnement, interne à l' entreprise, ...
Choix de technologie
A ce stade, il est possible de faire des choix techniques.

Site internet vitrine ou statique (carte de visite) de 1 à 5 pages

Site dynamique (actualisable) géré par un moteur open¬source (blog, CMS,
forum, wiki, ...)

Développement d'une application web spécifique

Utilisation d'API de services web existants (Google Map, boutique Amazon,
...)

Type d'hébergement
Web design
En fonction de :
– votre charte graphique
– une liste de 10 sites internet classés selon le critère j'aime, j'aime pas
– cibles potentielles visées
– l'arborescence du site
– maquettes brutes
le webdesigner peut faire des propositions graphiques pertinentes.
Il devra fournir les éléments suivants :
– Les maquettes graphiques (si possible cotée)
– Les éléments graphiques (images, logos, icônes)
– Les animations flash (si nécessaire)
– Une liste de style (références des couleurs, polices, la taille des différents
blocs et les espacements, ...)
Cycle de vie
Développement de base Intégration HTML, CSS, Javascript Mise en ligne et
promotion Analyse Évolutions / corrections
Ce cycle durera toute la vie de votre site internet
FAQ : la création de site internet
Comment savoir si un site internet respecte les standards ? Le W3C met à la
disposition des internautes un outil pour vérifier le respect des standards.
Comment connaître le niveau d'accessibilité d'un site internet ? Il existe des
outils en ligne pour évaluer le niveau d'accessibilité d'une page.
Qu'est-ce qu'un site dynamique ? Un site dynamique ne contient pas de page
web sous forme de fichier HTML. Elles sont crées à la demande par la fusion
du contenu (stocké dans une base de données) et d'un système de gabarit
pour le rendu. Cette organisation permet au webmestre de mettre à jour son
site par une interface de gestion sans avoir à éditer de nombreux fichiers
HTML.
Qu'est ¬ce qu'un CMS ? Un CMS est un logiciel, installé sur le serveur, qui
permet de gérer le contenu des pages web d'un site internet. Grâce a une
interface de gestion (accessible avec un navigateur internet), il permet
d'ajouter, modifier et supprimer le contenu du site. Ensuite, à la demande
(visite du site par un internaute) il fusionne les données et le gabarit en une
page web. Ce logiciel se charge de maintenir à jour les menus de navigation,
gère les entêtes, les pieds de pages, le moteur de recherche interne, le plan du
site ...
Qu'est¬ ce que le Flash ? Le Flash (Adobe Flash Player) est utilisé pour ajouter
des animations et des objets interactifs à une page web. Utilisé par de
nombreux sites web, il ne s'agit pas d'une norme du W3C et repose sur une
seule entreprise. Son utilisation excessive peut poser des problèmes en
termes d'accessibilité et de référencement.
Qu'est ¬ce qu'un site statique ? C'est un site où chaque page est constituée
d'un fichier HTML. Pour une mise à jour, il faut éditer le fichier. En cas d'ajout
ou de suppression d'une page, il faut éditer toutes les autres pour modifier le
menu.
B - Aspects liés au développement d'un site internet
Quels sont les différentes garanties liées au développement d'un site internet:
check-list à l'usage de l'entreprise qui souhaite développer un site d'ebusiness.
1. Présentation de la fiche
Cette fiche traite des différents aspects liés à la conception et au
développement d'un site internet
L’objectif est de fournir une check-list à l'entreprise dans le cadre de la mise
en œuvre de son site internet, développé en interne.
1.1. Quelques termes à connaître
• Promotion d'un site internet
Les différentes techniques existantes pour assurer la promotion de son site
site internet: nom de domaine, référencement, bannières, publicité, mailinglists, etc
• Rédiger un cahier des charges
Quels sont les éléments principaux dont il faut tenir compte pour la rédaction
d'un cahier des charges dans le cadre d'un projet lié aux TIC (technologies de
l'information et de la communication)?
• Référencement des sites internet
Le référencement et le positionnement sur les annuaires et moteurs de
recherche constituent l'un des aspects fondamentaux de la promotion des
sites site internet
• Contrat de conception et de création d'un site internet
Définition et enjeux de ce type de contrats. Objet des prestations liées au
contrat. Maîtrise technique, financière et juridique du projet.
2. Charte graphique et navigation de votre site internet
 Le look du site est son identité
 Le design d'un site internet et la navigation entre ses différentes pages
répondent à des standards qu'il convient de respecter au maximum afin
d'améliorer l'expérience de l'utilisateur
 La première impression laissée par un site internet est visuelle: le look du
site internet est son identité!
 Le temps moyen passé sur une page web est de 30 secondes: c'est le
temps dont dispose l'entreprise pour imprimer son image dans la
mémoire de l'internaute.
2.1. Quel design pour votre site internet?
Voici quelques règles de base à respecter en matière de design Web:
• le design Web est spécifique: on ne met pas en page pour le web comme
pour une brochure;
• rester simple: Yahoo! est un des sites internet les plus visités et il est l'un des
plus dépouillés;
• limiter la taille des pages pour réduire le scrolling (défilement vertical des
pages) et éviter absolument les pages trop larges;
• on ne lit pas un site internet comme un livre, de manière obligatoirement
séquentielle, les liens hypertextes permettant de passer d'une page à l'autre;
• textes clairs et bien articulés, divisés en paragraphes courts formant un
ensemble cohérent;
• ne pas utiliser le "souligné" pour mettre un texte en évidence: il est réservé
aux liens hypertextes;
• *éviter l'effet "sapin de Noël": à force de tout mettre en évidence, plus rien
ne l'est vraiment;
• la mode est éphémère sur le Web: il convient de trouver un compromis
entre le dernier look à la mode et un minimum de stabilité dans le temps.
• Choisir une palette de couleur globale et la décliner systématiquement: ce
choix doit être cohérent avec l'image traditionnelle de l'entreprise (logo,
couleurs, etc.) avec laquelle les clients sont habitués.
2.2. La navigation d’un site internet
Le système de navigation d’un site internet doit être simple et ergonomique:
• Présentation dès l'accueil de la nature et de l'offre du site internet;
• Présentation de l'ensemble des rubriques et options disponibles;
• Plan du site internet si nécessaire;
• Le moins de clics possible pour aboutir sur la page recherchée;
• Toujours indiquer sur quelle page on se trouve, d'où on vient, vers où on
peut aller et comment revenir à la homepage;
• Prévoir un moteur de recherche quand la taille du site internet et le nombre
de produits augmentent.
3. Comment susciter l'intérêt de l'internaute?
Contenu et attractivité: comment susciter l'intérêt de l'internaute (portail,
marquer sa différence, panier virtuel, cadeaux, personnalisation, services, etc.)
L'entreprise connaît ses produits et services. En fonction des objectifs du site
internet, elle sait donc ce qu'elle va mettre en ligne. Mais comment susciter
l'intérêt de l'internaute et surtout le fidéliser? Comment faire pour que le site
se retrouve dans ses liens favoris (bookmark)?
3.1. Portail ou site spécifique?
Deux orientations fondamentales existent:
• les sites internet de type portail qui offrent un contenu commercial, mais
aussi un contenu de type informationnel très étoffé, visant à générer un trafic
important, mais pas nécessairement à vocation strictement commerciale;
• les sites internet à contenu spécifique visant directement des visiteurs ayant
une motivation claire par rapport aux produits et services proposés. Ces sites
génèrent un trafic très qualifié.
3.2. Marquer sa différence
C'est l'une des clés du succès sur internet. Cette différence s'exprime par des
critères qualitatifs et/ou quantitatifs: le meilleur, la référence en matière de
..., le site internet des professionnels, le préféré de ..., le seul à offrir ..., la
solution pour ....
3.3. Un panier virtuel
Si le site internet permet effectivement d'acheter en ligne, il est vivement
recommandé d'utiliser un panier ou caddie virtuel. Celui-ci doit permettre:
• d'y placer un à un les produits achetés;
• de calculer en temps réel le coût total des achats, taxes et frais compris;
• de retirer un produit dont on décide finalement de se passer.
3.4. Un espace de dialogue
Les forums de discussion permettent de créer du passage et de l'animation sur
le site internet. Ils peuvent être subdivisés en thèmes précis sur base des
services offerts sur le site. De plus, les messages échangés permettront
d'affiner ou de changer la stratégie générale du site internet.
3.5. Cadeaux et promotions
Tout comme n'importe quel commerce, le client est sensible aux promotions
et aux cadeaux. Les offres spéciales doivent être clairement mises en
évidence. Par contre on évitera absolument de faire payer quand cela n'est
pas nécessaire.
3.6. Confiance et sécurité
Il est indispensable de présenter clairement l'entreprise, ses coordonnées, ses
produits, ses conditions de vente, son éventuel système de paiement sécurisé.
L'impression de confiance et de sécurité est essentielle pour pousser le
visiteur à acheter. La mention du nombre de clients, de l'expérience de
l'entreprise ou des partenaires connus qui lui font confiance, permet de
renforcer encore ce sentiment.
3.7. Editer un bulletin d'information
Ce bulletin (newsletter ou lettre d'information) proposera des informations et
des ressources utiles aux visiteurs. Il doit permettre au site internet d'être un
endroit où il se passe toujours quelque chose: conseil ou astuce du jour,
témoignages de clients, articles de presse concernant l'entreprise, etc.
3.8. Personnalisation du site internet
Les outils de conception de sites permettent aujourd'hui de personnaliser les
pages en fonction de la demande de chaque internaute. Une fois son profil
enregistré, le visiteur recevra à chaque passage sur le site les informations qui
l'intéressent le plus, présentées suivant un layout qu'il aura lui-même choisi.
3.9. Assurer un service de qualité 24 heures sur 24
Assurer un service d'aide en ligne est indispensable. Il peut prendre plusieurs
formes:
• Une page permettant d'envoyer un mail de demande d'information;
• Une rubrique FAQ (Frequently Asked Questions) reprenant l'essentiel des
réponses aux questions les plus couramment posées par les visiteurs;
• Pour les sites internet de plus grande taille, un call center peut devenir
nécessaire.
4. Conception, réalisation et hébergement de site internet
La conception, la réalisation et l'hébergement d'un site internet doivent être
réalisés avec professionnalisme: le site internet n'est pas un gadget "à côté"
de l'entreprise, mais il doit participer pleinement à son activité
4.1. La conception et la réalisation de site internet
Réalisation interne ou externe? Quel que soit le choix de l'entreprise,
l'amateurisme doit être proscrit! Il est indispensable de désigner un chef de
projet qui sera l'âme et le moteur de la mise en œuvre et du suivi du site.
• Conception externe. Eléments à prendre en compte: budget, disponibilité
présente et future, maintenance, stabilité et références du partenaire choisi:
plus: compétences techniques, moins de ressources internes à consacrer au
projet, moins: dépendance et contrôle plus difficile;
• Conception interne. Eléments à prendre en compte: ressources humaines,
ressources matérielles, compétences techniques: plus: contrôle total et
implication plus importante, moins: ressources parfois coûteuses à mettre en
œuvre.
Dans un premier temps, les galeries virtuelles permettent de tâter le terrain et
de valider une stratégie. Toutefois, cette solution paraît peu valide à long
terme car elle ne permet pas de personnaliser le site et les services qu'il
propose.
4.2. L'hébergement de site internet
Sa qualité est essentielle pour différentes raisons:
• un site internet étant par définition accessible 24h sur 24, la solution choisie
devra offrir toutes les garanties quant à la fiabilité des logiciels et du matériel
(avec machine de secours si possible), mais aussi quant à la sécurité physique
(électricité, incendies, vols, etc.),
• le serveur d'hébergement doit supporter les technologies utilisées (les pages
dynamiques, les bases de données, etc.) et permettre les mises à jour à
distance (FTP notamment),
• la bande passante de sortie doit être adaptée pour permettre une
consultation des pages dans les meilleures conditions.
Tout comme pour la conception, l'hébergement peut être interne ou externe.
En cas d'hébergement externe chez un ISP, le choix existe encore entre:
• le hosting (hébergement du site sur un serveur de l'ISP),
• le housing (hébergement d'un serveur appartenant à l'entreprise).
Parmi les outils de développement les plus fréquents, on peut citer les outils
de développement en ligne, les outils de développement classiques et les
outils de développement intégrés
Dès lors que l'on choisit de développer le site de commerce électronique en
interne, on dispose de 3 grandes catégories d'outils:
5.1. Les outils de développement en ligne
Certains fournisseurs de services ou encore des galeries virtuelles offrent la
possibilité de construire directement un site en ligne. Il suffit de suivre une
série de menus. Cela peut aller jusqu'aux fonctions de paiement.
5.2. Les outils classiques de développement
Un environnement de développement Web comprendra des outils tels que:
• un éditeur HTML (Macromedia Dreamweaver, Adobe Golive, Microsoft
Frontpage, etc.),
• des logiciels de graphisme et d'animation (Adobe Photoshop et Illustrator,
Macromedia Fireworks et Flash, etc.),
• langages de programmation couplés avec des bases de données ou des
contenus xml pour les pages dynamiques (ASP, .net, Java, Perl, PHP, etc.),
• etc.
Il convient de noter que, de plus en plus, l'informatique revient au centre du
développement des sites Web, notamment pour assurer les interactions
toujours plus grandes des sites avec le back-office de l'entreprise, celui de ses
différents partenaires, etc.
5.3. Les outils de développement intégrés
Certains logiciels permettent de développer des applications de A à Z, parfois
jusqu'au paiement sécurisé. Souvent, les sociétés de développement Web
tendent à "packager" leur solution pour un faire une plate-forme de
développement adaptable au cas spécifique de chaque entreprise. A
l'exception de produits très spécifiques, la frontière entre les deux dernières
catégories est finalement assez floue.
Un site internet n'a souvent qu'une occasion de séduire. C'est pourquoi il faut
à tout prix éviter les erreurs de conception et d'ergonomie: pages lourdes,
fautes, liens brisés, fenêtres, etc.
Certaines règles doivent impérativement être respectées faute de quoi les
visiteurs ne reviendront plus:
• les pages internet trop lourdes: les images et animations c'est bien, mais leur
utilisation massive alourdit les pages. Un internaute n'est pas patient et
quittera une page qui s'affiche trop lentement. Pour un catalogue ou chaque
produit doit être illustré, on choisira de très petites images optimisées. On
peut proposer au visiteur de cliquer pour obtenir une plus grande image: c'est
lui qui choisit!
• les frames (ou cadres) qui permettent de subdiviser l'écran en plusieurs
sous-écrans: leur utilisation est souvent très problématiques. Le
référencement de ces pages est très difficile;
• les fautes d'orthographe et les mauvaises tournures de phrases;
• les liens hypertextes cassés: on clique et un message d'erreur apparaît;
• les problèmes d'affichage liés aux versions des navigateurs: certaines
technologies spécifiques ou évolutions de l'html (flash, CSS, cadres, calques,
etc.) ne s'affichent pas correctement dans des browsers de version 4 ou
antérieures. Il faut toujours prévoir un affichage de remplacement;
• l'abus de fenêtres qui s'ouvrent systématiquement à l'affichage des pages;
• le retard ou l'absence de réponse aux sollicitations des clients. La patience
ne fait pas bon ménage avec le courrier électronique.
CONCLUSION
La création de site internet nécessite une préparation, des compétences
techniques, une logique adaptée aux objectifs, une adaptation de la
conception au public visé.
Les éléments abordés dans ce texte sont les normes que nous respectons et
prenons en compte pour vous aider à réussir votre communication sur
internet.