Modèles UX

Design sprint à distance d'AJ&Smart

Résolvez de grands défis, créez de nouveaux produits ou améliorez ceux existants avec ce modèle de design sprint. Créez de meilleurs produits avec des processus innovants et plus rapides.

Kit de création de storyboards

Simplifiez votre processus de narration avec le Storyboarding Toolkit. Ce modèle complet vous offre tous les outils nécessaires pour réaliser des storyboards détaillés, y compris la planification des scènes, le développement des personnages et la gestion du Planning. Il est parfait pour les cinéastes, les designers et les équipes marketing qui souhaitent créer des récits cohérents et captivants. Utilisez cet outil pour organiser vos idées, assurer la cohérence et donner vie à vos histoires avec clarté et précision.

Carte de parcours pour tracer l'expérience client

Une carte de parcours est un outil pour représenter l'expérience client de (tout ou partie de) votre produit/service de manière visuelle.

Carte de l'expérience utilisateur FlyUX

La carte de l'expérience utilisateur montre visuellement ce que font, pensent, désirent et ressentent les utilisateurs de FlyUX lorsqu'ils utilisent l'application. Tous basé sur la recherche utilisateur.

Carte d’empathie de l’utilisateur

Le modèle Carte de l’empathie utilisateur vous aide à visualiser les expériences et besoins des utilisateurs. C'est un outil essentiel pour les équipes qui cherchent à concevoir des produits qui résonnent avec leurs utilisateurs. Utilisez ce modèle pour développer l'empathie et améliorer la satisfaction des utilisateurs.

Design Sprint officiel de 5 jours à distance

L'objectif d'un design sprint est de construire et tester un prototype en seulement cinq jours. Vous réunirez une petite équipe, libérerez l'emploi du temps pour une semaine, et passerez rapidement du problème à une solution testée en utilisant une checklist éprouvée, étape par étape. Steph Cruchon de Design Sprint a créé ce modèle pour Miro en collaboration avec des experts du design sprint chez Google. Ce modèle de design sprint est conçu spécifiquement pour les sprints à distance, afin que vous puissiez mener des sprints productifs et efficients avec des collègues du monde entier.

Modèle de wireframe basse fidélité

Lorsque vous concevez un site ou développez une application, les premières étapes doivent être GRANDES — voir la vue d'ensemble et communiquer la grande idée. Les maquettes filaires basse fidélité vous permettent de le voir et de le faire. Ces brouillons (considérez-les comme la version numérique d'un croquis sur une serviette) aident vos équipes et les parties prenantes du projet à déterminer rapidement si une réunion de conception répond aux besoins de vos utilisateurs. Notre modèle vous permet d'utiliser facilement des maquettes lors de réunions ou d'ateliers, de présentations et de séances de critique.

Modèle de User Story Map

Popularisé par Jeff Patton en 2005, la technique de cartographie des user stories est une méthode agile pour gérer les backlogs de produits. Que vous travailliez seul ou avec une équipe produit, vous pouvez utiliser la cartographie des user stories pour planifier les lancements de produits. Les cartes de user stories aident les équipes à rester concentrées sur la valeur métier et à lancer des fonctionnalités qui comptent pour les clients. Ce cadre aide l'équipe interfonctionnelle à obtenir une compréhension commune de ce qui doit être fait pour satisfaire les besoins des clients.

Carte de l'écosystème

Préconisez une approche centrée sur le client avec ce Modèle de Cartographie de l'Écosystème. Comprenez l'écosystème de votre organisation de manière holistique grâce à la défense des clients.

Modèle de carte d’empathie

Attirer de nouveaux utilisateurs, les inciter à essayer votre produit et les transformer en clients fidèles : tout commence par les comprendre. Une carte d'empathie est un outil qui mène à cette compréhension, en vous offrant l'espace pour exprimer tout ce que vous savez sur vos clients, y compris leurs besoins, attentes et moteurs de décision. De cette façon, vous pourrez remettre en question vos hypothèses et identifier les lacunes dans votre connaissance. Notre modèle vous permet de créer facilement une carte d'empathie divisée en quatre carrés clés : ce que vos clients disent, pensent, font et ressentent.

