InVision

Avantages

I like the clean, quick interface of Invision. I love how you can import files directly from Sketch or Photoshop. The freehand is really useful when I just want to draw up a quick idea or even take hand written notes. If you have a touchscreen computer, you can really benefit from this feature. I also appreciate that updates are made in real time and you can see the changes you've made to hotspots applied on the screen the moment you switch from building mode to preview mode.

Inconvénients

One big thing is that you can not add a clickable hover state in Prototype mode! This is a feature people have been requesting for over a year. From what I see in forums, the support team keeps saying they will "send it to the devs to see if it's a feature that can be added" but have never followed through. This is an essential feature that is being overlooked. For example, if you want a dropdown menu to appear when you hover over a menu item AND be able to click on the individual menu items in the dropdown this is NOT POSSIBLE in Invision. You can only have one or the other. As a workaround, I have made the menus appear by clicking instead of hovering but it involves importing transparent menus which is clunky and time-consuming. Please fix this, devs!

In addition to the freehand feature, I wish there was an option to prototype with custom wireframes with a tool which allows you to choose from wireframe presets and build your site from the ground up that way. Sometimes, freehanding is not really an option. Also, you should be able to directly import files from Adobe Illustrator and Adobe XD as those are more widely used for web design rather than Photoshop.

Avantages

It let's you create interactive prototypes. You can define clicks, hover state, overlays, popups, floating buttons, fixed header and footer, and animations.

You can try it for free. With free version you can create one prototype and share with developers or client.

Invision has Craft plugin for Sketch and Photoshop. So you don't have to manually upload your designs to invision project. All you need to do is press the sync button and all your design updates will be sync on invision project.

Another reason to love Invision Prototype is the ability to share the project with client and take their feedback through comments. And once changes are done you can mark those comment as resolved.

Developers love invision too, because under inspect menu, they can see dimensions, colors, fonts and other specs of design. And download whatever icons or images are required.

Inconvénients

Adding popups is a work around, you have to add black dot and the bottom right pixel of your popup image. They could've program it, so you didn't have to add a pixel to define color of your background overlay.

If you're working on a web project and your website has a sliding navigation. Then your prototype won't be sliding on scroll. However you can add scroll to point on screen. And add custom point to the next slide where you want to scroll vertically.

Avantages

I mainly use Invision as a delivery method for presenting web and mobile site designs. We have a few internal sites we manage and I use Invision to show any CRO changes that are to be made. This makes it easy for design, dev and directors to see how things work and what it will look like before any time is spent on development.

A bonus for our dev team is the inspect function, having uploaded form Sketch they can inspect fonts, colours, sizes and basic CSS attributes to exactly copy the design. Assets can also be downloaded​ which saves time if they change over time.

Inconvénients

Some basic functionality such as fixed background images would be useful to convey how some designs should work. I know it's not meant to be a working site, it's just the little touches sometimes that could help others see your vision.

Avantages

InVision is a tool that is great to present designs to your clients and communicate with them effectively. Before existing InVision, making a design proposal was a lot of effort: capture a jpg, send it, the client will pass it to PDF, make notes on that document to send it back with feedback All this process, which may sound like prehistory, is relatively recent. However, since InVision exists, you can directly upload the project you are doing, you can update it, and the client can leave comments on the same design.

Another thing that I love is that it allows you to order all your projects in a single screen, as a private portfolio to have everything perfectly organized.

A handy feature that InVision has is that it allows you to update the designs using the integrated Craft plugin in Sketch. Through the "inspect" tab of invision, frontends can access design styles and assets.

I also really like the boards as an inspiration tool, to make a quick portfolio or as a style guide so that the client can know colors, typographies, logos, etc.

Inconvénients

The price, because if you are a freelance is a bit expensive and the free version only allows you to upload one project.

A feature called Freehand in which you can theoretically comment on a design with the client live via videoconference, but it has never worked well for me.

I would like the boards could be integrated with other applications like Pinterest or Instagram so that the process of uploading and storing images is easier.

Workflows, I do not use them because we have trello.

Avantages

I love the efforts that InVision has made to make their product sync with other programs such as Sketch and Photoshop. The craft plugin has made a lot of my work very easy since I don't have to upload my screens to InVision. The ability to sync, but to also apply and sync hotspots directly from InVision has speed up my work and it's just one less thing to worry about.

Inconvénients

Currently the software has some limitations within the web app. I think there has been tremendous efforts to make the product work seamlessly with other apps such as Sketch, but when modifying certain aspects such as animation or hotspots on the web app, there are a lot of limitations as far as what the user can do. These limitations, specifically with the animations, can make designs static for the most part and not very "animated".