Modèle de Prototype Basse Fidélité (Low-fi)
Transformer des idées de conception de haut niveau en produits testables.
À propos du modèle de Prototype Basse Fidélité
Les prototypes basse fidélité aident les équipes produit et UX à étudier des fonctionnalités produit ou de service en se concentrant sur une itération rapide et des tests utilisateurs pour éclairer les conceptions futures. Vous cherchez un modèle de wireframe qui peut être utilisé comme plan pour les pages Web ou les écrans d'application ? Cela semble être un wireframe basse fidélité.
L'accent mis sur l'esquisse et la cartographie du contenu, des menus et du flux d'utilisateurs permet aux concepteurs et aux non-concepteurs de participer au processus de conception et d'idéation. Au lieu de créer des écrans interactifs liés, les prototypes basse fidélité se concentrent sur les besoins des utilisateurs, la vision du concepteur et l'alignement des objectifs des différentes parties prenantes.
Continuez à lire pour en savoir plus sur les prototypes basse fidélité.
Qu'est-ce qu'un prototype basse fidélité ?
Les prototypes basse fidélité - également appelé prototype lo-fi ou low-fi - servent de premières visions pratiques de votre produit ou service. Ces prototypes simples ne partagent que quelques caractéristiques avec le produit final. Ils sont idéaux pour tester des concepts généraux et valider des idées.
Les prototypes basse fidélité sont également statiques et ont tendance à être présentés comme des écrans, un par un.
Chaque écran ressemblera à un schéma ou à un wireframe, avec des illustrations simples, en noir et blanc. Au lieu de détails complexes, chaque cadre est rempli de contenu fictif ou d'étiquettes, en fonction de ce qui est disponible.
Quand utiliser des prototypes basse fidélité
Les prototypes basse fidélité sont particulièrement utiles lorsque vous devez tester chaque élément de conception : des flux de travail ou des chemins de conversion au placement d'éléments visuels ou à l'engagement sur le site Web.
Les chefs de produits et les concepteurs UX peuvent utiliser des prototypes basse fidélité lorsqu'ils doivent :
Apporter facilement des modifications à la conception pendant la phase de test du produit
Encourager les utilisateurs à donner des retours honnêtes basés sur la fonctionnalité du produit et non sur son design
Modifier rapidement les croquis de conception si les idées ne fonctionnent pas
Définir des attentes réalistes avec les parties prenantes, car les croquis sont peu susceptibles d'être livrés des le lendemain
Le prototypage basse fidélité devient de plus en plus populaire en raison de l'augmentation des avis en faveur du design thinking et des méthodologies Lean (telles que la validation rapide et les solutions de produits viables minimales sur lesquelles les équipes itèrent), et l'approche collaborative et réactive de la conception centrée sur l'utilisateur.
Créez votre propre prototype basse fidélité
Créer vos propres prototypes basse fidélité est facile. L'outil de tableau blanc de Miro est le canevas parfait pour les créer et les partager. Commencez par sélectionner le modèle de prototype basse fidélité, puis suivez les étapes suivantes pour créer le vôtre.
Déterminez vos objectifs. Décidez des fonctionnalités principales que vous souhaitez montrer à vos utilisateurs. Sur un pense-bête, énumérez deux ou trois fonctionnalités de base que vous prévoyez d'inclure dans le prototype basse fidélité.
Définissez votre méthode en fonction de votre utilisateur et de vos ressources. Le niveau de détail que vous incluez dans votre prototype basse fidélité dépendra des réponses à deux questions : quel type d'utilisateur sera exposé à ce prototype (et comment peut-il fournir un retour utile) ? Quels outils et ressources vous sont accessibles ?
Si vous travaillez dans Adobe XD, vous pouvez utiliser le plugin Adobe XD pour ajouter vos plans de travail aux tableaux Miro et collaborer avec votre équipe pendant le processus de conception dans Miro.
Exécutez votre prototype. Ne vous inquiétez pas tant de la forme ou de la fonction. Tenez-vous en à votre objectif et à ce que vous voulez tester auprès de votre utilisateur.
Testez votre prototype. Aidez vos utilisateurs à comprendre les objectifs de votre projet de prototype et posez des questions approfondies. Vous pouvez également réaliser un court écran de bienvenue ou un guide à côté des prototypes de wireframes pour que les utilisateurs de vos tests puissent le lire. Vous pouvez solliciter un retour d'information général, ou tirer profit de la perception, des réactions, de la sensibilisation, de l'avantage concurrentiel ou de l'intention d'utilisation.
Apprenez de votre phase de test de prototype et répétez. Recueillez les retours de vos utilisateurs et trouvez les points communs entre leurs observations. Ces informations peuvent être intégrées dans un diagramme d'affinité pour repérer des tendances ou des similitudes. Vous pouvez répéter la phase de test avec des utilisateurs au besoin. Une fois que vous avez intégré les retours des utilisateurs dans vos prototypes basse fidélité, vous pouvez ensuite passer à la réalisation de prototypes haute fidélité.
Vous avez déjà un prototype basse fidélité ? Explorez la suite avec nos modèles de wireframe de site web et wireframe d'application.
Commencer avec ce modèle maintenant.
Modèle Customer Journey Map
Idéal pour:
Idéation, Cartographie, Gestion de produit
Une carte de parcours client (Customer Journey Map) est une représentation visuelle de l'expérience de votre client. Elle vous permet de visualiser le parcours suivi par un client lorsqu'il achète un produit, s'inscrit à un service ou interagit d'une autre manière avec votre site. La plupart des cartes incluent un profil spécifique, décrivent son expérience client du début à la fin et capturent les hauts et les bas émotionnels qu'il peut ressentir en interagissant avec le produit ou le service. Utilisez ce modèle pour créer facilement des cartes de parcours client pour des projets variés.
Modèle Carte de tâches
Idéal pour:
Design, Desk Research, Cartographie
Vous voulez vraiment comprendre l'état d'esprit de vos consommateurs ? Examinez les choses de leur point de vue, en identifiant les « tâches » qu'ils doivent accomplir et en explorant ce qui les inciterait à « adopter » ou à « abandonner » un produit ou un service comme le vôtre. Idéale pour les chercheurs UX, la modélisation de tâches est un processus par étapes qui vous donne un point de vue en décomposant les « tâches » étape par étape, afin que vous puissiez offrir un produit unique, utile et différent de celui de vos concurrents. Ce modèle facilite la création d'une carte des tâches détaillée et complète.
Modèle Design Research
Idéal pour:
UX Design, Desk Research, Design Thinking
Une carte de design research est un cadre sous la forme d'une grille, montrant la relation entre deux intersections clés dans les méthodologies de recherche : l'état d'esprit et l'approche. Les cartes de design research encouragent votre équipe ou vos clients à développer de nouvelles stratégies commerciales en utilisant la pensée conceptuelle générative. Conçu à l'origine par l'universitaire Liz Sanders, le cadre vise à résoudre la confusion ou le chevauchement entre les méthodes de recherche et de conception. Que votre équipe soit en mode de résolution de problèmes ou de définition d'un espace de problèmes, l'utilisation d'un modèle de design research peut l'aider à considérer la valeur collective de nombreuses pratiques indépendantes.
Modèle UX Project Canvas
Idéal pour:
UX Design, Expérience client, Étude de marché
Inspiré du Business Model Canvas de 2005 d'Alexander Osterwalder, l'UX Project Canvas aidera votre équipe à visualiser l'ensemble de vos projets UX et de conception, en fournissant une structure pratique qui contient toutes vos données importantes. Cet outil innovant vous permet de transformer une idée en plan de projet, stimulant la collaboration et la communication entre les collaborateurs. Contrairement aux modèles alternatifs, l'UX Project Canvas est une interface simple. Il y a peu de frais de mise en œuvre et les employés peuvent facilement être mis à niveau pour commencer à utiliser rapidement le canvas.
Modèle Flux d'Ecran
Idéal pour:
UX Design, Gestion de produit, Wireframes
Un flux d'écran (ou wireflow) rassemble une disposition multi-écrans qui combine des wireframes avec des organigrammes. Le résultat est un flux de bout en bout qui cartographie ce que les utilisateurs voient sur chaque écran et comment cela affecte leur processus décisionnel dans votre produit ou service. En visualisant mentalement 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 possibilités permettant de rendre l'expérience utilisateur fluide et sans frustration du début à la fin.
Modèle de Wireframe de site Web
Idéal pour:
Wireframes, Expérience client
Le wireframing est une méthode de conception d'un site Web au niveau structurel. Un wireframe est une mise en page stylisée d'une page Web présentant les éléments d'interface sur chaque page. Utilisez ce modèle de wireframe pour parcourir des pages Web rapidement et à moindre coût. Vous pouvez partager le wireframe avec des clients ou des collaborateurs et collaborer avec vos parties prenantes. Les wireframes permettent aux équipes d'obtenir l'adhésion des parties prenantes sans investir trop de temps ou de ressources. Ils contribuent à garantir que la structure et le flux de votre site Web répondront aux besoins et aux attentes des utilisateurs.