web-dev-qa-db-fra.com

Comment utiliser le prototypage papier sur un produit existant

Le prototypage papier est un outil très puissant au début d'une nouvelle construction de produit car il vous aide à aplanir l'UX et à itérer rapidement.

Cependant, si vous travaillez sur un produit existant et que vous souhaitez tester de petites modifications de fonctionnalités, en ajoutant des champs à un formulaire par exemple, ou en changeant la disposition des fonctionnalités, devriez-vous considérer le prototypage papier comme une option et si oui, comment? Existe-t-il de meilleures méthodes pour tester/construire l'itération ...

Pour info: c'est à l'intérieur d'une startup utilisant des expériences de lean-startup et de test utilisateur chaque semaine

6
Jay

Il n'y a pas de bonne façon de faire du prototypage. Les gens se sentent plus à l'aise avec une gamme allant des prototypes de papier aux maquettes Photoshop haute fidélité. Tout dépend de la personne qui les pratique, de ses compétences et de ses préférences.

Ma méthode habituelle consiste à:

  1. Commencez toujours par des croquis papier/tableau blanc, qu'il s'agisse d'un nouveau produit ou d'une itération sur un produit existant. Je trouve que cela me donne la liberté de ne pas penser à l'outil, et donc cela me permet de me concentrer sur le problème.
  2. Une fois que je pense qu'il y a une idée gagnante, je la déplace vers des wireframes interactifs, que j'utilise également pour les premiers tests utilisateur.
  3. Créez l'interface dans ce qui est le plus logique pour le projet et effectuez davantage de tests utilisateur.
  4. Itérer entre les étapes jusqu'à ce qu'il soit terminé.

Vous trouverez beaucoup de variations entre les personnes. Juste essayez quelques choses différentes et choisissez ce qui vous convient le mieux plutôt que d'essayer de copier la façon dont cette personne x ou la personne y le fait.

4
JohnGB

L'objectif est d'obtenir des commentaires aussi rapidement et précisément que possible.

Le prototypage papier est un excellent outil pour une rétroaction rapide - mais ce n'est pas nécessairement toujours le moyen le plus rapide.

Choisissez le moyen le plus rapide.

Quelques exemples:

  • Si je n'ai pas d'interface existante, je vais simplement passer au prototypage papier. Cela va être plus rapide que de construire quelque chose.

  • J'ai une application Web de construction dans une configuration de développement vaguement saine. Je veux tester comment un nouveau choix de police et une mise en page d'en-tête affectent l'utilisation. Ajouter du CSS sur une branche de développement de l'application va certainement être plus rapide que de simuler l'application existante sur papier

  • J'ai une application Web intégrée et je veux essayer un nouveau style d'interaction sur une page. Cela implique un temps de développement sérieux, mais la maquette de l'application existante sur papier serait un peu pénible. Je pourrais faire un peu des deux et imprimer quelques pages de l'application existante, puis prototyper sur papier la nouvelle interaction en plus de celles-ci pour fournir un contexte.

3
adrianh

La toute première étape consiste à esquisser votre idée sur une feuille de papier. Si vous vous considérez comme un mauvais artiste - ne vous laissez pas arrêter. Un prototype papier n'est pas une question d'art, il s'agit de présenter l'idée de manière simplifiée.

Prenez un carnet de croquis et un stylo et essayez de mettre votre idée sur papier. Pour le rendre plus visuel, vous pouvez utiliser un carnet de croquis avec des modèles de téléphones sur chaque page, ou télécharger et imprimer ces modèles. Cela vous permet d'avoir une vision claire de l'apparence de l'application sur l'écran de l'appareil.

Il est important d'esquisser tous les écrans de l'application pour obtenir une structure claire. Si votre produit comprend de nombreux écrans - présentez-les sur une seule page et ajoutez les connexions.

Une esquisse au stylo et papier n'est qu'un brouillon pour un prototype interactif. Donc, à ce stade, vous devez accorder plus d'attention aux éléments clés et à leur placement et non à la conception détaillée. L'interface utilisateur de la future application ou du nouveau site Web est née en ce moment.

Outre les photos, vous pouvez esquisser des informations supplémentaires qui seront utiles pour le projet. Décrivez vos acheteurs - les clients potentiels qui paieront pour utiliser votre produit. Décrivez le parcours utilisateur possible à travers l'application, leurs étapes et leurs impressions. Et rappelez-vous, vous n’écrivez pas un roman, alors ne visez pas la perfection dans votre écriture. Un prototype papier n'est qu'une visualisation brute de vos pensées.

Pourquoi les prototypes en papier sont-ils bons?

Tout d'abord, vous pouvez les créer à tout moment et en tout lieu. Voyager dans un train, promener le chien, regarder le spectacle du matin - une idée peut vous frapper de façon inattendue. Si vous avez un bloc-notes et un stylo, vous êtes entièrement équipé pour votre premier prototype. Sinon, vérifiez les autres matériaux disponibles. Vous pouvez peut-être prendre plusieurs serviettes dans le KFC le plus proche.

Deuxièmement, vous n'avez besoin d'aucune expérience en programmation ou en conception pour savoir comment créer un prototype papier. Une compréhension de votre futur produit suffit.

Troisièmement, les prototypes ne vous coûtent presque rien. Vous n'avez pas besoin d'appareils coûteux et d'outils de prototypage pour esquisser le premier modèle de votre application. Vous n'aurez à payer personne pour avoir fabriqué le prototype pour vous. Oui, cela vous prendra un certain temps, mais croyez-moi, vous passeriez beaucoup plus de temps à expliquer ce que vous avez réellement à un développeur.

Avec un peu de créativité, votre prototype papier peut devenir interactif.

Une fois le premier prototype papier prêt, vous pouvez commencer à le montrer à d'autres personnes. La présentation visuelle de votre idée pourrait être très utile pour trouver des personnes partageant les mêmes idées, qui pourraient éventuellement rejoindre votre équipe.

0
Polina Polukhina