Wireframes and click-through prototypes
At the early stages of a project prototypes are a fast and cost-effective way of making sure that every UI idea for your project adds up and that all requirements are represented correctly. Doing this before asking your team to commit to high quality designs or development can save a lot of time and money.
This could be mapping out specific sections of the interface, or creating click-through, simulated user flows with pages delivered in a rapid, lo-fi style. You can be surprised how quickly ideas are developed and pitfalls avoided, even with the simplest, first, visual representation of a product.
There are times where a high-fidelity web prototype is the right choice, for example:
- Final approval of a design before committing development resources
- Market testing
- Early-stage promotion of a planned product
When you commission a web prototype you get a proof-of-concept which can be deployed on your own intranet or on the web. If it suits your project, a little extra time can be dedicated to harmonising the code with the technologies and coding standards that you use in-house, so you get a greater return on your investment when you decide to take things to the next stage.
Prototype your software running on the intended device, be it desktop or mobile. Technologies like Electron and React Native offer speed boosts to seeing how things work in the hands of users, and depending on the project, and the level of design polish you need in the prototype, some of this work can be reusable in the product proper.