fbpx

Guide: pour l’importance d’un cahier des charges pour la création d’un site Web?

La rédaction d’un cahier des charges approfondie peut faciliter la mise en place de votre projet et permettre aux groupes de développement de transmettre de nombreuses citations correctes. lisez notre guide pour vous aider à rédiger une spécification technique pour votre projet.

Vous planifiez la réalisation d’un nouveau site Internet ?

Avez-vous besoin de mettre en place votre projet de site Web pour réussir? veut-on éviter des surprises coûteuses en chemin?

Bien sûr, vous le faites.

Un document de spécification Web approfondi et ciblé peut assurer le bon fonctionnement de votre projet Web et, plus important encore, vous offrir le plus efficace possible pour livrer un projet qui répond aux objectifs de vos visiteurs et de votre entreprise.

Dans ce guide, je définirai les composants clés d’une bonne spécification de site Web et pourquoi ils sont également nécessaires en tant que ce que nous avons appris lors de l’exécution de notre agence WordPress, concernant ce qu’est une spécification Web, la façon de l’écrire et ce que incorporer.

spécification de site

Qu’est-ce qu’une spécification de site?

Une spécification de site Web pourrait être un document qui énonce les buts, les objectifs et les moyens du projet. Il doit définir les contraintes, correspondant au budget, aux délais ou aux contraintes techniques. Il peut même incarner des détails de projet correspondant à l’équipe concernée, par exemple des parties prenantes ou des points de contact.

Que faut-il inclure dans une spécification de site web?

Chaque spécification de site Web est totalement différente. à titre d’exemple, un projet peut englober chaque style et développement, tandis qu’un autre projet peut très bien être une construction uniquement, avec des styles, etc. déjà terminés.

Cependant, certaines sections d’une spécification peuvent être communes aux versions les plus nettes.

Ce qui suit pourrait être une liste d’un certain nombre de ces sections communes, avec des descriptions et des exemples ci-joints. vous allez choisir et sélectionner celles à intégrer ou ajouter des sections qui ne sont pas répertoriées ici.

Tout ce qui concerne le projet qui doit être communiqué doit être inclus dans votre cahier des charges.

Vue d'ensemble du projet

Vue d’ensemble

Cette section doit fournir un aperçu de base du projet ainsi que de l’organisation qui le sous-tend. un résumé peut comprendre:

  • À propos de votre organisation – bref historique et historique de l’entreprise.
  • Quel problème essayez-vous de résoudre? – Pourquoi le projet est-il nécessaire?
  • Portée du projet de haut niveau – S’agit-il d’une refonte de certaines pages, d’une refonte complète du site Web ou d’un tout nouveau site Web?
  • Marché cible – un résumé des destinataires de ce site Web. cela pourrait même être sa propre section dans le document.
Projet de groupe

Projet de groupe

Une liste des décideurs impliqués dans le projet. il est utile d’intégrer des titres de poste / rôles de projet et des adresses e-mail.

Le chef de projet doit être souligné ici.
Par exemple:

  • Rachel Adams – PDG – rachelsmith@agence25.co
  • John Smith – Responsable de la promotion – johnsmith@agence25.co
  • Sarah Jones – Gestionnaire de contenu Web – sarahsmith@agence25.co

Objectifs

Décrivez brièvement les objectifs du projet. cela peut offrir aux développeurs une inspiration de ce que vous essayez de réaliser, ce qui leur permettra de recommander les solutions les plus acceptables.
Par exemple:

  • Enquêtes mensuelles sur les ventes en hausse de 10% en 3 mois
  • Diminuer le taux de rebond de 10% d’ici le 1er mois
  • Augmentez les inscriptions à la newsletter de 23% d’ici 6 mois
  • 1 000 nouveaux abonnés Twitter en un an

Les objectifs doivent être intelligents, c’est-à-dire:

  • Spécifique
  • Mesurable
  • Attribuable
  • Réaliste
  • Lié au temps

Phases

Si ce projet fait partie d’un projet encore plus grand, ou s’il y aura d’autres phases à la suite de ce projet, il est utile de les répertorier pour donner une indication de la place de ce projet dans l’image plus grande.
Par exemple:

  • Phase 1 – Site Web marketing de base – Projet en cours
  • Phase 2 – Ajouter le commerce électronique
  • Phase 3 – Intégration CRM
Structure de contenu

Structure de contenu

La structure de contenu, ou architecture de données (IA), est composée de parties assorties et peut dépendre de la qualité et de la taille du contenu de votre site Web.

Plan du site

Il est généralement fourni sous forme de diagramme qui montre le type d’arbre, la structure hiérarchique des pages du site Web. Il peut également incarner le «modèle de page» (voir ci-dessous) à utiliser pour chaque page et type de contenu.

An example of a sitemap from agence 25

Types de contenu

