{"id":666,"date":"2023-09-25T09:00:10","date_gmt":"2023-09-25T09:00:10","guid":{"rendered":"https:\/\/poyesis.fr\/blogs\/?p=666"},"modified":"2025-02-27T23:22:41","modified_gmt":"2025-02-27T23:22:41","slug":"rediger-cahier-charges","status":"publish","type":"post","link":"https:\/\/poyesis.fr\/blogs\/rediger-cahier-charges\/","title":{"rendered":"Faire le cahier des charges de son app web\/mobile : le guide"},"content":{"rendered":"<p>Vous voulez cr\u00e9er une application ou faire une refonte de votre site web.<\/p>\n<p>Et vous vous demandez comment faire pour que vos \u00e9quipes r\u00e9alisent exactement le produit que vous avez en t\u00eate.<\/p>\n<p>Ne cherchez plus, la solution \u00e0 votre probl\u00e8me porte un nom : un cahier des charges.<\/p>\n<p>Nous allons vous montrer \u00e9tape par \u00e9tape, comment r\u00e9diger le v\u00f4tre simplement.<\/p>\n<p>C\u2019est parti.<\/p>\n<h2>Qu\u2019est-ce qu\u2019un cahier des charges\u00a0?<\/h2>\n<p>Un cahier des charges est un document pr\u00e9sentant tous les aspects d\u2019un projet et faisant office de document juridique entre le ma\u00eetre d\u2019\u0153uvre (vous) et son prestataire.<\/p>\n<p>Il contient les points suivants\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">les objectifs du projet\u00a0;<\/li>\n<li aria-level=\"1\">la charte graphique\u00a0;<\/li>\n<li aria-level=\"1\">les fonctionnalit\u00e9s de l\u2019application web\/mobile\u00a0;<\/li>\n<li aria-level=\"1\">les contraintes techniques\u00a0;<\/li>\n<li aria-level=\"1\">les prestations attendues\u00a0;<\/li>\n<li aria-level=\"1\">le budget\u00a0;<\/li>\n<li aria-level=\"1\">la deadline et les jalons.<\/li>\n<\/ul>\n<p>Cette liste n\u2019est pas exhaustive. Ainsi, vous pourrez rajouter d\u2019autres \u00e9l\u00e9ments en fonction de votre projet web.<\/p>\n<p>Dit comme cela, r\u00e9diger un cahier des charges pour son site web ou son app a l\u2019air simple.<\/p>\n<p>Ce n\u2019est pas toujours le cas.<\/p>\n<p>D\u00e9j\u00e0, en r\u00e9digeant votre cahier des charges, vous risquez de vous rendre compte qu\u2019il y a beaucoup d\u2019\u00e9l\u00e9ments qui sont encore flous.<\/p>\n<p>Ensuite, synth\u00e9tiser ces \u00e9l\u00e9ments dans un document parfaitement d\u00e9taill\u00e9 demande beaucoup de temps.<\/p>\n<p>Autant de raisons pour lesquelles beaucoup d\u2019entrepreneurs pr\u00e9f\u00e8rent sauter cette \u00e9tape. Ils commencent par un prototype et l\u2019am\u00e9liorent ensuite.<\/p>\n<p>Ne faites surtout pas \u00e7a.<\/p>\n<p>Pourquoi ?<\/p>\n<p>Tout simplement parce que r\u00e9diger le cahier des charges de votre service digital vous apporte trois avantages.<\/p>\n<h2>3 raisons de toujours r\u00e9diger un cahier des charges<\/h2>\n<p>Sans plus tarder, entrons dans le vif du sujet.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-large wp-image-672\" src=\"https:\/\/poyesis.fr\/blogs\/wp-content\/uploads\/2023\/09\/Main-blanche-encadrant-le-soleil-683x1024.png\" alt=\"\" width=\"525\" height=\"787\" srcset=\"https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/Main-blanche-encadrant-le-soleil-683x1024.png 683w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/Main-blanche-encadrant-le-soleil-200x300.png 200w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/Main-blanche-encadrant-le-soleil-768x1152.png 768w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/Main-blanche-encadrant-le-soleil-1024x1536.png 1024w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/Main-blanche-encadrant-le-soleil-750x1125.png 750w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/Main-blanche-encadrant-le-soleil-1140x1710.png 1140w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/Main-blanche-encadrant-le-soleil.png 1333w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/p>\n<h3>1 \u2013 Une meilleure communication entre tous les membres de votre \u00e9quipe<\/h3>\n<p>Est-ce que vous savez \u00e0 quoi ressemble une interface graphique\u00a0?<\/p>\n<p>Et un menu\u00a0?<\/p>\n<p>Ou une ic\u00f4ne\u00a0?<\/p>\n<p>Certainement.<\/p>\n<p>Mais est-ce que vous \u00eates s\u00fbr que vos collaborateurs ont les m\u00eames images en t\u00eates que vous\u00a0?<\/p>\n<p>La r\u00e9ponse est non.<\/p>\n<p>D\u00e9velopper une application ou cr\u00e9er un site web fait intervenir plusieurs personnes aux profils diff\u00e9rents\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">l\u2019initiateur du projet, vous\u00a0;<\/li>\n<li aria-level=\"1\">des webdesigners ;<\/li>\n<li aria-level=\"1\">des d\u00e9veloppeurs web ;<\/li>\n<li aria-level=\"1\">des r\u00e9dacteurs web ;<\/li>\n<li aria-level=\"1\">Des consultants SEO qui vont optimiser votre nouveau produit pour les moteurs de recherche et\/ou les app store\u00a0;<\/li>\n<li aria-level=\"1\">Des sp\u00e9cialistes du marketing digital.<\/li>\n<\/ul>\n<p>Imaginez si toutes ces personnes ont des id\u00e9es diff\u00e9rentes en t\u00eate et que chacune pense que tous pensent comme elle\u2026 vous courez \u00e0 la catastrophe.<\/p>\n<p>Heureusement, vous pouvez \u00e9viter cela en r\u00e9digeant un cahier des charges.<\/p>\n<h3>2 \u2013 Le respect des d\u00e9lais et du budget<\/h3>\n<p>Certes, un cahier des charges n\u2019est pas un outil magique qui vous garantit que votre projet sera livr\u00e9 dans les temps.<\/p>\n<p>Et encore moins dans le respect du budget.<\/p>\n<p>Mais sans lui, alors vous \u00eates certain que non seulement votre projet aura des retards, mais qu\u2019en plus, vous d\u00e9passerez votre budget initial.<\/p>\n<p>Et les chances que vous receviez un produit qui corresponde \u00e0 vos attentes sont encore plus maigres.<\/p>\n<p>Gr\u00e2ce au cahier des charges, votre prestataire et vous conna\u00eetrez les caract\u00e9ristiques et les \u00e9tapes du projet.<\/p>\n<p>Ce qui a trois avantages\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">l\u2019agence web \u00e0 qui vous faites appel peut vous fournir une estimation r\u00e9aliste des d\u00e9lais de livraison en d\u00e9but de contrat\u00a0;<\/li>\n<li aria-level=\"1\">vous pouvez facilement contr\u00f4ler l\u2019avancement du projet gr\u00e2ce au r\u00e9troplanning\u00a0;<\/li>\n<li aria-level=\"1\">vous pouvez mieux estimer le budget n\u00e9cessaire.<\/li>\n<\/ul>\n<h3>\u00a03 \u2013 L\u2019assurance que vous obtiendrez la totalit\u00e9 des droits sur vos livrables<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-671\" src=\"https:\/\/poyesis.fr\/blogs\/wp-content\/uploads\/2023\/09\/Justice.png\" alt=\"\" width=\"500\" height=\"750\" srcset=\"https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/Justice.png 500w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/Justice-200x300.png 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Saviez-vous que selon la loi, vous n\u2019\u00eates pas forc\u00e9ment le propri\u00e9taire d\u2019un site web ou d\u2019une application que vous avez fait d\u00e9velopper\u00a0?<\/p>\n<p>Eh oui, si vous n\u2019\u00eates pas vigilant lors des n\u00e9gociations avec votre agence de d\u00e9veloppement web, vous risquez devoir lui verser des royalties\u2026 sur votre propre app.<\/p>\n<p>Application con\u00e7ue \u00e0 vos frais et selon votre id\u00e9e.<\/p>\n<p>Si ce sujet vous int\u00e9resse, <a href=\"https:\/\/poyesis.fr\/blogs\/qui-detient-la-propriete-intellectuelle-de-votre-site-web\" target=\"_blank\" rel=\"noopener\">nous l\u2019avons expliqu\u00e9 dans cet article de blog<\/a>.<\/p>\n<p>Alors si vous h\u00e9sitiez encore \u00e0 r\u00e9aliser un cahier des charges, cet argument \u00e0 lui seul devrait suffire.<\/p>\n<p>Vous n\u2019avez pas envie de vous retrouver confront\u00e9 \u00e0 une l\u00e9gion d\u2019avocats sp\u00e9cialis\u00e9s en propri\u00e9t\u00e9 intellectuelle, n\u2019est-ce pas ?<\/p>\n<h2>R\u00e9diger son cahier des charges de A \u00e0 Z : les 9 parties que votre cahier doit avoir<\/h2>\n<p>Maintenant, entrons dans le vif du sujet\u00a0: comment r\u00e9diger un cahier des charges pr\u00e9cis ?<\/p>\n<p>Voici les 9 sections que votre cahier des charges devra contenir\u00a0:<\/p>\n<ol>\n<li aria-level=\"1\">Le pitch d\u2019\u00e9l\u00e9vation\u00a0;<\/li>\n<li aria-level=\"1\">La pr\u00e9sentation du projet\u00a0;<\/li>\n<li aria-level=\"1\">Les flows d\u2019utilisateurs (user flows)<\/li>\n<li aria-level=\"1\">L\u2019arborescence et le contenu de l\u2019application\u00a0;<\/li>\n<li aria-level=\"1\">La charte graphique ;<\/li>\n<li aria-level=\"1\">La liste des fonctionnalit\u00e9s\u00a0;<\/li>\n<li aria-level=\"1\">Les prestations attendues (+ les d\u00e9lais) ;<\/li>\n<li aria-level=\"1\">Le budget\u00a0;<\/li>\n<li aria-level=\"1\">Le lexique.<\/li>\n<\/ol>\n<p>Voyons-les en d\u00e9tail.<\/p>\n<h3>Section 1\u00a0: l\u2019elevator pitch<\/h3>\n<p>Honn\u00eatement, le pitch d\u2019\u00e9l\u00e9vation, ou argumentaire \u00e9clair, n\u2019est pas obligatoire.<\/p>\n<p>Mais ce paragraphe peut vous aider \u00e0 mieux vous faire comprendre par vos (futurs) collaborateurs.<\/p>\n<p>Son but\u00a0: expliquer clairement votre projet, votre organisation, les enjeux du projet et l\u2019audience cible en quelques paragraphes.<\/p>\n<p>Voici 2 raisons pour lesquelles vous devriez toujours r\u00e9diger cette partie :<\/p>\n<ul>\n<li aria-level=\"1\">Vous vous impr\u00e9gnez mieux de votre propre id\u00e9e\u00a0: vous serez surpris du nombre d\u2019entrepreneurs qui n\u2019arrivent pas \u00e0 pr\u00e9senter leurs id\u00e9es de business sans d\u2019innombrables slides PowerPoint\u00a0;<\/li>\n<li aria-level=\"1\">Vous captivez votre audience\u00a0: en 30 \u00e0 60 secondes maximum, vos lecteurs sauront d\u00e9j\u00e0 ce que vous attendez d\u2019eux. Ce qui peut avoir un \u00e9norme impact sur la suite.<\/li>\n<\/ul>\n<p>Concr\u00e8tement, voici les \u00e9l\u00e9ments que vous les questions auxquelles vous devez r\u00e9pondre dans cette partie\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">Qui \u00eates-vous\u00a0?<\/li>\n<li aria-level=\"1\">Quel probl\u00e8me votre application ou votre site web va r\u00e9soudre\u00a0?<\/li>\n<li aria-level=\"1\">Sous quel angle allez-vous aborder ledit probl\u00e8me\u00a0?<\/li>\n<li aria-level=\"1\">Quelle est la plus-value de votre offre par rapport \u00e0 vos concurrents\u00a0?<\/li>\n<\/ul>\n<p>Ok.<\/p>\n<p>Combiner tous ces points sur une seule page Word A4 peut sembler difficile.<\/p>\n<p>Toutefois, vous n\u2019avez pas besoin de les approfondir ici. Vous le ferez dans la section suivante.<\/p>\n<p>Pour vous donner une id\u00e9e, voici un template de pitch d\u2019\u00e9l\u00e9vation du <a href=\"https:\/\/fi.co\/madlibs\" target=\"_blank\" rel=\"noopener\">Founder Institute<\/a>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-674\" src=\"https:\/\/poyesis.fr\/blogs\/wp-content\/uploads\/2023\/09\/template-de-pitch-delevation-du-Founder-Institute.png\" alt=\"\" width=\"403\" height=\"403\" srcset=\"https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/template-de-pitch-delevation-du-Founder-Institute.png 403w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/template-de-pitch-delevation-du-Founder-Institute-300x300.png 300w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/template-de-pitch-delevation-du-Founder-Institute-150x150.png 150w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/template-de-pitch-delevation-du-Founder-Institute-75x75.png 75w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/template-de-pitch-delevation-du-Founder-Institute-350x350.png 350w\" sizes=\"(max-width: 403px) 100vw, 403px\" \/><\/p>\n<p>Si vous souhaitez apprendre \u00e0 cr\u00e9er votre elevator pitch, cet <a href=\"https:\/\/asana.com\/fr\/resources\/elevator-pitch-examples\" target=\"_blank\" rel=\"noopener\">article d\u2019Asana<\/a> est fait pour vous.<\/p>\n<h3>Section 2\u00a0: La pr\u00e9sentation du projet<\/h3>\n<p>Apr\u00e8s avoir teas\u00e9 votre entreprise et votre id\u00e9e d\u2019application \u00e0 votre potentielle agence digitale, vient le moment de tout lui dire.<\/p>\n<p>Et c\u2019est justement ce que vous ferez dans cette partie\u00a0: vous lui r\u00e9v\u00e8lerez toutes les informations importantes sur votre entreprise, y compris le r\u00f4le de cette app dans la strat\u00e9gie de celle-ci.<\/p>\n<p>Pour cela, vous allez scinder cette partie en 3 sous-parties\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">le contexte\u00a0;<\/li>\n<li aria-level=\"1\">les objectifs de l\u2019application\u00a0;<\/li>\n<li aria-level=\"1\">(facultatif) votre \u00e9cosyst\u00e8me num\u00e9rique.<\/li>\n<\/ul>\n<h4><i>Pr\u00e9sentation du contexte<\/i><\/h4>\n<p>Concernant votre organisation, voici les \u00e9l\u00e9ments dont vous devrez parler\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">La date de cr\u00e9ation de votre entreprise\u00a0;<\/li>\n<li aria-level=\"1\">Les services\\produits que vous offrez\u00a0;<\/li>\n<li aria-level=\"1\">Le profil type de votre public\u00a0;<\/li>\n<li aria-level=\"1\">Votre nombre de collaborateurs\u00a0;<\/li>\n<li aria-level=\"1\">Vos concurrents\u00a0;<\/li>\n<li aria-level=\"1\">Votre plus-value\u00a0;<\/li>\n<li aria-level=\"1\">Le type de projet\u00a0:\n<ul>\n<li aria-level=\"2\">Refonte d\u2019une application\u00a0?<\/li>\n<li aria-level=\"2\">Cr\u00e9ation d\u2019un site web\u00a0? D\u2019une application mobile\u00a0?<\/li>\n<li aria-level=\"2\"><a href=\"https:\/\/poyesis.fr\/blogs\/convertir-site-web-en-application-mobile\" target=\"_blank\" rel=\"noopener\">La conversion d\u2019un site web en application mobile<\/a>\u00a0?<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Ici, le mot d\u2019ordre, c&rsquo;est l\u2019exhaustivit\u00e9.<\/p>\n<p>N\u2019ayez pas peur de rentrer dans les d\u00e9tails.<\/p>\n<p>Vous avez des chiffres int\u00e9ressants\u00a0? Des statistiques sur vos ventes\u00a0? Partagez-les.<\/p>\n<p>Attention toutefois \u00e0 ne pas rallonger cette partie avec des d\u00e9tails peu pertinents \u2013 comme l\u2019historique d\u00e9taill\u00e9 de votre soci\u00e9t\u00e9.<\/p>\n<p>Enfin, soyez clair sur le type d\u2019application que vous attendez. Indiquez clairement s\u2019il s\u2019agit\u00a0d\u2019une :<\/p>\n<ul>\n<li aria-level=\"1\">application native\u00a0;<\/li>\n<li aria-level=\"1\">application hybride\u00a0;<\/li>\n<li aria-level=\"1\">Progressive Web App (PWA).<\/li>\n<\/ul>\n<p>Vous ne savez pas quel type choisir\u00a0? <a href=\"https:\/\/poyesis.fr\/blogs\/app-mobile-ou-web-app-quel-type-dappli-choisir\" target=\"_blank\" rel=\"noopener\">Ce guide vous aidera \u00e0 d\u00e9terminer le meilleur type d\u2019application selon votre business<\/a>.<\/p>\n<h4><i>Les objectifs de l\u2019application<\/i><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-667\" src=\"https:\/\/poyesis.fr\/blogs\/wp-content\/uploads\/2023\/09\/cible-avec-fleche-683x1024.png\" alt=\"\" width=\"525\" height=\"787\" srcset=\"https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/cible-avec-fleche-683x1024.png 683w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/cible-avec-fleche-200x300.png 200w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/cible-avec-fleche-768x1152.png 768w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/cible-avec-fleche-1024x1536.png 1024w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/cible-avec-fleche-750x1125.png 750w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/cible-avec-fleche-1140x1710.png 1140w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/cible-avec-fleche.png 1333w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>Pourquoi voulez-vous lancer ce projet\u00a0?<\/p>\n<p>Quelle est son importance dans la strat\u00e9gie globale de votre entreprise\u00a0?<\/p>\n<p>Quelle audience voulez-vous atteindre gr\u00e2ce \u00e0 ce dernier\u00a0?<\/p>\n<p>Les r\u00e9ponses \u00e0 ces questions permettront \u00e0 votre agence partenaire de mieux cerner vos attentes.<\/p>\n<p>D\u2019ailleurs, il y a fort \u00e0 parier qu\u2019elle vous aide \u00e0 mieux cadrer votre projet pour que le produit final match le plus avec vos attentes.<\/p>\n<h4><i>Pr\u00e9sentation de votre \u00e9cosyst\u00e8me num\u00e9rique<\/i><\/h4>\n<p>D\u2019entr\u00e9e de jeu, sachez que cette partie est totalement facultative si vous n\u2019avez pas encore d\u2019application ou de site web.<\/p>\n<p>Dans le cas contraire, demandez-vous comment vos plateformes vont interagir ensemble.<\/p>\n<p>Et pour \u00eatre certain que l\u2019entreprise en charge de votre projet sera sur la m\u00eame longueur d\u2019onde que vous, r\u00e9pondez aux questions suivantes\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">Comment fonctionne cette plateforme\u00a0?<\/li>\n<li aria-level=\"1\">Quel est son mod\u00e8le \u00e9conomique\u00a0?<\/li>\n<li aria-level=\"1\">Quelles sont ses statistiques sur ses m\u00e9triques principales (taux de rebond, nombre de t\u00e9l\u00e9chargements, etc.)\u00a0;<\/li>\n<li aria-level=\"1\">Qui s\u2019occupe de son h\u00e9bergement, etc.<\/li>\n<\/ul>\n<p>Gr\u00e2ce \u00e0 ses pr\u00e9cieuses informations, toutes les parties prenantes pourront facilement int\u00e9grer vos autres services digitaux dans le projet.<\/p>\n<h3>Section 3\u00a0: les flows d\u2019utilisateurs<\/h3>\n<p>Comment est-ce que vos clients vont utiliser votre service\u00a0?<\/p>\n<p>Quels chemins de navigation suivront-ils dans leurs parcours d\u2019achats\u00a0?<\/p>\n<p>Sur quelles interfaces\/pages devront-ils effectuer des actions\u00a0?<\/p>\n<p>C\u2019est ici que vous expliquerez tout cela.<\/p>\n<p>Plut\u00f4t que de longs discours, simplifiez-vous la vie\u00a0: montrer des users stories ou des cas d\u2019utilisateurs.<\/p>\n<p>Voici \u00e0 quoi \u00e7a ressemble.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-668\" src=\"https:\/\/poyesis.fr\/blogs\/wp-content\/uploads\/2023\/09\/exemple-de-User-Stories-tire-du-site-Mockplus.png\" alt=\"\" width=\"900\" height=\"500\" srcset=\"https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/exemple-de-User-Stories-tire-du-site-Mockplus.png 900w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/exemple-de-User-Stories-tire-du-site-Mockplus-300x167.png 300w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/exemple-de-User-Stories-tire-du-site-Mockplus-768x427.png 768w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/exemple-de-User-Stories-tire-du-site-Mockplus-750x417.png 750w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>Source : <a href=\"https:\/\/www.mockplus.com\/blog\/post\/user-flow-tools\" target=\"_blank\" rel=\"noopener\">Mockplus<\/a><\/p>\n<p>\u00c7a a l\u2019air simple et pourtant, dessiner ces chemins de navigations vous offre 3 avantages\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">les points de frictions sont faciles \u00e0 rep\u00e9rer, ce qui am\u00e9liore l\u2019exp\u00e9rience utilisateur ;<\/li>\n<li aria-level=\"1\">vous avez moins de chances d\u2019oublier une page importante\u00a0;<\/li>\n<li aria-level=\"1\">vous pourrez visualiser les connexions entre vos diff\u00e9rentes interfaces graphiques.<\/li>\n<\/ul>\n<p>Bonus\u00a0: pourquoi ne pas en profiter pour optimiser le parcours utilisateur de votre app au maximum\u00a0? <a href=\"https:\/\/poyesis.fr\/blogs\/loptimisation-dun-funnel-de-ventes\/\" target=\"_blank\" rel=\"noopener\">Voici comment le faire<\/a> et si vous voulez <a href=\"https:\/\/poyesis.fr\/blogs\/ameliorer-experience-utilisateur-grace-chatgpt\/\" target=\"_blank\" rel=\"noopener\">booster votre parcours d\u2019achat avec ChatGPT, c\u2019est par ici<\/a>.<\/p>\n<h3>Section 4\u00a0: arborescence et hi\u00e9rarchie du site<\/h3>\n<p>Comment est-ce que vos pages seront reli\u00e9es entre elles\u00a0?<\/p>\n<p>Quelle logique suivront-elles\u00a0?<\/p>\n<p>Combien de pages votre app aura\u00a0?<\/p>\n<p>Encore une fois, n\u2019h\u00e9sitez pas \u00e0 pr\u00e9senter la hi\u00e9rarchie de votre site web ou appli mobile sous forme visuelle.<\/p>\n<p>Conseil : utilisez les cartes mentales, vous pouvez en cr\u00e9er sur des sites tels que <a href=\"https:\/\/www.mindmeister.com\/fr\" target=\"_blank\" rel=\"noopener\">Mindmeister<\/a> ou <a href=\"https:\/\/miro.com\/fr\/\" target=\"_blank\" rel=\"noopener\">Miro<\/a>.<\/p>\n<h3>Section 5\u00a0: la charte graphique<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-670\" src=\"https:\/\/poyesis.fr\/blogs\/wp-content\/uploads\/2023\/09\/image3.png\" alt=\"\" width=\"500\" height=\"750\" srcset=\"https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/image3.png 500w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/image3-200x300.png 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Avez-vous remarqu\u00e9 qu\u2019\u00e0 chaque fois que vous \u00eates face \u00e0 un produit Google, vous reconnaissez instantan\u00e9ment la marque\u00a0?<\/p>\n<p>Ce n\u2019est pas d\u00fb au hasard. C\u2019est parce que Google \u2013 comme toutes les entreprises \u2013 veille \u00e0 la coh\u00e9rence visuelle de tous ses produits.<\/p>\n<p>Notamment :<\/p>\n<ul>\n<li aria-level=\"1\">les couleurs de la marque\u00a0;<\/li>\n<li aria-level=\"1\">la typographie ;<\/li>\n<li aria-level=\"1\">les styles artistiques\u00a0;<\/li>\n<li aria-level=\"1\">les diff\u00e9rentes variations du logo.<\/li>\n<\/ul>\n<p>Tous ces \u00e9l\u00e9ments se retrouvent dans la charte graphique.<\/p>\n<p>C\u2019est litt\u00e9ralement la bible de votre webdesigner.<\/p>\n<p>Elle contient des r\u00e8gles qui r\u00e9gissent tous les \u00e9l\u00e9ments de votre communication, et vos services num\u00e9riques n\u2019y font pas exception.<\/p>\n<p>Si vous n\u2019avez pas encore cr\u00e9\u00e9 d\u2019identit\u00e9 visuelle et\/ou de charte graphique, deux choix s\u2019offrent \u00e0 vous\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">demander \u00e0 votre webdesigner ou \u00e0 l\u2019agence qui r\u00e9alisera votre projet de s\u2019en charger ;<\/li>\n<li aria-level=\"1\">cr\u00e9er vous-m\u00eame votre identit\u00e9 visuelle.<\/li>\n<\/ul>\n<p>Vous vous en doutez, la deuxi\u00e8me option n\u2019est envisageable que lorsque vous d\u00e9butez et que votre budget est limit\u00e9.<\/p>\n<p>Voici un <a href=\"https:\/\/blog.hubspot.fr\/marketing\/identite-visuelle#:~:text=Une%20identit%C3%A9%20visuelle%20est%20compos%C3%A9e,au%20premier%20coup%20d'%C5%93il.\" target=\"_blank\" rel=\"noopener\">excellent article de blog d\u2019Hubspot<\/a> qui vous aidera \u00e0 cr\u00e9er l\u2019identit\u00e9 visuelle de votre marque.<\/p>\n<p>En bonus, vous pouvez aussi int\u00e9grer des maquettes de votre future app et des sources d&rsquo;inspiration \u2013 aka sites et applications de vos concurrents. Elles aideront vos collaborateurs \u00e0 mieux cerner vos attentes en termes d\u2019UX design.<\/p>\n<p>Pour apprendre \u00e0 cr\u00e9er des maquettes, <a href=\"https:\/\/poyesis.fr\/blogs\/6-etapes-pour-creer-la-maquette-de-son-site-web\" target=\"_blank\" rel=\"noopener\">c\u2019est par ici<\/a>.<\/p>\n<h3>Section 6\u00a0: les sp\u00e9cificit\u00e9s techniques et fonctionnelles<\/h3>\n<p>Cette partie se compose de trois sous-parties\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">l\u2019\u00e9nonc\u00e9 du p\u00e9rim\u00e8tre du projet\u00a0;<\/li>\n<li aria-level=\"1\">la liste des fonctionnalit\u00e9s de votre application\u00a0;<\/li>\n<li aria-level=\"1\">la liste des contraintes techniques \u00e0 respecter.<\/li>\n<\/ul>\n<p>Sans plus tarder, voyons chacune de ces parties.<\/p>\n<h4><i>L\u2019\u00e9nonc\u00e9 du p\u00e9rim\u00e8tre du projet<\/i><\/h4>\n<p>Parfois appel\u00e9 \u00ab\u00a0Scope de projet\u00a0\u00bb, le p\u00e9rim\u00e8tre du projet vous pousse \u00e0 d\u00e9finir des contraintes \u00e0 votre projet.<\/p>\n<p>L\u2019objectif \u00e9tant d\u2019\u00e9viter une d\u00e9rive des objectifs, et donc une charge de travail suppl\u00e9mentaire \u2013 et des co\u00fbts budg\u00e9taires qui vont saigner votre tr\u00e9sorerie.<\/p>\n<p>Ici, il s\u2019agit de lister la pr\u00e9sence ou non de certaines fonctionnalit\u00e9s. Voici quelques questions auxquelles vous devrez r\u00e9pondre :<\/p>\n<ul>\n<li aria-level=\"1\">Vos contenus seront-ils multilingues ?<\/li>\n<li aria-level=\"1\">Sur quels supports votre application ou votre site web seront utilisables ?<\/li>\n<li aria-level=\"1\">Allez-vous r\u00e9utiliser des modules d\u2019une autre de vos plateformes digitales ?<\/li>\n<li aria-level=\"1\">L\u2019application int\u00e9grera-t-elle un mode hors-connexion ?<\/li>\n<li aria-level=\"1\">Un moteur de recherche int\u00e9gr\u00e9 ?<\/li>\n<li aria-level=\"1\">Un espace client ?<\/li>\n<li aria-level=\"1\">La g\u00e9olocalisation\u00a0?<\/li>\n<li aria-level=\"1\">Les notifications push ?<\/li>\n<\/ul>\n<p>Pour en apprendre plus sur le scope du projet, faites un tour sur cet article du blog <a href=\"https:\/\/blog-gestion-de-projet.com\/contenu-et-perimetre-de-projet\/#:~:text=d%C3%A9taill%C3%A9e%20du%20projet.-,D%C3%A9finir%20le%20p%C3%A9rim%C3%A8tre%20de%20projet,et%20d%C3%A9sirs%20des%20parties%20prenantes.\" target=\"_blank\" rel=\"noopener\">gestion de projet.com<\/a>.<\/p>\n<h4><i>La liste des fonctionnalit\u00e9s du projet<\/i><\/h4>\n<p>Quelles seront les fonctionnalit\u00e9s de votre application\u00a0?<\/p>\n<p>Qu\u2019est-ce que l\u2019utilisateur pourra faire avec elle ?<\/p>\n<p>Vous l\u2019avez compris, c\u2019est ici que vous listerez toutes les fonctionnalit\u00e9s que vous souhaitez avoir.<\/p>\n<p>Listez les fonctionnalit\u00e9s aussi bien c\u00f4t\u00e9 client (le front-end) que c\u00f4t\u00e9 administration (le back-end).<\/p>\n<p>Mais saviez-vous qu\u2019en soignant cette partie, vous pouvez faire subventionner votre projet par l\u2019\u00c9tat fran\u00e7ais\u00a0\u00e0 hauteur de 30 %\u202f?<\/p>\n<p>Cette manne financi\u00e8re porte un nom : le cr\u00e9dit imp\u00f4t innovation (CII).<\/p>\n<p>Et voici un article qui vous explique <a href=\"https:\/\/poyesis.fr\/blogs\/credit-impot-innovation-pour-site-web-conditions-eligibilite\" target=\"_blank\" rel=\"noopener\">comment b\u00e9n\u00e9ficier du CII<\/a> \ud83d\ude01.<\/p>\n<h4><i>Les contraintes techniques du projet<\/i><\/h4>\n<p>En tant que dirigeant d\u2019entreprise qui souhaite voir que ses ventes grandissent \u2014 et non l\u2019inverse \u2014 vous le savez : m\u00eame le client le plus fid\u00e8le ira chez vos concurrents si son exp\u00e9rience sur votre plateforme est d\u00e9sagr\u00e9able.<\/p>\n<p>Ainsi, votre produit peut avoir toutes les fonctionnalit\u00e9s recherch\u00e9es par votre persona, mais s\u2019il est plein de bugs ou lent\u2026 vous connaissez la suite.<\/p>\n<p>C\u2019est pour \u00e9viter cela que l\u2019on d\u00e9finit des contraintes techniques.<\/p>\n<p>Il ne s\u2019agit pas de fonctionnalit\u00e9s ni de limites comme dans le cas du p\u00e9rim\u00e8tre du projet. Mais bien d\u2019exigences techniques que votre prestataire devra absolument respecter.<\/p>\n<p>En voici quelques-unes\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">la vitesse d\u2019ex\u00e9cution\u00a0: votre application doit s\u2019ex\u00e9cuter le plus rapidement possible\u00a0;<\/li>\n<li aria-level=\"1\">Les syst\u00e8mes d\u2019exploitation sur lesquels votre app doit pouvoir s\u2019ex\u00e9cuter\u00a0;<\/li>\n<li aria-level=\"1\">Les contraintes de s\u00e9curit\u00e9 que l\u2019app doit respecter\u00a0: protection 3D Secure si vous cr\u00e9ez un site e-commerce, certificats SSL, etc\u00a0;<\/li>\n<li aria-level=\"1\">le respect des labels de l\u2019informatique verte, etc.<\/li>\n<\/ul>\n<p>Ce dernier point vous int\u00e9resse\u00a0? Alors <a href=\"https:\/\/poyesis.fr\/blogs\/green-code-booster-rse-esg\" target=\"_blank\" rel=\"noopener\">courez lire cet article sur l\u2019informatique verte pour apprendre comment am\u00e9liorer vos notes ESG\\RSE<\/a>.<\/p>\n<h3>Section 7\u00a0: Prestations attendues et d\u00e9lais<\/h3>\n<p>Maintenant, il est temps de d\u00e9terminer clairement comment votre prestataire va r\u00e9aliser votre projet.<\/p>\n<p>Pour y parvenir, discutez avec votre chef de projet informatique sur les points suivants\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">la liste des actions que l\u2019agence web devra effectuer\u00a0;<\/li>\n<li aria-level=\"1\">Quelles actions d\u00e9pendent de l\u2019agence\u00a0? De vous\u00a0?<\/li>\n<li aria-level=\"1\">Quels seront les d\u00e9lais pour chaque activit\u00e9\u00a0?<\/li>\n<li aria-level=\"1\">Combien coutera chaque activit\u00e9\u00a0?<\/li>\n<li aria-level=\"1\">Quelles seront les personnes-ressources n\u00e9cessaires pour la r\u00e9alisation du projet\u00a0?<\/li>\n<\/ul>\n<p>Au terme de cet \u00e9change, vous devriez avoir entre les mains un r\u00e9troplanning d\u00e9taill\u00e9 assorti du budget n\u00e9cessaire.<\/p>\n<h3>Section 8\u00a0: Budget<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-669\" src=\"https:\/\/poyesis.fr\/blogs\/wp-content\/uploads\/2023\/09\/Feuille-de-budget.png\" alt=\"\" width=\"500\" height=\"750\" srcset=\"https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/Feuille-de-budget.png 500w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/09\/Feuille-de-budget-200x300.png 200w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Quand il s\u2019agit de l\u2019appel d\u2019offres, deux camps id\u00e9ologiques s\u2019affrontent\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">Celles et ceux qui pensent qu\u2019il ne faut pas divulguer le budget allou\u00e9 par l\u2019entreprise lors de l\u2019appel d\u2019offres\u00a0;<\/li>\n<li aria-level=\"1\">Celles et ceux qui pensent le contraire.<\/li>\n<\/ul>\n<p>Si vous ne r\u00e9v\u00e9lez pas la tranche budg\u00e9taire que votre entreprise est pr\u00eate \u00e0 mettre, voici ce qui a fortes de chances de se passer\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">Vous terminez la r\u00e9daction du cahier des charges et lancez l&rsquo;appel d\u2019offres\u00a0;<\/li>\n<li aria-level=\"1\">plusieurs agences web r\u00e9pondent\u00a0;<\/li>\n<li aria-level=\"1\">vous s\u00e9lectionnez les meilleurs d\u2019entre elles\u00a0;<\/li>\n<li aria-level=\"1\">vous discutez plusieurs semaines ensemble sur le cahier des charges\u00a0;<\/li>\n<li aria-level=\"1\">au moment o\u00f9 vous r\u00e9v\u00e9lez votre budget, le responsable de l\u2019agence vous tourne le dos, car vous \u00eates hors du budget qu\u2019il imaginait.<\/li>\n<\/ul>\n<p>Ok, c\u2019est frustrant.<\/p>\n<p>Mais c\u2019est surtout une perte de temps \u00e9norme vu que vous allez devoir recommencer le processus.<\/p>\n<p>\u00c0 vous de voir.<\/p>\n<p>Bonus\u00a0: voici un <a href=\"https:\/\/poyesis.fr\/blogs\/7-facteurs-pour-definir-le-budget-dune-app-mobile\" target=\"_blank\" rel=\"noopener\">tuto d\u00e9taill\u00e9 sur la cr\u00e9ation d\u2019un budget pour son application mobile<\/a>.<\/p>\n<h3>Section 9\u00a0: Le lexique<\/h3>\n<p>Non, le lexique n\u2019est pas obligatoire.<\/p>\n<p>Mais mettez-vous \u00e0 la place de vos collaborateurs \u2013 surtout s\u2019ils ne sont pas dans votre secteur d\u2019activit\u00e9.<\/p>\n<p>Vous leur demanderez de cr\u00e9er un produit digital pour un secteur dont ils ne connaissent presque rien.<\/p>\n<p>Dans ces conditions, des erreurs d\u2019interpr\u00e9tation, des malentendus et le stress ne sont pas loin.<\/p>\n<p>Heureusement, vous pouvez \u00e9viter cela en incluant un lexique \u00e0 la fin de votre document.<\/p>\n<h2>Quelques conseils de r\u00e9daction pour r\u00e9ussir le cahier des charges de votre application<\/h2>\n<p>F\u00e9licitations\u00a0!<\/p>\n<p>Vous savez maintenant comment r\u00e9diger un cahier des charges pr\u00e9cis.<\/p>\n<p>Mais avant de nous s\u00e9parer, nous avons deux conseils \u00e0 vous donner. Les voici\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">faites toujours relire votre cahier des charges par un d\u00e9veloppeur web ou un chef de projet informatique\u00a0;<\/li>\n<li aria-level=\"1\">n\u2019ayez pas peur de revenir sur certains \u00e9l\u00e9ments \u2013 le cahier des charges n\u2019\u00e9tant pas toujours statique\u00a0;<\/li>\n<li aria-level=\"1\">diff\u00e9renciez les fonctionnalit\u00e9s importantes de votre app \u00e0 celles qui sont justes agr\u00e9ables \u00e0 avoir.<\/li>\n<\/ul>\n<p>D\u2019ailleurs, que d\u00eetes-vous de discuter de votre future application ou de votre projet web\u00a0? <a href=\"https:\/\/poyesis.fr\/contactez-nous\/\">Contactez notre chef de projet et nous en discuterons ensemble<\/a>.<\/p>\n<p>\u00c7a ne vous engage \u00e0 rien, alors qu\u2019attendez-vous\u00a0?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous voulez cr\u00e9er une application ou faire une refonte de votre site web. Et vous vous demandez comment faire pour que vos \u00e9quipes r\u00e9alisent exactement le produit que vous avez en t\u00eate. Ne cherchez plus, la solution \u00e0 votre probl\u00e8me porte un nom : un cahier des charges. Nous allons vous montrer \u00e9tape par \u00e9tape, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":673,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jnews-multi-image_gallery":[],"jnews_single_post":{"format":"standard","override":[{"template":"7","single_blog_custom":"553","parallax":"1","fullscreen":"1","layout":"no-sidebar-narrow","sidebar":"default-sidebar","second_sidebar":"default-sidebar","sticky_sidebar":"1","share_position":"floatbottom","share_float_style":"share-normal","show_share_counter":"1","show_view_counter":"1","show_featured":"1","show_post_meta":"1","show_post_author":"1","show_post_author_image":"1","show_post_date":"1","post_date_format":"default","post_date_format_custom":"Y\/m\/d","show_post_category":"1","post_reading_time_wpm":"300","post_calculate_word_method":"str_word_count","show_zoom_button":"0","zoom_button_out_step":"2","zoom_button_in_step":"3","number_popup_post":"1","show_post_related":"1"}],"image_override":[{"single_post_thumbnail_size":"crop-500","single_post_gallery_size":"crop-500"}],"trending_post_position":"meta","trending_post_label":"Trending","sponsored_post_label":"Sponsored by","disable_ad":"0","subtitle":""},"jnews_primary_category":[],"jnews_override_bookmark_settings":{"override_bookmark_button":"0","override_show_bookmark_button":"0"},"jnews_override_counter":{"view_counter_number":"0","share_counter_number":"0","like_counter_number":"0","dislike_counter_number":"0"},"footnotes":""},"categories":[493],"tags":[80,160,81,161],"class_list":["post-666","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-strategie-digitale","tag-application-web","tag-cahier-des-charges-fonctionnelles","tag-developpement-web","tag-rediger-cahier-des-charges"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/posts\/666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/comments?post=666"}],"version-history":[{"count":1,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/posts\/666\/revisions"}],"predecessor-version":[{"id":1202,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/posts\/666\/revisions\/1202"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/media\/673"}],"wp:attachment":[{"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/media?parent=666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/categories?post=666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/tags?post=666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}