
Prototypage est le processus par lequel vous produisez un modèle initial de votre site web, application ou autre produit pour tester les principes et concepts sur lesquels il est basé.
Cet article a été initialement publié en mai 2018. Comme vous pouvez l'imaginer, dans un monde où la technologie évolue à une vitesse vertigineuse, beaucoup de choses peuvent se produire du jour au lendemain, sans parler de quelques années.
Les systèmes que nous utilisons pour créer, concevoir, tester et construire nos opérations, communications et terrains de jeu numériques évoluent aussi rapidement que nos besoins en ligne. C'est pourquoi nous avons jeté un nouveau regard sur le prototypage UX afin d'obtenir une image plus claire de la situation en 2022.
Le prototypage UX est, sans aucun doute, une question de mise au point, de compréhension des besoins et d'identification des problèmes et des solutions avant d'arriver à un point où la résolution de ces problèmes serait beaucoup plus difficile et coûteuse.
L'autre élément essentiel du prototypage UX est la communication ? la communication entre les parties prenantes, les utilisateurs, les concepteurs, les développeurs et les sujets de test. Le prototypage permet des discussions et une compréhension qui fournissent une analyse objective et constructive.
La question que nous nous sentons obligés de poser au cours de cette introduction au domaine est la suivante, La méthode de prototypage UX que vous avez choisie est-elle le bon outil pour ce travail ? et c'est à la fois une question de méthode et de logiciel pour la réaliser.
Les bases du prototype UX
Il peut s'agir d'une représentation très simple de l'idée ou d'une maquette fonctionnelle très sophistiquée, en fonction de ce que vous cherchez à réaliser avec le prototype et de l'usage que vous en ferez.
Il peut s'agir de tester votre concept auprès d'utilisateurs potentiels réels, d'obtenir l'adhésion de la direction ou des propriétaires, ou encore de servir de lien entre les concepteurs et les développeurs. Ce sont toutes des raisons valables pour réaliser un prototype, mais elles peuvent nécessiter différents degrés de réalisation pour être utiles à la réalisation de l'objectif.
Il existe trois niveaux de prototypes que vous pouvez utiliser :
- Prototypes rapides sur papier, esquissés ;
- Images de fil de fer monochromatiques, sans caractère de fantaisie ;
- Maquettes haute-fidélité et cliquables.
1. Prototypes rapides sur papier
Il s'agit d'un schéma approximatif d'un site réalisé sur papier et montrant les relations entre les différents éléments. Ils sont généralement utilisés au début de la conception et du développement pour valider les concepts fondamentaux sous-jacents et tester la logique de la conception. Cette méthode permet de déceler les failles fondamentales du raisonnement, de la présentation, de la compréhension et de la structure.
2. Des wireframes monochromatiques et peu élaborés
Lorsque vous êtes convaincu que les fondements et les bases du concept sont solides, vous pouvez passer à des modèles de prototypage plus sophistiqués tels que les wireframes monochromatiques lo-fi. Il s'agit de modèles informatisés, mais très dépouillés, presque squelettiques dans leur manque de détails, de sorte que rien ne détourne l'attention de l'objectif premier, qui est de tester la structure, l'architecture et la fonctionnalité de l'application. Le fait de disposer d'une maquette dépouillée de toute conception ou contenu réel aide à comprendre les relations de travail entre les éléments et à déterminer s'ils fonctionnent de manière logique ? et pratique ? pour fournir des résultats à l'utilisateur.
3. Maquettes haute-fidélité et cliquables
Il s'agit de la phase la plus avancée du processus de prototypage. Elle nécessitera des efforts et des dépenses et vous devrez donc vous assurer que toutes les faiblesses majeures ont été repérées et éliminées avant d'en arriver à ce stade (l'un des principaux objectifs du prototypage est d'éviter de commettre des erreurs coûteuses, en particulier à un stade avancé du processus de développement).
Cette maquette contiendra probablement la plupart, sinon la totalité, des caractéristiques du site réel, sans toutefois atteindre le niveau de détail ou de conception de la version finale. Il s'agira d'un modèle interactif et cliquable qui émule le site dans ses éléments les plus importants et qui permet aux utilisateurs de tester les fonctionnalités et les caractéristiques dans un environnement réel. Tous les problèmes ou commentaires issus de cette activité peuvent être considérés comme directs et pertinents pour le produit fini lui-même. Il s'agit donc d'un processus utile à la fois en termes de précision et de pertinence lorsqu'il s'agit d'incorporer le retour d'information dans le modèle du produit final.
Pourquoi le prototypage UX est-il si utile à la recherche ?
Il y a tant à apprendre du prototypage UX.
C'est un excellent moyen d'intégrer un nouveau projet, de mettre à jour ou d'améliorer des produits existants, de faire part des progrès accomplis, de tester de nouvelles idées ou alternatives. En fait, il existe une liste presque infinie d'avantages qui prouvent pourquoi cette pratique est une partie si importante du processus de conception.
Les prototypes permettent de délibérer avant de passer à la conception finale et à la construction. Toutefois, grâce aux outils sophistiqués les plus récents, il est possible d'ignorer la partie "wireframe" du processus et de passer directement à un prototype plus complexe et plus abouti.
Parfois, vos utilisateurs ont besoin d'une image plus représentative ; parfois, c'est une distraction.
C'est là que le choix se complique. Sauter le wireframing et passer directement à une présentation haute-fidélité peut être avantageux ou problématique.
Les prototypes filaires simplifiés et dépouillés donnent aux parties prenantes et aux sujets d'essai une version du projet sans distraction à examiner. Malheureusement, ce n'est pas toujours le cas. Les wireframes exigent beaucoup de notre imagination, que nous souhaitions ou non que les utilisateurs imaginent la page finale.
Pour certains, les couleurs de la marque, les logos, les images et les animations détournent l'attention de ce sur quoi ils devraient se concentrer. Toutefois, les espaces réservés, les textes fictifs, les images d'exemple répétées et les étiquettes peuvent être tout aussi gênants que les éléments réels si l'utilisateur n'a pas une idée claire de son rôle.
Dans certains cas, ce sont les échantillons de données, les images, la mise en page ou même la marque qui déterminent les décisions de l'opérateur, de sorte qu'un schéma de câblage peut manquer d'éléments essentiels à la discussion sur le prototype.
Le contenu final est très susceptible d'influencer les décisions de l'utilisateur, de sorte que lorsqu'il s'agit de prototypage, le design UX peut facilement devenir un élément essentiel de la stratégie de l'entreprise. La poule ou l'œuf ? situation. Alors, qu'est-ce qui est bon ou mauvais ? Cela dépend de chaque projet.
Quand votre recherche doit-elle inclure le prototypage UX ?
Le processus de réflexion sur la conception UX suit cinq étapes :
- Faire preuve d'empathie
- Définir
- Idée
- Prototype
- Test
Cependant, il est essentiel d'avancer et de reculer dans ces sections pour aboutir à la version la plus efficace et la plus éprouvée. Il ne s'agit pas d'un processus linéaire. Chaque étape introduit des points de discussion qui peuvent vous obliger à réévaluer votre projet à plusieurs reprises. Le prototypage vous renverra souvent au stade de l'idée, ce qui vous permettra d'économiser du temps et de l'argent sur les ressources gaspillées avant de passer à l'essai.
Le choix de la méthode la plus appropriée à chaque situation est défini par les problèmes, les solutions potentielles, vos entretiens avec les utilisateurs et ce dont vous avez besoin pour aller de l'avant. Parfois, cette décision sera évidente ; à d'autres moments, elle ne le sera peut-être pas tout à fait.
Quels types de ressources de test peuvent être créés ?
Avec les applications les plus récentes, le prototypage peut produire presque tout ce dont vous avez besoin. Toutefois, cela dépend du logiciel que vous utilisez et de ses limites. Chaque logiciel offre des avantages différents, il convient donc de s'assurer que celui que vous choisissez couvre tout ce dont vous avez besoin.
Prenons un moment pour parler de Figma
Nous avons parlé de quelques outils de prototypage dans un article précédent sur les avantages du prototypage, dont la plupart sont encore en activité.
Figma est l'un des derniers logiciels de conception à faire sensation dans le domaine de la conception UI et UX. Bien que nous n'ayons pas l'intention de vanter les mérites de l'ensemble de ses capacités dans cet article, nous tenons à lui accorder une mention spéciale, car il ouvre de nouvelles perspectives grâce à ses mesures de collaboration, ses facilités de communication et ses options et facilités de prototypage.
Utilisation Figma réduira, voire supprimera, la nécessité de recourir à de nombreuses procédures tierces, avec des procédures simples et efficaces. le prototypage d'applications qui ressemblent à s'y méprendre à la réalité. Figma permet au concepteur de créer un schéma simple ou des prototypes animés complexes, ce qui simplifie le passage entre les options lo-fi et hi-fi.
Figma a une longueur d'avance lorsqu'il s'agit de collaboration. En tirant pleinement parti du fait qu'il s'agit d'un logiciel en nuage, vous pouvez faire appel à autant de collaborateurs que vous le souhaitez, chacun travaillant en temps réel sur le même projet et communiquant à l'aide d'outils familiers. Les opérateurs peuvent faire des commentaires sur la page ou par l'intermédiaire d'un site web. Slack un canal de communication que nous connaissons tous et avec lequel nous sommes déjà à l'aise.
Les commentaires et les réactions sont immédiats et dépendent de ce que chaque partenaire voit à l'écran. De plus, chaque utilisateur peut visualiser la construction au fur et à mesure qu'elle se déroule, en utilisant les points de vue des autres utilisateurs. mode d'observation?le tout sans souci avec un historique complet des versions sauvegardant toutes les étapes et instances essentielles.
Figma semble certainement être l'avenir du design UX et du prototypage ; ce n'est qu'une question de temps avant que ses concurrents ne commencent à introduire les mêmes avancées et les mêmes nouvelles fonctionnalités dans leurs produits.
Quelle méthode de prototypage UX est la plus adaptée à votre projet ?
La variété est le sel de la vie, et dans le monde du design UX, cette affirmation est aussi vraie qu'ailleurs. Chaque projet ou étape d'un projet apporte des exigences et des problèmes uniques. Pour offrir la manière la plus simple de comprendre chaque processus, il faut de l'expérience pour faire les choix idéaux en matière de prototypage.
Si vous êtes convaincu que vous comprenez suffisamment bien le processus pour prendre cette décision, c'est une excellente nouvelle ; nous sommes prêts à vous écouter et à vous aider tout au long de votre parcours. En revanche, si vous n'êtes pas sûr de la meilleure option, nous serons ravis de vous aider et de vous permettre de passer à l'action.
Le développement de sites web, d'applications et d'autres produits électroniques peut s'avérer très coûteux. Il est donc important d'intégrer ce type de test tout au long du processus de développement. Le prototypage est un outil important pour assurer une transition en douceur du concept au produit final. Si vous souhaitez en savoir plus sur cette technique, appelez-nous au +44(0)800 0246247 ou envoyez-nous un courriel à l'adresse suivante hello@ux247.com
[...] Cliquez pour voir la réponse complète [...]
[...] Méthodes de prototypage UX [Lien] [...]