Balsamiq is a wireframing tool that helps lean product teams turn early ideas into clear, actionable direction. The tool helps product managers, founders, and engineers worldwide share concepts, reduce rework, and build better products.
N/A
InVision
Score 5.8 out of 10
N/A
InVision is a collaborative design and prototyping platform with features such as freehand drafting mode and interactive mockups, collaboration, idea management, user testing, and integration with Slack and other collaboration tools. According to the vendor, 1 million designers are using the free version.
Balsamiq is excellent for creating low-fidelity wireframes where the designer is trying to communicate a general, loose idea of how the design should look. Because of this, it should be used early in the design stage, when there are still many decisions to be made about how the final design should look like. However, it is less suitable for situations where one wants to communicate a more final-appearing version of a design. There are limited functionalities (which appear intentional, as the Balsamiq website says that the tool "has 'just enough' prototyping capabilities, but not more”). Because of this, it is likely wise to choose a more high-powered tool, such as Axure, to create a fuller design toward the later stages of the design process
InVision is well suited for design reviews and immersing yourself in the experience of an app-to-be. As a Product Manager, it's difficult to take abstract concepts, user pain points, and business needs, and produce a vision for an app without a visual aid to communicate a vision. InVIsion offers PMs, designers, and developers the opportunity to sketch a vision, communicate about it with inline commenting, and shareable with other stakeholders.
Ease of use: Balsamiq is the easiest wireframing platform I've ever used. You will be able to learn how to work with the drag-and-drop interface in less than a day. Use familiar resizing controls (click and drag) to control elements. Familiar keyboard shortcuts for grouping, duplicating, undoing, and more make the platform incredibility intuitive.
Cartoony: I think Balsamiq's intentionally "cartoony" style is great. Again, this helps clients focus on the "what" on the page without spending too much time worrying about the actual look. We have a content-first approach. We always want to nail down the user-flow first before we delve into graphics.
Symbols: The symbols library did not exist when I first started using Balsamiq 7 years ago, but it's a great addition. Assign design elements to your symbols library within a project for easy re-use throughout multiple pages. This is a great way to maintain consistency in your design and reduce re-work. For example, if you copy-paste a footer on each page of your 10 page design, you will need to go back and update all 10 versions if you make a change. If you use the symbols library, you would only need to update it once.
Presentation: Presentation mode allows you to display a full-screen presentation. This is extremely helpful when walking through mocks with clients.
Linking: You can link elements of pages in a project together. This can help you illustrate functionality.
The project can get a bit laggy around 70-100 pages (on a MacBook Pro). It didn't happen to me but I've seen it in a presentation of a project and it froze in a moment and had to restart the app.
I don't find the design of the components very "pretty". It's totally subjective but still wanted to mention it. I know this is the style they have had since the beginning and it's almost something that identifies Balsamiq, but I think it can be improved.
Designs can be very slow to load on mobile devices, particularly when they include many screens.
There isn’t an offline version of the full app, which feels less-than-ideal for many of our teammates who live in areas with more spotty internet.
There are limited functionalities to portray animations and transitions. This hasn’t been a huge issue, but it makes the app feel a little out of date, considering the range of such functionalities in other apps.
Balsamiq is just so simple, intuitive and fast at creating wireframes. It has just the right amount of UI elements to get the job done without weighing you down with decision fatigue. If you really need something that is not there, you can either draw or import your own elements. I also like the way that you can organize your assets for reuse.
Very intuitive and easy to understand. It only takes minutes to get the hang of it and get back to work. For new analysts (like, brand new, fresh out of school) it's not difficult and they need minimal to no hand-holding. The training content that is embedded is easy to find and use.
I didn't need to contact InVision support, as I've never needed it. They have an intuitive UI, and most of the questions are answered in their help portal or in tutorials online. Since many people use it, there a great resources available on for example YouTube. No problems so far with InVision.
In the past I have just used HTML to mock up UIs, but as I've previously mentioned this can cause problems with user's thinking that the system is already built. Balsamiq is far quicker and easier to create wireframes, it is more collaborative and the resulting wireframes cannot be confused with a real system as they have a hand drawn feel to them.
[InVision] provides the ability to iterate really quickly, in fact, it is so intuitive that can be applied on live wireframe designing, while the ideas are being scratched and stormed from the team in a single discovery session, as well as allowing and giving access to the whole organization to the final outcome
The product works very well for showing product owners and developers design ideas for purposes of discussion, debate and refinement.
The products also works very well for specifying new designs for developers. This is best done in a series of screens that show various screen states and user interactions.
I also use the products to document bugs in software products and websites we have developed. This includes outlining and documenting bugs and changes to user interactions and refinements to the usability of completed interfaces and user experiences.
