low-fidelity-prototype-web

Modèle de Prototype Basse Fidélité (Low-fi)

Transformer des idées de conception de haut niveau en produits testables.

Trusted by 65M+ users and leading companies

walt disney
asos
contentful
ubisoft
pepsico
macys
whirlpool
hanes
yamaha
docusign
liberty mutual
wp engine
accenture
bumble
delloite
hewlett packard
total
dropbox
walt disney
asos
contentful
ubisoft
pepsico
macys
whirlpool
hanes
yamaha
docusign
walt disney
asos
contentful
ubisoft
pepsico
macys
whirlpool
hanes
yamaha
docusign
liberty mutual
wp engine
accenture
bumble
delloite
hewlett packard
total
dropbox
walt disney
asos
contentful
ubisoft
pepsico
macys
whirlpool
hanes
yamaha
docusign

À 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.

  1. 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é.

  2. 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.

  1. 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.

  2. 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. 

  3. 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é.

Modèle de Prototype Basse Fidélité (Low-fi)

Commencer avec ce modèle maintenant.

Modèles associés
aws-chef-automate-architecture-thumb
Aperçu
Modèle d'Architecture AWS Chef Automate
aws-git-to-s3-webhooks-thumb
Aperçu
Modèle Diagramme AWS Git to S3 Webhooks
lotus-diagram-thumb-web
Aperçu
Modèle Diagramme en Lotus
Lean UX Canvas Thumbnail
Aperçu
Modèle Lean UX Canvas
App Wireframing Thumbnail
Aperçu
Modèle de Wireframe d'Application
Sitemap Thumbnail
Aperçu
Modèle Sitemap