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

Transcription

1 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

2 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.

3 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

4 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 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

5 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 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 La navigation d un site internet Le système de navigation d un site internet doit être simple et ergonomique:

6 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é 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 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 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.

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

8 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 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 Les outils classiques de développement Un environnement de développement Web comprendra des outils tels que:

9 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 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;

10 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.