Rien ne vous rapproche davantage de la fonctionnalité du produit final que le prototypage. Alors que les structures filaires esquissent le plan et que les maquettes montrent la sensation et la texture de la conception, c'est le prototype qui donne vie à "l'expérience" derrière? expérience utilisateur.? Cette belle incitation à l'action peut avoir fière allure à l'écran, mais vous ne saurez pas si cela fonctionnera pour les utilisateurs finaux avant le prototype cliquable. Les prototypes aident non seulement à fournir une preuve de concept, mais ils exposent surtout les défauts d’utilisabilité derrière les structures filaires et les maquettes.
Alors, comment pouvons-nous réellement mettre en pratique cette protection contre les réunions d’intervenants d’urgence, les révisions sans fin et les nuits tardives dans la phase de développement? Alors que nous avions précédemment évoqué le prototypage approprié dans le Guide du processus de conception UX et de la documentation, voyons de plus près en quoi le prototypage peut faire ou défaire le succès d'un produit. Dans cet article, nous commencerons par examiner les raisons les plus convaincantes de prototyper et comment les prototypes améliorent les tests de collaboration, de conception et de convivialité.
Source: Bill Buxton, via Donna Lichaw
5 raisons pour lesquelles vous devez prototyper
Sauter le prototypage peut faire gagner un peu de temps lors de la conception, mais cet excédent peut être perdu plusieurs fois au cours du développement. Si les gens essaient des jeans avant de les acheter et testent des voitures avant de signer le chèque, il est donc logique de tester vos conceptions de manière interactive avant leur développement. Après tout, l’interaction permet aux utilisateurs d’avoir accès aux solutions de conception à leurs problèmes.
Source: Swing Tree Management de produit
Pour mieux comprendre pourquoi vous devriez créer un prototype, regardons Todd Zaki Warfel, le concepteur qui a écrit le livre sur le prototypage? Littéralement. Warfel résume les points de son livre dans une présentation sous forme de diaporama, où nous pouvons voir toutes les raisons pertinentes d’adopter le prototypage. Bien que ceux-ci varient en fonction des concepteurs et de leurs besoins, certains avantages universels incluent:
- Communication et collaboration - Discuter de la documentation relative aux exigences est une chose, mais il s'agit d'un tout autre niveau de collaboration imaginative lorsque les deux parties peuvent jouer avec un prototype et explorer les limites et les possibilités. La documentation peut être mal interprétée, mais les expériences sont partagées.
- Jauge de faisabilité tout en réduisant les déchets - Les structures filaires, les maquettes et les documents relatifs aux exigences résident dans le papier et non dans la réalité. Le prototypage permet aux équipes d'expérimenter, leur donnant la liberté d'échouer à moindre coût tout en apprenant plus. Voyez simplement comment les prototypes ont permis d’augmenter la précision des estimations de 50% tout en réduisant les demandes de clarification de 80%.
- Vendez votre idée - Les prototypes peuvent être intéressants pour le lancement si vous travaillez avec des clients sceptiques. Faire l'expérience du site Web ou de l'application dans la vie réelle prouve votre vision plus qu'une description ou une maquette verbeuse enlisée de notes.
- Testez la convivialité plus tôt - En testant un prototype, vous êtes en mesure de détecter les problèmes et de les résoudre plus tôt dans le processus, ce qui vous évite d'avoir à vous en préoccuper lorsqu'ils sont codés. La même étude de cas citée ci-dessus a montré une réduction de 25% du nombre de bogues post-publication grâce au prototypage.
- Définissez vos priorités de conception - Nous recommandons de prototyper tôt et souvent car la priorité accordée à la conception des interactions vous permettra de rester en contact avec la réalité lorsque vous prendrez des décisions de conception statiques. Les éléments visuels doivent remplir l'expérience, et non l'inverse.
Tous les prototypes n’ont pas besoin d’être élaborés et consommateurs. En fait, certaines écoles de pensée croient en une forme de prototypage rapide et à faible investissement. Le fait est qu'il est presque toujours avantageux de consacrer des ressources au prototypage, leur nombre dépendant de vos besoins spécifiques.
Comment les prototypes améliorent la collaboration et la communication
Montrer, c'est toujours mieux que dire, et l'expérience est roi. Si les gens peuvent interagir avec vos idées, ils seront mieux en mesure de les comprendre. Cela fonctionne à la fois en externe - en attirant l'attention des clients et des parties prenantes - et en interne - en collaborant plus étroitement avec votre équipe, ou en les mobilisant pour soutenir une nouvelle idée (ou au moins en jouant avec elle avant de la supprimer).
Les prototypes clarifient la communication interne de plusieurs manières.
Premièrement, il crée plus tôt une connexion entre les concepteurs et les développeurs, donnant le même objectif. Comme indiqué dans le Guide de prototypage, différents départements utilisent un jargon et un jargon différents, mais un prototype élimine tous les obstacles. Les prototypes sont les jouets du design, et quand quelque chose est amusant, les gens sont plus enclins à laisser tomber leur garde et à commencer à explorer les idées folles qui pourraient bien fonctionner. Comme l'explique David Yerba, fondateur et PDG d'Emmet Labs, le prototypage «permet aux bonnes personnes de communiquer dans la pièce de la bonne manière».
Dans UXPin, la collaboration sur des prototypes est naturelle grâce aux fonctionnalités de présentation en direct et de collaboration. Avec le suivi des itérations et les commentaires en direct, les structures filaires et les prototypes peuvent être discutés et présentés en temps réel sans avoir besoin de courrier électronique.
Deuxièmement, dans le même article, Yerba décrit également les avantages du prototypage pour les présentations formelles. Les clients et les parties prenantes peuvent facilement mal interpréter une description, même si elle est fournie avec des recherches convaincantes ou des maquettes de pixels parfaits. En revanche, un prototype interactif nécessite peu de description. Les prototypes aident les parties prenantes à réfléchir sur l'expérience au lieu de se laisser aller à critiquer les éléments visuels simplement parce qu'ils sont devant leurs yeux. En passant, les prototypes ajoutent également du talent aux présentations - les gens peuvent littéralement faire l'expérience de la "magie". conception: c’est la différence entre voir le plan directeur et explorer la maison modèle.
Un prototype est une arme puissante à apporter à toute présentation.David et Tom Kelley, fondateur et associé chez IDEO, s’associent à ce qu’ils appellent? La loi de Boyle? (nommé en l'honneur de Dennis Boyle, l'un des prototypes principaux de l'IDEO). La loi de Boyle est simple mais efficace: ne vous rendez jamais à une réunion sans prototype. En termes de capacités de communication et de persuasion, cette aide à la présentation fait souvent la différence entre un? Oui? ou un? non.?
Comment les prototypes ajoutent un équilibre à la conception
Le prototypage est la phase dans laquelle le concept devient réel, il faut donc à la fois créativité avec praticité et logique avec intuition.
Source: Flux d'utilisateurs pour la fonction de recherche sur Kickstarter
Philip van Allen, professeur et designer à l'Art Center College of Design, estime que les prototypes permettent de prendre des décisions qui ne peuvent être décrites à l'aide de paramètres. Pour le concepteur, le prototypage présente trois avantages principaux:
- La prise de décision - Les choix de conception importants concernant l'ergonomie, la forme, la fonction, la production - parfois simultanément - sont finalisés lors de la phase de prototypage. Un prototype fonctionnel vous donnera un retour instantané afin que vous puissiez prendre une décision éclairée (pas seulement une décision heuristique).
- Concentrer - Avec des commentaires concrets pour tous les sens (au lieu de simplement "deviner" le produit final), les prototypes vous ancrent dans la réalité de l'utilisateur. Les priorités UX deviennent évidentes lorsque vous pouvez les expérimenter juste devant vous.
- Parallélisme - Le processus de conception ne doit pas nécessairement être séquentiel. La collecte de commentaires, la définition d'exigences et le brainstorming de nouveaux concepts et interactions peuvent tous se produire en même temps lors du prototypage et, lorsqu'ils sont correctement réalisés, se complètent (nous discutons des processus en détail plus loin dans cet ebook).
Comment le savons nous? Lorsque nous avons travaillé à l’amélioration du site Web Yelp, nous avons d’abord construit un prototype lo-fi, puis un prototype hi-fi. Au départ, l’interactivité était simple, mais lors de sa conception, nous avons été confrontés à des décisions et à des obstacles qui ne se présenteraient pas dans une conception statique. Grâce au prototypage, nous avons identifié et résolu des problèmes UX, tels que la transition de la page d'accueil vers les résultats de la recherche, sans surcharger subitement l'utilisateur avec trop d'informations.
En résumé, la phase de prototypage a été celle où nous avons pu fusionner nos objectifs conceptuels avec notre réalité pratique. C’est à ce moment-là que la conception visuelle et la conception des interactions sont entrées en équilibre.
Comment le prototypage facilite les tests de convivialité
La raison pour laquelle nous divisons les tâches en structures filaires, maquettes et prototypes est qu’elles ont toutes un objectif différent.
En nous concentrant uniquement sur la structuration en encadrements filaires, par exemple, nous sommes en mesure de créer une structure solide sans nous distraire avec les visuels des maquettes ou les fonctionnalités des prototypes. Tandis que les encadrements et les maquettes s’orientent davantage vers le créatif et l’abstrait, le prototypage consiste à cogner et à donner vie à des idées, ce qui nécessite des tests d’utilisabilité.
Source: Test d'utilisabilité des prototypes
Pour faire une analogie, les prototypes sont au produit final ce que les esquisses sont aux wireframes / maquettes. Le prototypage est un moyen de? Esquisser avec des interactions? créer un modèle approximatif de convivialité, puis affiner et perfectionner.
Pour cela, les tests d'utilisabilité sont essentiels. Comme nous le recommandons dans le Guide de prototypage, essayez d’effectuer des tests de convivialité sur chaque étape du prototype afin que sa fidélité et ses fonctionnalités évoluent dans la bonne direction. Bien que les tests d’utilisabilité constituent un sujet complexe à part entière (traité dans un autre livre électronique), voici quelques éléments de base à garder à l’esprit:
- Connaître le produit - Connaissez bien votre produit et ce que vous voulez tester avant de commencer. Si vous effectuez des tests d'utilisabilité avec un produit qui se comporte de manière irrégulière ou si vous ne savez pas exactement ce qui doit être testé, les résultats seront invalides.
- Recruter les bons candidats - Il est fort probable que votre produit s'adresse à un groupe d'utilisateurs cible. Assurez-vous donc que vos testeurs représentent ce groupe. Les tests qualitatifs peuvent être effectués avec seulement 5 personnes, les tests quantitatifs nécessitent au moins 20 personnes pour la signification statistique. Pour obtenir une liste complète des astuces de recrutement des utilisateurs, consultez la liste des 234 astuces et conseils de Jakob Nielsen pour recruter des personnes pour des tests d'utilisabilité.
- Mettre en place le bon test - Il existe de nombreux types de tests d'utilisabilité et de nombreuses manières de les mener. Choisissez celui qui correspond à votre budget, à votre calendrier et aux besoins de votre projet.
- Analyser les résultats - C’est à ce moment que les données d’utilisabilité se transforment en informations de conception. Intégrez vos découvertes dans vos itérations dès que possible.
Source: Pourquoi vous devez uniquement tester avec 5 utilisateurs
Pour plus d'informations sur les types de tests d'utilisabilité qui fonctionneraient pour vous et sur la manière de les mener, téléchargez le livre électronique gratuit The Guide to Utilisabilité.
Pourquoi le prototypage est-il obligatoire pour les mobiles?
Bien que le prototypage pour les produits de bureau soit simplement recommandé, il est obligatoire pour les mobiles. Les périphériques mobiles sont utilisés dans plus d'environnements que les périphériques de bureau, ce qui conduit à beaucoup plus de scénarios utilisateur et de cas d'utilisation. Bien entendu, cela signifie que même si vous pouvez vous en sortir sans prototypage pour ordinateur de bureau, vous n’avez pas cette chance avec le mobile.
Rachel Hinman, responsable de la recherche UX au Nokia Research Center, convient que le besoin de prototypage mobile dépasse de loin le besoin déjà important dans le domaine des ordinateurs de bureau. Regardez le tableau ci-dessous, basé sur le diaporama de Hinman, pour voir une comparaison entre la stabilité des deux:
Donna Lichaw, spécialiste produits chez Greatnorthelectric, partage également cet avis et compare les raisons générales du prototype à celles du mobile. Les gestes ajoutent une toute nouvelle dimension d’interactivité qui n’existe même pas pour les ordinateurs de bureau. Le prototypage est donc le seul moyen de tester les combinaisons quasi infinies de gestes et d’animations.
Nous avons constaté que les raisons suivantes constituaient les raisons les plus convaincantes du prototypage mobile:
- Flow rend ou brise l'expérience mobile - Étant donné que les expériences mobiles couvrent plusieurs pages, le flux d'utilisateurs doit être au premier plan de la liste des priorités de conception. Il suffit de visiter UXArchive pour voir comment certaines des plus grandes entreprises telles que Snapchat, Google Maps et d’autres architectent leurs flux mobiles.
- Les animations rendent l'expérience amusante et souhaitable - Les animations sont l’élément central des micro-interactions mobiles, avec des effets déclenchés par des gestes tels que la synchronisation, la vélocité et l’abondance, qui ajoutent un élément de divertissement tout en offrant un retour visuel et des moyens financiers. Découvrez cet article pour voir les points de vue contrastés sur les animations de Google Material Design et Apple iOS, puis voir 20 exemples de ces meilleures pratiques en action.
- Les erreurs UX sont plus chères - Les coûts des applications mobiles vont de 6 000 USD à plus de 200 000 USD, le coût moyen oscillant autour de 6 400 USD. Traiter avec l'App Store peut également être un casse-tête, de sorte que le prototypage en amont peut faire beaucoup pour économiser du temps, de l'argent et de la santé mentale.
UXPin permet un prototypage animé réactif et des tests de convivialité intégrés. Créez vos tâches, puis observez les réactions de l'écran et du visage de votre utilisateur lors de leur interaction avec votre conception. Après chaque test, vous pouvez générer un clip vidéo qui capture chaque mot, réaction et clic.
À emporter
Nous faisons toujours des prototypes et conseillons aux autres de faire de même. Bien que nous comprenions que certaines restrictions peuvent rendre le prototypage plus difficile pour certaines entreprises, nous suggérons fortement de le faire fonctionner, même s'il ne s'agit que d'un prototype limité. Les avantages dépassent largement les coûts: meilleure collaboration entre les équipes, recherche / résolution rapide des problèmes, amélioration des conceptions existantes et communication par l'action plutôt que par mots. Ces avantages valent bien le temps et les efforts supplémentaires.
Pour plus de conseils pratiques sur le prototypage basse ou haute fidélité, téléchargez gratuitement le Guide de prototypage. Apprenez comment et quand utiliser différents outils et tactiques de prototypage, avec les meilleures pratiques de Zurb, Google Ventures, IDEO, etc. Des conseils d'experts comme Jeff Gothelf, Todd Zaki Warfel et d'autres sont également inclus.