1

I need to test a series of forms, and the classic invision click-and-fill-in method is really biasing my testing results. The user really needs to experience the act of typing in information, to get a real feel for how the product would work. What prototyping tools allow for text input interactions? Bonus points if compatible with figma.

closed as primarily opinion-based by RobbyReindeer, Shreyas Tripathy, locationunknown, JonW Jun 7 at 10:28

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise. If this question can be reworded to fit the rules in the help center, please edit the question.

1

For quick user feedback I use codepen and mock-up my designs into a useable demo, this way I can send someone a link and get feedback from real interactions. Of course the code doesn’t have to be production quality, it just needs to convey how I see something working and it’s a great starting point to refining functionality etc

0

I use plain HTML/CSS to create a basic prototype for such pattern behavioural tests. It should not take much time if it just a form.

Otherwise Axure can do that.

0

Well that means you'd have to go for a more complex prototyping tool like Axure.

You could basically just import your screen images there and place a text field on top (works on mobile too).

Axure screenshot

The only drawback is that you can't mass-import your images like you can in Invision, so it costs extra effort to create the screens. But if you don't have many screens and instead more focus on interaction, Axure is definitely the tool to go.


Edit: Felt like I should add that you have the possibility to create complex interactions with this too, like checking the content after a button click or even after each letter with onTextChanged:

enter image description here

Not the answer you're looking for? Browse other questions tagged or ask your own question.