exclu mondiale :)
formation UX design !
53h de vidéo
60 études de cas
150 livrables - 160 wireframes
places limitées

synopsis de site web

icone synopsis
écrit en 2014
et révisé en 2016 par
Julien Muckensturm
Architecte de l'information
icone linkedin
icone viadeo

Intérêt du synopsis

Expliciter les grandes lignes du projet

Et oui, le synopsis n'est pas uniquement destiné à décrire les derniers films de Quentin Tarantino. En conception, pour un projet digital d'envergure, il est d'usage d'introduire les travaux par une description narrative du dispositif.

On y explique les intentions, la typologie des messages et des grandes actions, le style des interactions et les parcours utilisateurs.

En bref, il s'agit d'esquisser les principes du dispositif par l'écrit, sans entrer dans les détails, en se passant de la présentation "par les écrans". C'est une première mise en forme, stratégique, qui précède les travaux d'interface.

Exemples de synopsis

synopsis exemple sécurité routière exemple de synopsis - extract
référence ux Sécurité routière
2011 - esquissé par Julien MUCKENSTURM
synopsis total exploration exemple de synopsis - extract
référence ux Total exploration
2009 - esquissé par Julien MUCKENSTURM
synopsis carrefour groupe exemple de synopsis - extract
référence ux Carrefour groupe
2011 - esquissé par Julien MUCKENSTURM

Objectifs des synopsis

Résumé des orientations du site

ce n'est pas tout à fait le même synopsis que sur Allociné... dans notre cas, la (les) fin(s) doit(vent) apparaître, évidemment...

On utilise le synopsis dans les projets digitaux pour présenter de manière digeste et synthétique les grandes orientations du dispositif, pour tout le site, ou par univers :

  • exposer les grands principes du dispositif,
  • poser le cadre du design d'interaction,
  • évoquer les orientations en matière de design émotionnel,
  • etc.

Plus simplement, il s'agit de décrire l'expérience que l'on souhaite instiller dans le dispositif. Au delà de son côté "résumé", le synopsis est souvent utilisé pour sa vocation stratégique tout en amont du projet.

Méthode pour réaliser des synopsis

Une vision d'ensemble

un peu de temps et une bonne compréhension du projet, comme un commentaire composé pour ceux qui s'en souviennent, mais en moins long.

Le concepteur doit disposer d'une vision à la fois macro permettant de saisir les éléments importants à faire apparaître dans le synopsis, sans négliger les détails de l'ordre du micro pouvant avoir une importance déterminante dans l'expérience utilisateur définitive (par exemple, en détaillant une animation importante dans le design d'interaction proposé).

C'est une approche qui relève plus de l'écriture que de la conception fonctionnelle au sens strict, on parle généralement "d'écriture interactive" pour ce type d'exercice.

La méthode consiste à esquisser par le texte, le résumé du dispositif digital dans son ensemble, chaque dimension consistante du projet pouvant également faire l'objet d'un résumé spécifique...

synopsis, et après ?

Travaux complémentaires relatifs au synopsis

après le résumé qui fait plus appel à l'imaginaire, tout ce qui permet de clarifier visuellement les concepts.

Le synopsis débouche naturellement sur la conception fonctionnelle du dispositif : wireframes lorsqu'il s'agit d'une interface utilisateur, prototypage fonctionnel lorsque l'on souhaite illustrer un parcours complet, scenarisation détaillée pour toutes les séquences interactives complexes (video interactive, animation longue...).

Vous préférez réaliser vos synopsis vous-même ?

Téléchargez des modèles de synopsis

Vous souhaitez internaliser ou réaliser vous-même des synopsis ?

IAFACTORY vous propose de nombreux modèles documentaires ainsi que des bibliothèques de formes à télécharger afin de réaliser par vous-même des synopsis : ces documents sont disponibles et consultables au sein de notre site dédié aux modèles documentaires.

Suivez notre programme elearning IA - UX

mais oui, suivez "donc" notre programme de formation en ligne ! Vous saurez tout de l'IA - UX :).

Nous proposons également un programme elearning IA - UX (iafactory learn) en architecture de l'information et design d'expérience utilisateur super pragmatique et très complet autour de 50h de vidéos, incluant 150 modèles prêts à l'utilisation et 160 écrans de wireframes clés en main pour travailler sur vos projets !

