Anonymous

September 1st, 2015

I've been trying out different prototyping tools and have looked at both Sketch and UXPin so far. I was wondering if anyone prefers using one over the other and why.... or if there's another product out there that is even better. How are you prototyping?

Manuele Capacci --

September 1st, 2015

I think I tested pretty much every major prototyping software and UXPin is a great choice but I ended up using Sketch + Invision for my particular process. This way I can start my project in Sketch, syncing the screens/artboards with Invision and define the interactions and user flows there. Then, once the the Sketch file is kept in sync with Invision (you can use both Dropbox or their app to do that) you can keep working on the Sketch file if you want to refine the UI, and test and collect feedback on Invision. This is very good for mobile testing as well.
Sketch is actually a UI design software and it's also particularly good to hand design off to developers. Especially if used together with something like Zeplin or the soon-to-be-release Insight ( a tool that will be part of Invision ).
Last thing, if you like Sketch, to prototype and test micro-interactions take a look at Principle and Flinto App

Daniel Turner Interaction Designer, Xerox PARC

September 2nd, 2015

Done it, and it worked well. It even looked like it had some polish, but remember: the point of a prototype is NOT to look "elegant" or finished, but to test whether the interactions make sense, that users find value in the actions and tasks, not whether the icons are the right shade of blue or will win attention on Dribble.

Daniel Turner Interaction Designer, Xerox PARC

September 1st, 2015

Depends what you need. Do you need collaboration while designing? Sketch is great (and I've used it in conjunction with Invision, too) but it's an asset-building tool, like Illustrator.

May I ask what you've done already? Are you sure you want to prototype? If you haven't done solid user research, personas, scenarios, you may want to do things as cheaply and as disposable as possible (even pen on paper) to put in front of people -- what you have had an idea about may not meet anyone's needs or ideas but yours.

The problem is, that once you start designing (and especially with something like Sketch, where it's easy to make something that looks good), is that you reify possibly unfounded ideas; you get tied to what you've done already, and you are less able to bin your assumptions when you run into contradicting evidence. It happens to us all.

Diana Furka Head of Design & UX

September 1st, 2015

Sketch + Invision is my daily go-to and a combo built for speed. I do click flows in InVision. Sketch also doesn't kill my machine while working on a large volume of screens at once. 

UXpin seems like overkill for my needs. 

Tom Maiaroto Full Stack Consultant

September 1st, 2015

Sketch. UXPin, like Mockflow is good in theory...But you get better speed/performance from Sketch. And flexibility. 

That said, the big attraction with UXPin, Mockflow, etc. (and there's been oh so many over the years) is the ability to click through. It gives the sense of a "prototype" even if it's not a very sophisticated one.

One could very easily create some HTML and link images and such (and we used to do this with image maps wayyy back in the day). Though that takes time.

So the best option I've now seen is exporting from Sketch into an online tool. At that rate UXPin and Mockflow, etc. seem overkill. They are still quite viable and work with Sketch (whole page comps or elements exported into those tools) quite well.

Less of an either or. More of a both.

I like InVision because it has a free plan. I wish UXPin did. At the end of the day InVision + Sketch is my preference.

Jeff Krahel

September 1st, 2015

Recommend JustinMind, especially if it's mobile oriented. Sent from my iPhone

Andrea Raimondi Computer Software Consultant and Contractor

September 2nd, 2015

Hi!

I have used Pencil and it's quite nice. Free with lots of controls that can be mocked. Alas, being a developer, it is way easier for me to just open up an IDE and do everything from there. I know it's not the same thing, but I find it easier (especially since the tools I use are very visual, so there's no lag in the feedback loop).

A

Tom Maiaroto Full Stack Consultant

September 1st, 2015

I will clarify my complete process is Sketch + measure plugin (or Markly) + InVision.

I forgot to mention that putting measurements on comps is very important when handing off to developers. I usually have one with and one without. Sketch has an awesome plugin for this: https://github.com/utom/sketch-measure

Markly (http://marklyapp.com) is also cool, but expensive (nearly half the cost of Sketch itself) and does not do anything the measure plugin doesn't...The attraction to Markly (and I did buy it and I do support their hard work) is that it's a little more convenient to measure. It doesn't add layers to your Sketch file and it updates when your Sketch file updates. You just need to do another import...So one action to make potentially many little adjustments update vs. measure which will take a little longer.

However, measure is free and I find myself reaching for it far more than I do Markly. I do hope Markly gets better. It's a great tool.

Stan Podolski CEO at Nimble Aircraft.

September 1st, 2015

I personally prefer to do sketch on a paper and then MVP in Meteor, because as good as prototyping tools are coming to be, they still can not catch you a user. And paper is just as fine as anything to explain your idea to a cofounder or investor

Tom Maiaroto Full Stack Consultant

September 2nd, 2015

Keynote and PowerPoint? I don't know, use the right tool for the job. I mean I've hammered nails in with a rock before in a pinch...But this is taking it a bit too far.

Stick your exported designs and comps into Keynote and PowerPoint sure...But build them in there? Good luck =)