logo IAFACTORY
booster de site
expertise UX
design UX

Périmètre fonctionnel ecommerce

icone conception UX design

Le périmètre fonctionnel ecommerce est lié aux techniques de conception UX design.
Découvrez des ressources pour inventorier et établir le périmètre fonctionnel d'un projet ecommerce.

Définir le périmètre du projet ecommerce

Révisé en Mars 2024

Inventaire fonctionnel de site marchand

inventaire fonctionnel ecommerce

Le périmètre fonctionnel ecommerce établit l'envergure de votre projet de site marchand. Il s'agit d'une liste des templates (modèles types de pages), des grappes de contenus et des fonctionnalités. On parle également d'inventaire fonctionnel de site ecommerce.

Alors, quel est le périmètre fonctionnel d'un dispositif ecommerce ?
Comment vous y prendre pour lister l'intégralité des composants fonctionnels d'un site marchand ?
Comment définir l'envergure fonctionnel de votre projet ?
Dans cet article, nous allons éclaircir le périmètre fonctionnel détaillé d'un site marchand. Ce travail nécessite une excellente connaissance du fonctionnement d'un dispositif ecommerce. Une bonne maîtrise du design d'interaction et de l'architecture de l'information sont également nécessaires pour établir un inventaire complet du fonctionnement. Des compétences ebusiness sont bienvenues.

L’inventaire fonctionnel est un travail permettant de détailler de façon précise l’intégralité des éléments nécessaires à la fabrication de votre support marchand (nombre et occurrence des fonctionnalités, gabarits, processus, modules et pages. Ces éléments sont pondérés en fonction de leur complexité pour faciliter le chiffrage budgétaire).
Note : si vous souhaitez découvrir tous les détails méthodologiques pour réaliser un inventaire, vous pouvez consulter l'article dédié à la technique de l'inventaire fonctionnel

Les projets ecommerce sont relativement similaires sur le plan fonctionnel. En matière d'expérience utilisateur, le scénario stratégique proposé à l'utilisateur est toujours le même :

  • Explorer le catalogue pour préparer un achat, comparer un produit...
  • Acheter puis saisir des informations dans le tunnel d'achat pour finaliser la commande...
  • Gérer l'historique de commande...

Qu'il s'agisse d'un dispositif ecommerce de taille critique, comme pour un petit site marchand, la séquence est assez proche, et le fonctionnement d'un site ecommerce est quelque chose de standardisé. Ainsi, nous pouvons lister et détailler toutes les composantes fonctionnelles constitutives d'un dispositif marchand.
Oh, bien sûr, l'envergure fonctionnelle sera plus large sur le site d'Amazon (plus de 250 gabarits au bas mot) que sur la boutique en ligne personnelle d'un horloger (une quinzaine de gabarits...). Mais sur le fond, ça se rejoint, et c'est ce que vous pouvez visualiser dans l'exemple détaillé plus bas...

Objectifs d'un inventaire fonctionnel de site ecommerce

Clarifier le périmètre et définir le périmètre fonctionnel

Le travail d'inventaire fonctionnel permet notamment de :

  • Cerner et clarifier l'envergure fonctionnelle du site.
  • Baliser la conception fonctionnelle.
  • Estimer précisément les charges budgétaires.

Inventorier les éléments fonctionnels d'un site marchand, c'est lister tous les gabarits du projet e-commerce, un par un. Par extension, au-delà des écrans types, on souhaite identifier tout le périmètre fonctionnel du projet, fonction par fonction... Ainsi, le travail d'inventaire fonctionnel dans le cadre de projet e-commerce poursuit les objectifs suivants :

  • Lister l’intégralité des composantes fonctionnelles nécessaires au fonctionnement du support e-commerce : gabarit, processus, module, fonctionnalité…
  • Pondérer la complexité représentée par chaque composant par profil métier (en conception, en production graphique, en montage html…).
  • Etablir la nomenclature de chacun des composants fonctionnels du projet.
  • Dresser le listing complet des occurrences de chaque composant.

Exemples d'inventaire ecommerce

inventaire fonctionnel e-commerce inventaire fonctionnel e-commerce
pour fixer le périmètre du projet
iafactory - Julien MUCKENSTURM
inventaire fonctionnement ecommerce inventaire fonctionnement ecommerce
UX Parrot
iafactory - Julien MUCKENSTURM
inventaire site ecommerce inventaire et périmètre de site ecommerce
UX Cdiscount ecommerce
iafactory - Julien MUCKENSTURM

Méthode pour établir le périmètre d'un site ecommerce

Découper le site en zone fonctionnelle

Qu'il s'agisse de la création d'un site ecommerce ou de la refonte d'un dispositif existant, la démarche reste la même. Il est vrai que dans le cadre de la création d'un nouveau dispositif ecommerce, le travail d'inventaire fonctionnel est un peu plus difficile car vous devez projeter le fonctionnement avant d'avoir conçu le dispositif... Mais dans le cadre d'un site ecommerce, il y a beaucoup de chantiers fonctionnels récurrents.
Bref, pour mettre à plat le fonctionnement du site ecommerce, vous devez :

  • Lister tous les gabarits type du site.
  • Dresser le listing de toutes les fonctionnalités.
  • Focaliser sur les modules interactifs enrichis.
  • Enumérer les processus.

