Request details

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.

770 votes
Sign in
Sign in with: Facebook Google
Signed in as (Sign out)

We’ll send you updates on this idea

Steve shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →


Sign in
Sign in with: Facebook Google
Signed in as (Sign out)
  • Andy Engelkemier commented  ·   ·  Flag as inappropriate

    I keep looking at XD, but we keep having to use something else. XD seems to really JUST be about how something looks, but good experience design is more about how it actually works. Making it pretty is just part of that.
    So we're using to deliver a looks like, feels like prototype. It doesn't do much because it doesn't have interaction outside of itself. It can't control an LED. So we fake that with an onscreen light if we need. Or I capture commands with something else if we get that far.
    But it has very basic (I mean VERY) variables to control a few things, custom animations, and you can really get a decent prototype of what you're after. Delivering that to the actual developer ensures you end up with something much closer. They can even look at the code if they are having troubles developing it. That usually gives them a hint on how to accomplish the same look and feel.

    We just need basic If thens. If the advanced button hasn't been hit, don't show these items. If the user hasn't filled in their name, show them an error if they try and advance.
    We need to be able to show those things. Right now people are creating a Ridiculous number of artboards showing, what they think are, every possible screen to the developer. But with XD you can't actually go through them, because they are Context based. So it doesn't really help.

    Seriously, sometimes the developer is great at programming, but just plain dumb when it comes to user interaction. XD Could be the tool to show that interaction. It's getting Closer, but still not useable.

    Just in Mind is pretty good. is good. Axure is both terrible and good.

  • Fabio Barreiro commented  ·   ·  Flag as inappropriate

    A must! I would get much better results when running test labs using my prototypes. Being able to simulate a real app would be dope

  • Jess commented  ·   ·  Flag as inappropriate

    Axure prototyping is stil necessary in my workflow because of this. Please help me streamline my workflow by implementing these features.

  • Ib commented  ·   ·  Flag as inappropriate

    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 :)

  • Paul Fournier-Carey commented  ·   ·  Flag as inappropriate

    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  ·   ·  Flag as inappropriate

    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 ;)

  • Jared commented  ·   ·  Flag as inappropriate

    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  ·   ·  Flag as inappropriate

    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.

  • John commented  ·   ·  Flag as inappropriate

    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.

  • Anonymous commented  ·   ·  Flag as inappropriate

    totally agree! basic web components: interactive radiobuttons, checkboxes, select lists etc. and with trigger+action functionality.

  • Pepe commented  ·   ·  Flag as inappropriate

    Totally agree!
    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.

  • Anonymous commented  ·   ·  Flag as inappropriate

    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  ·   ·  Flag as inappropriate

    Please support logic using operators (<, >, =, !=, etc) for displaying content.

    E.g. Disabling the Buy Button when their are zero items in the cart.

← Previous 1

Feedback and Knowledge Base