Interactive Prototyping for User Testing
I use JustInMind to prototype Web and Mobile apps that I then user-test. The JIM application is less than optimal, but to attract a broader Human Factors / Usability / Design audience you're going to need a lot more than "scrolling."
Interactive elements such as text fields, check boxes, drop-downs, etc. that can all be connected, responding to user inputs as needed, in a manner that replicates a real application in its native environment is what is needed.
I look forward to that day, as your design tools and simple, visual linking paradigm are certainly winners.
JIM is a great example of using an advanced prototype tool for none developers too, as it shows in a side windows the elements in the artwork you are referring to. This way, you don't need to rely on your memory and see which element you are working on.
Can't wait to see your advanced prototype abilities. Good Luck :)
manu schwendener commented
[should these votes be merged with https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/12869229-animate-individual-elements-separately-custom-ani ?]
Paul Fournier-Carey commented
100% must have. How can we prototype & test without real interaction, animation/transition. Click through slide shows which animate the whole screen is just not enough.
Melanie Adelt commented
I am totally agree. Prototyping means interactive behavior from all elements like buttons-aktive, dropdown-swipe out or navigation scrolling without a seperate artboard ect.
When both: wireframing AND real protoyping is possible, so XD rules the world ;)
I NEED this. Interactive text fields would be amazing. If a user had the ability to type in a text box *during the test*, it would add to the realness of the test.
Wayne Hall commented
This is a must for me.
I work on prototypes for mobile, web and TV interfaces and for the TV interfaces it is critical that I can perform transitions using keyboard input. I use hardware to map a remote control to keyboard input which the user then controls the prototype with. The likes of Axure already support this.
Doesn't need to be complicated, just allow me to chose what action begins a transition, be it a click or keyboard input.
I agree. Axure has this but it's super clunky, it's called dynamic panels. The reason it's clunky is because it isolates you inside a specific view instead of having an artboard flow which is easier to keep track of.
If you manage to add interactivity to this product with your current artboard workflow, it will be a game changer.
totally agree! basic web components: interactive radiobuttons, checkboxes, select lists etc. and with trigger+action functionality.
Look at Axure, please.
Forget Sketch or Invision. I can do images with hotspots with Illustrator and Dreamweaver...
Full transactional websites (AKA "the real big companies" that paid for their apps) have all their "sugar" in screens with forms elements and some interaction logic (eg: conditional fields).
Please, consider this feature as a priority feature.
Strongly agree, although the design side is missing some key features (like gradients, etc..) the prototyping side is in it's infancy stage. Currently all I can do for web apps is basically show "slides" of an interaction.. which I was already doing in photoshop.
Anil Kumar commented
Please support logic using operators (<, >, =, !=, etc) for displaying content.
E.g. Disabling the Buy Button when their are zero items in the cart.
Nicholas McClay commented
Definitely agree, for usability testing being able to mock inputs/checkboxs/toggles etc is critical to evaluating the design.
Michiel Kramer commented
Absolutely need interactive elements. A must have for for delivering interactive prototypes.
Charles Plath commented
This is absolutely essential because users don't interact with just images, they do it with form input fields, search fields, drop downs, radio buttons, checkboxes, etc., and it has to react to these state changes. Look at what Axure and Indigo Studio, not to mention many others, do here and why they will stay around for a while because of it. In the mind of many, this should've been one of the first features out of the gate because people using Adobe products working desktop web space really need to test these interactions and showing stakeholders the ability to just click images is pretty and maybe works better for mobile but we really really really need this. Did I say really really? :)
Jasper Lepardo commented
Just to add, maybe hover states specially in web interaction would be a good addition.
Paul Mackinnon commented
There are two big features requested here. These should be 2 separate feature requests in order to get more votes:
1. Interactive text fields - text and form elements with keyboard for user input (iOS keyboard / Android keyboard) as required
2. Analytic service - recording user interactions with screen, voice, touches, and a web dashboard to perform UX analytics
Jon Kennedy commented
Enable a feature that can monitor user behaviour when they use the prototype for the first time. Potentially offering a sharing option that allows you to define a list of actions that you require the user to complete, and the results are monitored, captured and fed back into a workflow? Perhaps a recording of the users behaviour and a voice/webcam capture of their reactions? Potentially very powerful for UX teams and Businesses that do not share the same physical location.
Tina Milford commented
I agree! Interactive web elements are essential. input fields, on/off toggles and checkboxes would help a web app come to life.