Modèle de Wireframe de Site Web

Le wireframing est une méthode pour concevoir un site web au niveau structurel. Un wireframe est une disposition stylisée d'une page web montrant les éléments d'interface sur chaque page. Utilisez ce modèle de Wireframe pour itérer rapidement et à moindre coût sur les pages web. Vous pouvez partager le wireframe avec les clients ou les membres de l’équipe et collaborer avec les parties prenantes. Les wireframes permettent aux équipes d’obtenir l’adhésion des parties prenantes sans investir trop de temps ni de ressources. Ils aident à s'assurer que la structure et le flux de votre site répondront aux besoins et attentes des utilisateurs.

Modèle de diagramme de séquence UML

Analysez et montrez comment les entités externes interagissent avec votre système à l’aide d’un diagramme de séquence. Obtenez une vue d’ensemble de vos processus de travail, fonctions commerciales, et interactions avec vos clients grâce à ce diagramme. Identifiez aussi les problèmes potentiels tôt et résolvez-les avant la mise en œuvre.

Modèle de Wireframe d'application

Prêt à commencer à créer une application ? Ne vous contentez pas d'imaginer comment elle fonctionnera et comment les utilisateurs interagiront avec elle : laissez un wireframe vous le montrer. La création de wireframes est une technique pour concevoir une mise en page basique de chaque écran. Idéalement, en réalisant un wireframe dès le début du processus, vous comprendrez ce que chaque écran accomplira et obtiendrez l'adhésion des parties prenantes importantes, le tout avant d'ajouter le design et le contenu, ce qui vous fera gagner du temps et de l'argent. En pensant en termes de parcours utilisateur, vous offrirez une expérience plus engageante et réussie.

Modèle de prototype basse fidélité

Les prototypes à faible fidélité servent de premières visions pratiques de votre produit ou service. Ces prototypes simples ne partagent que quelques fonctionnalités avec le produit final. Ils sont idéaux pour tester des concepts généraux et valider des idées. Les prototypes à faible fidélité aident les équipes de produit et de UX à étudier la fonctionnalité d'un produit ou service en se concentrant sur l'itération rapide et les tests utilisateurs pour informer les conceptions futures. L'accent mis sur l'esquisse et la cartographie du contenu, des menus et des flux utilisateur permet à la fois aux concepteurs et aux non-concepteurs de participer au processus de conception et d'idéation. Au lieu de produire des écrans interactifs liés, les prototypes à faible fidélité se concentrent sur les insights concernant les besoins des utilisateurs, la vision du concepteur et l'alignement des objectifs des parties prenantes.

Modèle de Persona

Un persona utilisateur est un outil pour représenter et résumer un public cible pour votre produit ou service que vous avez recherché ou observé. Que vous soyez dans le marketing de contenu, le product marketing, le design ou la vente, vous opérez avec une cible en tête. Peut-être s'agit-il de votre client ou prospect. Peut-être est-ce quelqu'un qui bénéficiera de votre produit ou service. Il s'agit généralement d'une collection entière de personnalités et de besoins qui s'entrecroisent de manière intéressante. En distillant votre connaissance d'un utilisateur, vous créez un modèle de la personne que vous espérez cibler : c'est un persona.

Modèle de tri de cartes

Le card sorting est une technique de brainstorming généralement utilisée par les équipes de design, mais applicable à tout brainstorming ou équipe. Cette méthode est conçue pour animer des brainstormings plus efficaces et créatifs. Dans un exercice de card sorting, vous et votre équipe créez des groupes à partir de contenus, objets ou idées. Vous commencez par étiqueter un ensemble de cartes avec des informations liées au sujet du brainstorming. Travaillant en groupe ou individuellement, vous triez ensuite les cartes d'une manière qui a du sens pour vous, puis étiquetez chaque groupe avec une courte description. Le card sorting vous permet de former des connexions inattendues mais significatives entre les idées.