Un site Web peut contenir plusieurs formes distinctes de contenu. Pour le plus simple, il y aura généralement des publications et des pages. Une page est un contenu intemporel, par ex. «À propos de nous», alors qu’un article est un document écrit, par exemple une nouvelle ou un blog.
Voici d’autres exemples courants de types de contenu:

  • Personnes
  • Des produits
  • Témoignages

Données de type de contenu

Pour chaque type de contenu, les informations relatives à ce type de contenu doivent être répertoriées. peut-être, s’il y avait un type de contenu « Personne », ils pourraient avoir besoin des données suivantes:

  • Prénom
  • Nom de famille
  • Position
  • Bio
  • Adresse électronique
  • Numéro de téléphone

Taxonomies

Une taxonomie pourrait être un schéma de classification pour le contenu de votre site Web. vous pourrez définir des taxonomies à l’échelle du site à utiliser dans tous les types de contenu, sinon, vous disposerez de taxonomies spécifiques à certains types de contenu.

Par exemple, si vous aviez un site Web d’instructions, vous pourriez avoir besoin d’une taxonomie de «repas» où les termes de taxonomie seraient «petit déjeuner», «déjeuner», «dîner», «collations», «dessert», etc. que vous pourriez même avoir une taxonomie de «cuisine», avec des termes équivalents au britannique, au français, etc.

Sur un blog, les 2 taxonomies les plus courantes sont les «Catégories» et les «Tags».
Il existe 2 principaux types de taxonomie:

  • Hiérarchique – par ex. «Catégories»
  • Non hiérarchique – par exemple ‘Mots clés’

Un autre exemple peut être une taxonomie « Industrie », que vous attribuerez à vos types de contenu « Blog », « Client », « Étude de cas » et « Service ».

Modèles de page

Un modèle de page peut être une présentation spécifique des connaissances. par exemple, votre page « Accueil » peut être totalement différente de votre page « Contact ».

Voici quelques exemples de modèles de page courants:

  • Accueil
  • Article de blog
  • Notre équipe

Archives des actualités – répertorie tous les articles du site dans l’ordre inverse des enregistrements écrits

Contact – peut avoir une carte et un formulaire

Si vous avez des styles (wireframes ou maquettes) pour ces modèles de page, veuillez les inclure ici.

Conception

Le contenu de cette section dépendra de la question de savoir si une conception existe déjà ou si la création d’une conception fait partie de l’étendue des travaux.

Le design existe déjà

Si le travail de conception est déjà terminé, il peut être référencé ici.
Il existe de nombreuses façons de fournir des éléments de conception, par exemple:

  • PDF (annotés si possible)
  • Liens vers le projet
  • Fichiers image plats
  • Fichiers PSD
  • Fichiers d’esquisse

Il est important de fournir un guide de style et / ou des annotations pour des informations telles que:

  • couleurs
  • règles de typographie
  • survoler les états
  • animations
  • systèmes de grille
  • espacement

Site web réactif (Responsive web design)

Les sites Web d’aujourd’hui sont consultés sur une large gamme d’appareils et de tailles d’écran. Il est important de considérer l’aspect de votre site, en particulier sur les petits écrans tels que les smartphones.
Les conceptions mobiles (et éventuellement les tailles de tablettes) doivent être fournies avec les conceptions de bureau habituelles.

Le design dans le cadre du projet

Si la conception visuelle fait partie du projet, vous devrez donner des conseils sur les contraintes et la direction stylistique souhaitée.

Par exemple, si votre organisation a des directives de marque à respecter, elles doivent être incluses ici.

Chaque concepteur aura son propre processus, mais cela peut aider à fournir:

  • Consignes relatives à la marque – telles que les couleurs, les polices, les logos et autres graphiques
  • Documents imprimés – brochures, cartes de visite, etc.
  • Analyse de la concurrence – ce que vous aimez et n’aimez pas dans leurs sites Web
  • Exemples et raisons de sites Web que vous aimez et n’aimez pas

Fonctionnalité

La fonctionnalité est le fonctionnement réel de votre site. Cela peut concerner des parties spécifiques du site Web qui nécessitent des explications supplémentaires.

Par exemple, si vous avez une page d’inscription, quels champs sont obligatoires? Qu’advient-il d’une entrée sur un formulaire de contact?

De nombreux sites nécessitent des intégrations avec des API tierces. Si tel est le cas, ces intégrations doivent être décrites ici en termes de fonctionnement et d’éventuelles informations supplémentaires nécessaires. Un bon exemple d’intégration montre un flux des derniers Tweets sur votre site.

Voici quelques exemples de fonctionnalités que vous voudrez peut-être mentionner, selon votre projet.

Fonctionnalités de commerce électronique telles que les passerelles de paiement

  • SSL – est-ce requis et comment le mettre en œuvre
  • Capacités multilingues
  • Rôles et capacités des utilisateurs – plus d’un type de rôle d’utilisateur où les utilisateurs peuvent avoir différentes autorisations, etc.
  • Analytique et suivi
  • Fonctionnalité spécifique autour de la recherche
  • Exigences de performance