Vous pouvez mener ce travail en segmentant le dispositif ecommerce autour de chantier fonctionnel. Il est effectivement plus aisé de mener un inventaire fonctionnel dans un espace délimité sur le plan de la méthode. Il s'agit donc de découper le site en chantier fonctionnel, pour couvrir l'intégralité de l'envergure fonctionnelle à travers des groupes de fonctions.

Dans un site ecommerce, les chantiers fonctionnels sont toujours les mêmes. C'est la densité de chaque zone qui varie en fonction de la taille du dispositif. Ainsi, on retrouve toujours :

  • Un catalogue que l'on peut explorer de différente manière.
  • Un parcours central de la page d'accueil vers la fiche produit.
  • Un processus de commande permettant de finaliser un achat.
  • Un espace client dans lequel gérer les achats et la relation client.

A ces chantiers fonctionnels incontournables s'ajoutent des zones fonctionnelles complémentaires :

  • Des espaces dédiés à l'animation commerciale (vente).
  • Des contenus ventilés au sein d'un magazine, d'un journal, d'un blog...
  • Des modalités de contact plus ou moins avancées.
  • Un espace de support pour les problématiques SAV.

On s'appuie généralement sur ces grandes zones pour mener le travail d'inventaire fonctionnel et on ajuste pour chaque dispositif marchand.

Mettre à plat tout le fonctionnement du site

Pour chaque zone fonctionnelle, vous allez établir la liste des gabarits types (écrans types), en veillant à distinguer un gabarit complexe d'un gabarit qui ne relève que d'un simple travail de déclinaison (une vue en mosaïque d'une liste de produits est un simple travail de déclinaison du gabarit liste de résultats).

Pour chaque gabarit identifié, vous allez déterminer la complexité sur la base d'un coefficient ou d'un indice 100 : la page d'accueil ne relève pas du même degré de complexité qu'une page décrivant l'entreprise... On affecte une cote de complexité à chaque gabarit en considérant les efforts à réaliser (temps à investir) pour chaque profil métier : conception fonctionnelle, design graphique, développement front end, développement back-end... On accède ainsi à une vision plus fine du fonctionnement.

Ensuite, il s'agit de faire le même travail pour toutes les fonctionnalités du site et pour les modules (qui représentent des fonctionnalités, disons, enrichies).

Nomenclaturez chaque élément

Le fait de reporter chaque élément vous oblige à le nommer. Le travail de nomenclature est important pour les projets de taille critique et dans le cadre du travail collaboratif.

Un tableau synoptique doit permettre de visualiser les espaces fonctionnels, les gabarits, les fonctionnalités, avec leur degré de complexité. En réalisant ce travail, vous bâtissez un outil de suivi très puissant.
Cette technique est particulièrement efficace pour établir les chiffrages budgétaires des projets e-commerce les plus redoutables.

Démarche pour inventorier le périmètre du projet

Les travaux d'inventaire fonctionnel s'articulent généralement en 4 étapes :

  • Pige de la documentation projet et du dispositif existant.
  • Identification de tous les gabarits et de toutes les fonctionnalités du site.
  • Affectation de coefficient de complexité.
  • Formalisation d’un tableau synoptique listant les composants fonctionnels.

Nous vous invitons à considérer l'illustration de l'exemple pour vous aider à réaliser l'inventaire complet de votre dispositif ecommerce.

Les résultats d’un inventaire fonctionnel e-commerce :

  • Vision rationalisée du périmètre fonctionnel.
  • Conception fonctionnelle maitrisée.
  • Production pilotée par une vue détaillée des composantes à réaliser.
  • Maîtrise du budget.

Cette méthode permet de réaliser d'importants gains de productivité (capitaliser sur les éléments produits pour les réutiliser…) et d’optimiser les processus de conception.

Travaux complémentaires à l'inventaire ecommerce

L'inventaire fonctionnel e-commerce est, sur le plan méthodologique, lié au lotissement du projet : les différents gabarits identifiés peuvent être regroupés en lots pour rationaliser la coordination du projet et les phases de conception-production...

L'arborescence fonctionnelle est un moyen complémentaire de considérer le fonctionnement du projet, elle permet de projeter visuellement la mécanique fonctionnelle et les interactions entre les différents gabarits identifiés dans l'inventaire fonctionnel.

Enfin, l’inventaire fonctionnel e-commerce, qui permet d’entrevoir la mécanique de fonctionnement, débouche naturellement sur la conception du dispositif e-commerce au travers des travaux de wireframing.

Ressources d'inventaire fonctionnel ecommerce

APPROFONDIR
le fonctionnement

Livre : Mapping websites, Paul Khan
Mapping websites, Paul Khan
Plus de techniques de conception
ENVERGURE FONCTIONNELLE
Visualisation de l'organisation des gabarits et projection de la structure fonctionnelle et de son maillage.
arborescence fonctionnelle
ENVERGURE FONCTIONNELLE
Clarification des interactions et de leurs implications front-back pour tous les écrans de l'interface.
spécifications fonctionnelles
CONCEPTION D'INTERFACE
Esquisse d'interface utilisateur, projection des contenus et fonctionnalités à l'écran.
wireframing