web-dev-qa-db-fra.com

Comment prototyper avec une vraie saisie de texte?

J'ai besoin de tester une série de formulaires, et la méthode classique de clic et de remplissage par invision biaise vraiment mes résultats de test. L'utilisateur a vraiment besoin d'expérimenter l'acte de taper des informations, pour avoir une vraie idée de la façon dont le produit fonctionnerait. Quels outils de prototypage permettent les interactions de saisie de texte? Points bonus si compatible avec figma.

1
Casey Robinson

Pour une rétroaction rapide des utilisateurs, j'utilise codepen et mock-up mes conceptions dans une démo utilisable, de cette façon, je peux envoyer un lien à quelqu'un et obtenir des commentaires d'interactions réelles. Bien sûr, le code n'a pas à être de qualité de production, il a juste besoin de transmettre comment je vois quelque chose qui fonctionne et c'est un excellent point de départ pour affiner les fonctionnalités, etc.

1
dannybhoy67

Eh bien, cela signifie que vous devrez opter pour un outil de prototypage plus complexe comme Axure.

Vous pouvez simplement importer vos images d'écran là-bas et placer un champ de texte en haut (fonctionne également sur mobile).

Axure screenshot

Le seul inconvénient est que vous ne pouvez pas importer en masse vos images comme vous le pouvez dans Invision, il en résulte des efforts supplémentaires pour créer les écrans. Mais si vous n'avez pas beaucoup d'écrans et que vous vous concentrez plutôt sur l'interaction, Axure est certainement l'outil à utiliser.


Edit: Je me sentais comme si je devais ajouter que vous avez la possibilité de créer des interactions complexes avec cela aussi, comme vérifier le contenu après un clic sur le bouton ou même après chaque lettre avec onTextChanged:

enter image description here

0
Big_Chair

J'utilise du HTML/CSS simple pour créer un prototype de base pour de tels tests de comportement de modèle. Cela ne devrait pas prendre beaucoup de temps si ce n'est qu'une forme.

Sinon, Axure peut le faire.

0
Ren