Why you should prototype

Tags: Documentation | Prototyping | Usertesting

It's not always obvious why you should stop and prototype your ideas before developing them - especially if you have the ability to "jump right in" and start coding yourself.

But prototyping is an integral part of all successful software projects. It reduces costs and massively improving the chances of your project succeeding. It helps you get your idea from idea to customer in the shortest, least painful way possible:

  • Let's face it, there's no point in building software that no-one will ever use. Prototyping is the best way to validate whether your concept has real resonance with real people before investing in a long, potentially risky development phase. To start validating your ideas, use the 5 step framework for validating product ideas and match your solution to your customer's needs.

  • If you are a developer, it's night on impossible to design and develop at the same time. If you try, the quality of your product will suffer badly as a result. You owe it to yourself to give your product the best chance to succeed.

  • Agile development delivers software solutions quickly. User-centered design and prototyping identifies what problem to solve in the first place. Combined, they they help you build the right product faster.

  • If a picture is worth a thousand words, then a prototype is worth a thousand pictures. Prototyping give you the means to communicate interactive software requirements in a way that your team can understand. Before long, your project managers, developers and all of your stakeholders will be insisting on a prototype before starting development.

  • Mobile design is full of complexities. Prototyping lets you focus on your user's needs first and avoid having to think about technical complexities like pixels, points and resolutions and the mobile screen sizes that quickly cloud your path when you start to code.

  • Prototyping lets you get feedback from all the stakeholders in your organisation quickly and effectively.

Finally, prototyping helps you integrate user feedback right into your company roadmap. For maximum win!

Have we convinced you yet? Check out our introductory tutorial and Sign up now.

More articles for Documentation | Prototyping | Usertesting

Keyboard shortcuts

Keyboard shortcuts available in Fluid UI to speed up your design process.

Changing view settings

Full details about the different view settings in Fluid UI and how to change them.

The difference between screens and pages

Learn about the differences between screens and pages in Fluid UI.


These links are visible on your page when creating your prototype, but don't show in preview mode.

Widget groups

Creating and working with groups.

How to upload your own images

How to upload, add, delete and filter your own uploaded images in Fluid UI. Also covers hotspots for linking prototypes together.

Snapping and grid

The snapping and grid settings are available in the page menu and can be used to lay out your prototype according to grids or other layouts.

Setting page titles and adding notes

All about page notes in Fluid UI

Changing page settings

Full details on page settings and how to change them in Fluid UI.

Creating projects

Creating projects in Fluid UI, naming and deciding on the default orientation of your screens.

All about the library

Learn how to access and add widgets, upload images, save design patterns and switch / search between library elements.

Fluid UI introductory tutorial

Learn how to make your first Fluid UI prototype with this introductory tutorial.

Adding, cloning and deleting pages

Covers how to create, edit and delete pages in the editor.

How do I make a page scroll when previewing?

Increasing the page width or height in the page menu will automatically cause any pages to scroll (horizontally, vertically or both) when you preview.

Working with widgets

Everything you need to know about working with widgets in Fluid UI.

Links, gestures and transitions

How to add and delete links from your Fluid UI project. Also how to set link transitions and gestures to give a more custom look to your project.


Hotspot widgets are invisible when previewing though their links will still work. They can be combined with uploads to quickly create linked image maps.

Editing widget properties

How to edit the widget properties such as width, height, colour, size.

Moving, resizing and aligning widgets

How to move, resize and align your widgets.

Widget backgrounds and borders

How to use the widget menu to edit the look and feel of your widgets to match the needs of your project.

Setting your splash screen and app icons

How to set these two important screens in Fluid UI.

Mobile testing

Test your prototypes and mockups on mobile devices with the help of the Fluid Player which allows you to get valuable feedback from all stakeholders.