Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Prototyping

Storyboard vs. Prototypage: Quand utiliser chaque

by
Length:ShortLanguages:

French (Français) translation by Henri Lotin (you can also view the original English article)

Le prototypage est une activité multidisciplinaire, couvrant le design numérique, le design industriel et tout ce qui se passe entre les deux. Tout en étant précurseurs du produit final, les prototypes peuvent varier en fidélité. Cet article examinera le prototypage numérique, fournira des lignes directrices que vous pouvez utiliser pour déterminer quand vous devriez et ne devriez pas en créer un.

Dans l'espace numérique, un prototype est utilisé pour tester rapidement les idées et voir si les utilisateurs peuvent remplir les tâches principales. Ils sont destinés à économiser du temps de développement car aucune seule ligne de code n'est nécessaire pour valider les idées. En outre, un prototype n'est pas toujours nécessaire. Souvent, un storyboard fera! Choisir entre les deux dépend de ce que vous essayez d'atteindre. Chacun de ces produits livrables est une compétence importante pour les concepteurs UX de se développer, mais sans doute, ce qui est plus important, c'est la capacité de sélectionner la sortie appropriée et le niveau de fidélité requis.

Prototypes

Prototypes à faible fidélité

Un prototype de faible fidélité est souvent créé à l'aide de papier et de stylo.

Quand utiliser

D'après mon expérience, les prototypes fa-fi sont destinés à capturer les commentaires des “faibles pendages”, comme la confusion sur les conventions de plate-forme (ex. matériel bouton design plus, barre de charme Windows 8, etc.). En outre, cette méthode est particulièrement utile lorsque vous travaillez dans un projet de conception collaborative. Vous pouvez régler la minuterie pendant quinze minutes, distribuer un certain nombre de modèles et faire en sorte que chaque personne schématise ses idées (une page pour deux personnes fonctionne bien).

Outils recommandés

Des entreprises telles que uistencils.com offrent un certain nombre de pochoirs en papier et de règle d'éléments UI communs pour mettre en place rapidement des concepts rugueux. Vous pouvez également utiliser un papier et un bloc-notes. Ces prototypes de faible fidélité peuvent être téléchargés dans des outils tels que Invision, où vous pouvez lier les pages à l'aide de “points chauds” et simuler, à un niveau assez lâche, à quoi pourrait ressembler le produit final.

Prototypes de moyenne fidélité

Un prototype de fidélité moyenne est habituellement mis en place à l'aide d'un logiciel. Contrairement au prototype papier, qui peut être plus adapté au design collaboratif, cette méthode est habituellement réalisée par un concepteur UX de l'équipe.

Quand utiliser

Utilisez des prototypes mi-fi après avoir parcouru votre phase d'inspiration, y compris la recherche qualitative, les cartes de voyage des clients et les flux initiaux. Le but ici est de tester certains flux de tâches et de voir comment les utilisateurs répondent à vos idées dans leur ensemble.

Outils recommandés

Il existe un certain nombre d'outils tels que UXpin, qui évoluent toujours et mettent à jour leur ensemble de fonctionnalités. Axure est également un outil commun et celui que je préfère en raison de la richesse de l'interactivité avec les champs de formulaire et de sa capacité à créer des règles et des conditions complexes. Cependant, selon mon expérience, moins est plus–faire des interactions complexes à ce stade dépassent le but. L'intention de ce prototype est de créer quelque chose de rapide et facile à tester.

Prototypes à haute fidélité

Les prototypes de haute fidélité peuvent être différenciés de plusieurs prototypes de fidélité moyenne. La principale chose qui les sépare est qu'ils sont souvent créés à l'aide du code. Cependant, cela pourrait bien être un code très difficile, certainement pas la qualité de la production, et nécessitant un refactorisation sérieux.

Quand utiliser

Les prototypes de haute fidélité sont bons lorsque vous avez terminé les sessions initiales de test des utilisateurs et souhaitez explorer des interactions et des animations plus riches. En outre, vous voudrez peut-être partager une vision avec les parties prenantes en ce qui concerne le produit final.

