VPTCS - un modèle UX et UI d'exigences utilisateurs

Historique

Le modèle VPTCS (Visibilité – Perception – Technique – Contenus – Services) est né entre 2000 et 2001 dans le cadre de travaux menés sur le site e-qualite.com. Après un premier article intitulé « Evaluation chronologique d’un site par ses utilisateurs » publié début 2000, Élie Sloïm et Éric Gateau, les auteurs du modèle, ont créé un annuaire de liens dédié à la qualité Web. Après analyse des liens de cet annuaire et l’équivalent d’une séance de tri de cartes, ils sont arrivés à ce modèle en cinq points. Pendant plusieurs années, le modèle a été présenté comme un simple outil de compréhension de la qualité Web. Depuis quelques années, il est adopté par de plus en plus d’acteurs pour des usages qui n’étaient absolument pas prévus ou dessinés à la création.

Présentation en 1 min 40

VPTCS, ça veut dire Visibilité, Perception, Technique Contenus et Services. Visibilité, c'est la capacité d'un site à être trouvé par ses utilisateurs. La Perception ça va être l'aptitude à être correctement perçu. La Technique, ça va être que le site fonctionne. Les Contenus, comme son nom l'indique, ça va être que les contenus soient de bonne qualité. Et les Services c'est le fait que ce qui se passe après la visite se fasse dans de bonnes conditions. Donc l'une des questions qui se pose c'est pour le mémoriser, parce que VPTCS ce n'est pas facile à mémoriser. Donc vous pouvez utiliser Va Pas Te Croire Supérieur, ça marche bien et puis ça correspond bien à la philosophie qu'on utilise chez Opquast. Après, ce modèle nous sert pour plusieurs usages. D'abord, le premier usage c'est pour différencier ce qui est de l'ordre de l'expérience utilisateur et ce qui est de l'ordre de l'interface utilisateur. J'ai un petit schéma ici. Sur la totalité du modèle, les 5 lettres constituent l'expérience utilisateur et au milieu on a un bloc ergonomique, technique et de contenus qui représente l'interface. nous nous en servons aussi pour mettre en évidence la valeur ajoutée du site, à travers les contenus et services. Nous nous en servons pour cartographier les métiers du web. Et puis il y a de plus en plus de gensx qui l'utilisent et qui trouvent des usages. Par exemple, auditer un site, évaluer le coût d'un site web. Voilà.

À la suite de cette interview donnée à Amsterdam le 11 octobre 2021, Sarah Mahfoud, de l’EBG (Electronic Business Group) a rédigé l’article Piloter l’expérience utilisateur grâce au modèle VPTCS. Pour en savoir plus, nous vous invitons à le consulter.

Mnémotechnique

Va Pas Te Croire Supérieur (proposé par Franck Paul)
Vos autres propositions seront ajoutées progressivement en bas de page.

Conférences

Le modèle VPTCS a été présenté à de très nombreuses reprises par Elie Sloïm dans des conférences et formations. Il a donné lieu à une conférence spécifique de Éric Gateau et Élie Sloïm dans le cadre de la conférence ParisWeb 2019.

Voici le support de cette conférence :

VPTCS : un modèle transversal pour la qualité de l'expérience utilisateur de Elie Sloïm

Voici également la vidéo de la conférence (sous-titrée en live, merci ParisWeb) :

VPTCS, un modèle transversal pour la qualité de l'expérience utilisateur from Paris Web on Vimeo.

Licence et droits de reproduction

Le modèle VPTCS est mis à disposition selon les termes de
la Licence Creative Commons Attribution – Partage dans les Mêmes Conditions 4.0 International.

Vous avez le droit d’utiliser ce modèle à la condition expresse de respecter les deux règles ci-dessous

Si vous décidez de modifier ou de partager ces contenus, vous devez maintenir une licence similaire
Vous avez l’obligation de citer les auteurs : Elie Sloïm et Eric Gateau

Usages

VPTCS est un modèle conceptuel. Il est une représentation simplifiée et partielle de la réalité. Il peut être utilisé pour comprendre, organiser, mesurer et prédire. Voici quelques exemples illustrés :

Comprendre et structurer les exigences utilisateurs

Le modèle VPTCS liste cinq exigences fondamentales des utilisateurs :

Visibilité : Trouver le site
Perception : Utiliser le site
Technique : Que le site fonctionne
Contenus : Que les contenus soient de bonne qualité
Services : Que ce qui se passe après la visite soit de bonne qualité

Expliquer simplement la différence entre UX et UI

L’interface est représentée par un bloc Perception Technique Contenus
L’expérience est représentée par les cinq piliers du modèle.

Cartographier les métiers et les relier aux exigences des utilisateurs

Les métiers du Web peuvent être reliés à une des exigences. Bien entendu, un métier est en fait relié à plusieurs exigences mais le modèle montre bien les priorités et sensibilités.

Visibilité : référencement, marketing, communication
Perception : ergonomie, utilisabilité, graphisme UI
Technique : sécurité, performance
Contenus : rédaction, juridique, internationalisation
Services : Service Après-Vente, relation client, e-commerce

Se répartir les responsabilités dans le projet Web

Le modèle met en différence la frontière et les responsabilités des prestataires et des clients.

Prestataires : Visibilité Perception Technique
Clients et métiers : Contenus et Services

Lister des bonnes pratiques

Le modèle a servi de point de départ pour la conception de la checklist de bonnes pratiques qualité Web Opquast.

Identifier les coûts du projet Web

Hervé Bichot a utilisé le modèle pour lister les postes du projet Web. Il en a tiré

un article : Combien coûte un site web ? ça dépend, ça dépasse !
une infographie présente en bas de l’article pré-cité.

Auditer un site Web

Hervé Bichot – encore lui – a utilisé le modèle pour extraire un guide d’audit.

Site web : comment réaliser un audit complet avec le modèle VPTCS

Crédits

Les auteurs du modèle sont Elie Sloïm et Eric Gateau
Delphine Malassingne est partie du modèle et du livre pour proposer une présentation graphique du modèle. Par la suite, elle a synthétisé l’ensemble des lectures du modèle sous forme d’une infographie globale.
Suzanne Decrème a dessiné le modèle VPTCS dans le cadre d’une conférence donnée par Elie Sloïm à Sophia Antipolis. Nous avons réutilisé ses icônes lors de la conférence ParisWeb.

C’est à vous !

Vous avez des usages, des articles, des représentations, des interprétations, des propositions ? Prévenez-nous, si vos propositions sont intéressantes, nous pouvons les référencer sur cette page de référence.

Autres propositions mnémotechniques

Va Pas Tirer sur le Canard Sauvage (proposé par Nicolas Hoffmann)
La tirade du VPTCS par Bertrand Matge
Va Pas Te Coucher Seul par Marc Charrier

Note : nous recherchons des moyens mnémotechniques en anglais et espagnol pour VPTCS