Ressources synopsis ?

Pour aller plus loin

Vidéos UX à visionner :

Livrables UX à télécharger :

Etudes de cas UX à lire :

Autres ressources sur le web :

Vous souhaitez réaliser des synopsis vous-même ?

Qui d'autre que vous connait aussi bien les tenants et les aboutissants de votre projet ?
Gagnez du temps en utilisant nos modèles conçus avec amour et surtout prêt à l'utilisation !

vignette modèles livrables synopsis
format Powerpoint .PPTX compatible MAC / PC

Modèle de livrable synopsis A TELECHARGER

Des modèles clés en main pour concevoir et rédiger un synopsis

  • résumez les intentions fonctionnelles efficacement et simplement !
  • plusieurs modèles clés en main : synopsis, grille de wireframes...
  • ces modèles sont une partie d'un pack plus complet (voir fiche produit)
  • facile à personnaliser et prêt à l'utilisation
  • rendu sobre et élégant : optimisé pour l'impression et la lecture à l'écran
72 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette modèles livrables trame ux
format Powerpoint .PPTX compatible MAC / PC

25 modèles de livrable trame UX A TELECHARGER

Plus de 25 modèles pour concevoir un livrable UX sur-mesure !

  • concevez et personnalisez vos projets rapidement avec cette trame UX !
  • documentez efficacement les fondamentaux de la conception UX !
  • 25 modèles clés en main homogènes, cohérents et prêts à l'utilisation
  • outil facile à prendre en main et rendu design
  • optimisé pour l'impression et la lecture à l'écran
198 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette modèles wireframe iafactory shop
format Powerpoint .PPTX compatible MAC / PC

iafactory shop CENTRE DE TELECHARGEMENT

Des outils puissants prêts à l'utilisation pour vos projets digitaux

  • outils et modèles de livrables pour documenter toutes les étapes de vos projets
  • modèles de wireframes clés en main pour concevoir votre interface
  • ebook pratique pour progresser
  • outil facile à prendre en main et rendu design
  • modèles disponible à la carte ou en kit complet
30 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé

Pourquoi IAFACTORY propose des modèles ?

IAFACTORY est d’abord un cabinet de conseil en architecture de l’information. Notre métier consiste, principalement, à modéliser des solutions de conception.
Avec modestie. Avec haute précision.
Pour vous faire gagner du temps, nous avons modélisé, plus de 150 modèles prêts à l’utilisation.

Ces modèles, ce sont les outils que nous utilisons.
Pour la méthode. Et pour la rationalisation.
C’est aussi le framework qui constitue le socle de nos formations.
L’ensemble représente plusieurs années de formalisation.

Les modèles font gagner du temps à tous les acteurs du projet, parce qu’ils sont à la fois souples, pointus et diversifiés.
Nos produits sont exclusifs, faits mains, et garantis satisfaits ou remboursés.
C’est une pratique plutôt rare dans le métier.
Vous ne prenez donc aucun risque si vous achetez...

Partager ces modèles est une bonne idée.
Par vos avis, l’outil peut évoluer.
Par vos achats, vous contribuez à le financer.
Au final, tout le monde est satisfait :).

Découvrez notre programme de formation vidéo en ligne

10 années de pratique condensées dans un format digeste et ludique :)
Une solution innovante à moindre coûts pour progresser et acquérir rapidement les bases et les outils !

vignette conception interaction video à la demande vod Ux design
5H de vidéo format .MP4 compatible MAC / PC

Vidéo wireframes + livrables A TELECHARGER

Tout ce qu'il faut savoir sur la conception et le design d'interaction.

  • 1 vidéo "Scénaristion des interactions" - 92 minutes
  • 1 vidéo "Modélisation du zoning" - 84 minutes
  • 1 vidéo "Conception des écrans, wireframing" - 154 minutes
  • 26 cas d'étude illustrés
  • + 30 modèles inclus pour concevoir des wireframes
294 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette concevoir wireframing avec Powerpoint video à la demande vod Ux design
5H de vidéo format .MP4 compatible MAC / PC

Vidéo wireframing + livrables A TELECHARGER