Accessibilité

L’accessibilité du Web consiste à créer des sites Web qui fonctionnent pour tout le monde, indépendamment de la technologie, de l’emplacement ou des capacités.

Il existe des normes appelées «Directives pour l’accessibilité du contenu Web» (WCAG) qui ont été élaborées pour aider les développeurs Web à créer des sites Web plus accessibles.

Tous les sites Web doivent s’efforcer d’atteindre les niveaux d’accessibilité les plus élevés, mais si vous avez des exigences spécifiques à ce sujet, décrivez-les dans le cadre de vos spécifications.

Meilleur navigateur internet et les supports en 2020

Les sites Web peuvent être consultés sur une large gamme d’appareils et de navigateurs. Il est important de savoir lesquels de ces navigateurs et appareils doivent être pris en charge, car leurs exigences techniques peuvent varier.

En particulier, si vous avez besoin de la prise en charge d’anciens navigateurs (généralement Internet Explorer), cela peut augmenter le coût global du projet.

Cette section doit indiquer sur quels navigateurs et appareils le site doit être testé. De nombreuses spécifications nécessitent des tests dans la dernière version des navigateurs les plus populaires (Chrome, Firefox, Safari, Edge), puis spécifient une ou deux versions d’Internet Explorer 9 e.g. IE 10 et 11).

Comparaison des navigateurs web
l’image provenant de Wikipedia

Si vous disposez d’un navigateur et de données d’appareil provenant d’analyses sur un site actuel, il est utile de les inclure ici. Comme vous pouvez le voir sur l’image ci-dessus, Internet Explorer a une petite utilisation (2,42%), ce qui pourrait conduire à des décisions sur le niveau de prise en charge de ce navigateur.

Hébergement web

Cette section doit décrire les exigences d’hébergement du site.

Si vous avez déjà un hôte que vous souhaitez utiliser, donnez ici les détails de la plateforme.

intéressé à utiliser WordPress il vous faut un hébergement supportait les éléments suivants:

  • PHP 7.3 ou supérieur
  • MySQL 5.6 ou supérieur OU MariaDB 10.1 ou supérieur
  • Nginx ou Apache avec le module mod_rewrite
  • Prise en charge HTTPS

Assistance et maintenance continues

Les sites Web doivent être mis à jour, entretenus et améliorés au fil du temps. Si vous utilisez une plate-forme telle que WordPress, la base de code se détériorera rapidement si elle n’est pas régulièrement mise à jour. Cela peut entraîner des problèmes de performances, de compatibilité et de sécurité.

Dans vos spécifications, décrivez toutes les exigences de maintenance et d’assistance dont vous disposez.

Contenu d’ensemble

L’un des problèmes les plus courants que rencontrent les projets est que les parties ont fait des suppositions sur qui est responsable de certaines tâches.

L’exemple classique est celui qui ajoute le contenu. Souvent, les personnes qui commandent des sites Web supposent (à juste titre) que la société Web ajoutera tout le contenu. Cependant, ce n’est souvent pas le cas et le client reçoit une version «vide» de son site Web.

Le document de spécification de votre site Web doit inclure tout ce qui est nécessaire pour que ce projet se termine avec succès.

Voici quelques contenu d’ensemble courantes auxquelles réfléchir:

  • Ajout de contenu
  • Options de personnalisation de la conception et de la mise en page
  • Migration du site vers le serveur en direct
  • Maintenance en cours
  • SEO
  • Hébergement

Repères

De nombreux projets, en particulier s’ils utilisent une approche «à coût fixe», auront fixé des jalons en cours de route. Ce sont des phases claires du projet où vous travaillerez sur différents aspects du site.

Souvent, l’ajout d’échéances ou de délais est une bonne idée, car cela peut aider à garder le développement du projet concentré et sur la bonne voie.

Voici quelques exemples d’étapes types d’un projet Web:

  • Maquettes
  • Conceptions
  • Développement (Front et Back-end)
  • Tests et rétroaction
  • Go Live

Délais

Même si vous n’avez pas défini de jalons, il est toujours important d’avoir une idée des délais impliqués, surtout s’il y a un délai fixe – un événement, par exemple.

Ajoutez tous les délais connus au document de spécification.

Budgets

Le budget requis pour le projet doit être clairement indiqué dans cette section. Souvent, une ventilation du budget peut être donnée ici pour les différentes étapes ou étapes, si cela est approprié.

Cette section peut également inclure des informations sur le modèle de tarification préféré, par exemple prix fixe ou temps et matériaux.

En conclusion

Une spécification détaillée de site Web peut faire la différence entre le succès et l’échec d’un projet Web. Il vous aidera à communiquer vos objectifs commerciaux et vos exigences à toutes les équipes internes ou externes impliquées dans le projet.

Il vaut toujours la peine de faire l’investissement initial pour bien faire les choses au début, car cela évitera des douleurs plus loin.

Bonne chance avec votre projet web!