Modèle de diagramme de flux pour site web

Un diagramme de flux de site Internet, également connu sous le nom de sitemap, représente la structure et la complexité de tout site web actuel ou futur. Le diagramme de flux peut également aider votre équipe à identifier les lacunes en matière de connaissances pour les futurs contenus. Lorsque vous créez un site web, vous voulez vous assurer que chaque contenu donne aux utilisateurs des résultats de recherche précis basés sur les mots-clés associés à votre contenu web. Les équipes produit, UX et contenu peuvent utiliser des diagrammes de flux ou des sitemaps pour comprendre tout ce qu'un site web contient, et planifier l'ajout ou la restructuration de contenu afin d'améliorer l'expérience utilisateur du site.

Modèle de Diagramme d'Affinité

Vous pouvez utiliser un diagramme d'affinité pour générer, organiser et consolider les informations issues d'une session de brainstorming. Que vous conceviez un produit, que vous affrontiez un problème complexe, que vous établissiez un processus ou que vous démontiez un problème, un diagramme d'affinité est un cadre simple et utile qui permet à chaque membre de l'équipe de participer et de partager ses idées. Mais ce n’est pas seulement idéal pour les brainstorms—c’est un excellent modèle et outil lorsqu’il faut parvenir à un consensus ou analyser des données, telles que les résultats de sondages.

Modèle de wireframe de site e-commerce

Le modèle de wireframe de site e-commerce est conçu pour vous accompagner dans votre parcours de wireframing de site e-commerce. Commencez avec un wireframe basique en noir et blanc, qui inclut tous les éléments et écrans essentiels pour un design UI complet — il suffit de le personnaliser selon vos besoins. Ce modèle est idéal pour toute entreprise e-commerce et peut être facilement adapté pour un restaurant, un magasin de vêtements, une épicerie ou un détaillant technologique. Avec ses composants personnalisables et son schéma de couleurs modifiable, vous pouvez rapidement personnaliser le wireframe pour correspondre à votre activité spécifique.

Modèle de carte de parcours client

Une carte du parcours client (CJM) est une représentation visuelle de l'expérience de votre client. Elle vous permet de capturer le chemin qu'un client suit lorsqu'il achète un produit, s'inscrit à un service ou interagit avec votre site. La plupart des cartes incluent une personne spécifique, décrivent son expérience client du début à la fin, et capturent les hauts et les bas émotionnels potentiels de l'interaction avec le produit ou le service. Utilisez ce modèle pour créer facilement des cartes de parcours client pour des projets de toutes sortes.

Modèle de wireframe pour page d'accueil de site web

Le modèle de wireframe de site Web vous dote de tout ce qu'il faut pour démarrer votre prochain projet de site ou de page Web. Plutôt que de partir de zéro, le modèle offre une disposition personnalisable et prête à l'emploi pour vos conceptions. Modifiez et réorganisez les pages et composants inclus pour créer le wireframe idéal pour votre projet.

Modèle de flux écran

Un flux d'écran (ou wireflow) réunit une disposition multi-écran qui combine des wireframes avec des diagrammes de flux. Le résultat est un flux de bout en bout qui cartographie ce que les utilisateurs voient sur chaque écran et comment cela impacte leur processus de décision à travers votre produit ou service. En réfléchissant visuellement à ce que vos clients regardent, vous pouvez communiquer avec les équipes internes, les parties prenantes et les clients sur les décisions que vous avez prises. Vous pouvez également utiliser un flux d'écran pour trouver de nouvelles opportunités afin de rendre l'expérience utilisateur sans friction et libre de frustration du début à la fin.