Tout ce qu'il faut savoir pour réaliser des wireframes avec PowerPoint.

  • 1 vidéo "Concevoir des wireframes avec PowerPoint" - 141 minutes
  • 1 vidéo "Concevoir un storyboard animé avec PowerPoint " - 157 minutes
  • Des conseils techniques pour la réalisation
  • Des démonstrations pour la formalisation
  • 2 exercices à réaliser pour apprendre rapidement
294 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette prototypage avec axure video à la demande vod Ux design
3H de vidéo format .MP4 compatible MAC / PC

Vidéo prototypage avec Axure A TELECHARGER

Tout ce qu'il faut savoir pour réaliser un prototype avec Axure.

  • 1 vidéo "Prototypage, concevoir avec Axure" - 151 minutes
  • Des explications précises
  • Des conseils techniques pour la réalisation
  • Des démonstrations pour la formalisation
  • 1 exercice à réaliser pour apprendre rapidement
120 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette formation video UX
53H de vidéo + 150 livrables + 160 wireframes !

Formation elearning IA-UX design ACCES 1AN

Programme vidéo complet de 53H d'auto-formation en UX design.

  • découvrez iafactory learn : 50 vidéos soit plus de 53h de vidéo en streaming illimité
  • 150 modèles de livrables prêts à l'utilisation et 160 wireframes pour vos projets
  • formation illustrée par 60 exemples de projets UX
  • 7 exercices pratiques, 1 étude de cas UX à réaliser
  • support de formation inclus de 1350 pages
720 euros

accès immédiat via iafactory learn / on croit en nos formations : satisfait ou remboursé

Pourquoi IAFACTORY propose des formations ?

D’abord nous aimons notre métier.
Pour être à la pointe, nous faisons tout pour progresser.
Naturellement, nous avons aussi envie de partager...

Ces formations représentent un important travail de capitlisation.
Mais aussi de formalisation.
Depuis plusieurs années, nous les améliorons.
En vidéo nous les mettons à votre disposition.

2 formules au choix pour progresser.
Formule VOD pour les plus pressés...
Formule ELEARNING pour un programme complet...

Nous réalisons parallèlement des formations professionnelles en design d’expérience utilisateur et architecture de l’information.
D’ailleurs, auprès de la région Alsace, IAFACTORY est déclaré comme organisme de formation.
Nous sommes également partenaire de l’université de Strasbourg et intervenons auprès d’étudiants en voie de professionnalisation.

Les formations sont conçues pour vous faire progresser. Nous fournissons le matériel adéquat pour vous y coller...
Nos formations sont originales, artisanales, humaines, et garantis satisfaits ou remboursés.
C’est une pratique plutôt rare dans le métier.
Vous ne prenez donc aucun risque si vous essayez...

Partager ces formations est, nous en sommes convaincus, une bonne idée.
Par vos avis, les formations peuvent évoluer.
Par vos achats, vous contribuez à la financer.

Vous avez un projet en tête ?

nous confectionnons vos synopsis dans une logique d'ensemble,
et nous porte grande attention, en toute logique, à l'ensemble des détails !

Synopsis : références

Synopsis : la prestation IAFACTORY

Concrètement ce que nous faisons

Notre prestation en matière de synopsis :

  • orientation stratégique du dispositif,
  • rédaction du synopsis,
  • résumé de l'expérience pour chaque grande partie du dispositif.

C'est un travail souvent stratégique qui se fait naturellement en phase de conception et en amont de la modélisation de l'interface...

Vos synopsis réalisés par un artisan.

Je réalise personnellement vos synopsis.
Avec amour, précision, originalité.
Pas de sous-traitance en Chine.

Objectif : clarification !
Si vous souhaitez vous faire accompagner en phase de conception

A partir de là, les internautes lisent aussi

CONCEPTION MULTI-ECRAN
Ecriture et scénarisation de films digitaux interactifs, conception et séquençage d'animations interactives.
scenario de film interactif
CONCEPTION D'INTERFACE
Esquisse d'interface utilisateur, projection des contenus et fonctionnalités à l'écran.
wireframing
CONCEPTION D'INTERFACE
Storyboard des écrans : approche scénarisée de l'enchainement des écrans illustrant un parcours.
prototypage