Outils recommandés

Selon mon expérience, la conception dans le navigateur est la meilleure ici. Bootstrap ou Foundation sont des exemples parfaits de cadres pour vous décoller sur le pied droit.

Storyboards

Je trouve que le meilleur moment pour utiliser un storyboard est lorsque vous avez une idée à communiquer. Un storyboard (dans le contexte de la conception UX) est une séquence linéaire, montrant comment un utilisateur peut être en difficulté avec un processus ou un produit existant. Cependant, cela reflète souvent un état imaginé et une interaction avec un nouveau produit.

Quand utiliser

Projets d'innovation: Je travaillais dans un cabinet de conseil. Entre les contrats, j'ai souvent été chargé de construire un projet d'innovation afin de générer des affaires et de vendre nos capacités à des entreprises qui ne recherchent pas activement. Par exemple, à l'arrière de tout ce que nous avons proposé pour montrer (nos compétences avec de grandes données, la visualisation des données, l'expérience de l'utilisateur, etc.), le gestionnaire de compte serait chargé de faire apparaître nos créations à chaque représentant.

Un prototype a souvent été créé, simplement parce que nous avions les ressources nécessaires pour en créer un. Cependant, dans ce scénario, un storyboard est plus efficace en tant qu'outil de vente. Le client éventuel peut ou non être informé de la technologie; en utilisant un storyboard, vous pouvez contourner le jargon de l'industrie ou le babillage technique et montrer clairement une histoire, y compris un problème et une résolution.

Défis de conception centrée sur l'homme: la narration est également puissante dans les défis de conception axée sur l'homme, où vous devez vous inspirer de la recherche, l'idée et la portée du problème et des façons novatrices d'aborder ces problèmes. Un prototype semble souvent un peu prématuré ici. La progression naturelle de l'un de ces défis peut être une campagne de financement participatif, plutôt que de construire un produit réel. Par conséquent, un storyboard peut être le meilleur était de transmettre succinctement cela à un public et de les atteindre à un niveau émotionnel, où ils sont plus susceptibles de contribuer (par opposition à regarder une interface utilisateur).

Hackathons: Les Hackathons sont probablement le meilleur endroit pour utiliser un storyboard et, ironiquement, ils sont rarement jamais vus là-bas. C'est parce que généralement vous obtenez des types techniques qui participent et qu'ils sont trop axés sur les technologies et les langages de programmation. Ceux-ci peuvent vraiment aliéner le jury. En disposant d'un storyboard convaincant, montrant comment la solution résout le problème, il est plus susceptible d'être convaincant pour un public et être une pièce complémentaire solide pour tout ce qui a été généré rapidement dans quelques jours.

Outils recommandés

Faible fidélité

Tout ce dont vous avez besoin pour créer un storyboard est des articles de fond et de boucherie! Vous n'avez même pas besoin d'être bon au dessin.

Fidélité moyenne

Si vous êtes un concepteur et Adobe Illustrator, Sketch ou Affinity Designer, vous pouvez également passer vos storyboards au niveau suivant en trouvant un ensemble gratuit d'illustrations d'art de storyboard et en les modifiant selon votre histoire. Si vous avez un look en ligne, il y en a généralement beaucoup disponibles.

Conclusion

Dans mon expérience personnelle, les storyboards de faible à moyenne fidélité sont suffisants dans la conception UX. Peut-être que si vous travailliez dans l'espace industriel, vous avez peut-être besoin de plus de fidélité. Cependant, en numérique, il est peu probable que les bénéfices l'emportent sur les coûts.

L'intention de cet article est de vous donner plus de conscience sur les livrables à utiliser et quand. Vous serez souvent chargé par des gestionnaires qui ne comprennent pas vraiment le besoin de chacun. On espère qu'en lisant ceci, vous pourrez réfléchir sérieusement aux livrables nécessaires et présenter une solution pour tout choix que vous proposez.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.