Agile development · MVP Development

Tool for building a clickable prototype

Sanjeev Somani Next-Gen B2B Sales Productivity

Last updated on April 24th, 2017

I'm looking for recommendations on a prototyping tool that helps non-technical Founders build a clickable prototype of their MVP (desktop experience for now). I know there are tons of options out there, here are specific requirements I'm hoping to address:

  1. Sharing and collaboration: Prospects can review and provide their feedback inline, much like how comments work in Google docs (tool should be browser friendly)
  2. User stories: Can link UX components to discreet cards for agile implementation
  3. Intuitive UX: Clickable, and close to the real deal. Works well with dummy data
  4. Compatibility: can work across Windows 10, Web browser (and not just Mac)
  5. Speed: Don't want to waste time on graphics (want to leverage existing library)

Thanks in advance!

Sanjeev

Vera Burckhardt Human Factors, Usability & UX, Prototyping, Berlin

April 26th, 2017

I suggest you to have a look at Pidoco:


1. It's an online based tool with which you can work simultaneously on different decives with your colleagues. You can also share the prototype with customers or test users for commenting.


2. You can create several screenflows, visualizing the structure of the app for different use cases.


3. creates clickable prototypes with realistic behaviour and user interactions for websites, desktop or mobile apps.


4. It's online-based and works on any platform. With the app, you can run moobile prototypes directly on mobile devices.


5. Very easy to learn, it allows to quickly create prototypes from scratch. There are pre-built elements for low to medium fidelity prototypes so you don't have to bother with graphics yourself.

Danny Setiawan UX & Product Consultant and Coach , previously at Yahoo! and The Economist

April 24th, 2017

Hi Sanjeev,


The 2 tools that are industry standard for prototyping are Invision (invisionapp.com) and Marvel (marvelapp.com).


I believe they both satisfy requirement 1,3 and 4.


I wouldn't make #2 a requirement since the goal of this stage should be for validation and thinking about the UX as components could easily cause you to lose sight of the big picture (the flow).


I hope this helps.


best,


Danny



Sanjeev Somani Next-Gen B2B Sales Productivity

April 24th, 2017

Great - thanks Danny! Do you have a personal favorite between Invision and Marvel, or what might be the pros/cons of each? Given your UX background, figured you would have a POV!


Thanks

Sanjeev

Alan Shen Consumer UX Design Leader

April 24th, 2017

proto.io is a 100% web-based tool that works really well for mobile apps, secondarily for web and desktop. There are runtimes for iOS and Android to simulate apps, and you can do a lot of commenting/collaboration as you run the prototype. Because there's no editor to install, it's very easy to just pop open a web browser and start working.

Sridhar Rajagopal

April 25th, 2017

I used Proto.io - the learning curve is a bit steep, but it lets you define the user interactions and navigation in a very detailed matter. It also has commonly used design paradigms for good ux and look and feel, along with samples to get started.


There is also a very decent image library so you don't have to waste time with finding artwork.


I looked into Invision but settled on Proto.io.


-Sridhar

Sanjeev Somani Next-Gen B2B Sales Productivity

April 24th, 2017

Playing around with Invision. Looks slick, but I'm concerned it may distract too much into graphics/ look and feel. Will keep digging.

Sanjeev Somani Next-Gen B2B Sales Productivity

April 24th, 2017

Thanks, Alan! Proto.io looks slick. I'm primarily defining the Desktop experience for now, so will need to see how well that goes.

Sanjeev Somani Next-Gen B2B Sales Productivity

April 25th, 2017

  1. Thanks, Sridhar. Did you get started with Prot.io after you built low-fi wireframes elsewhere? Or did you go all-in with Proto.io? I am debating whether to use a tool like Balsamiq to begin with?

Marius Kurgonas Visionary entrepreneur

April 26th, 2017

https://www.invisionapp.com