Test your prototypes

Description:
When designing new functionalities of a web application, a graphic design with a description of what the component should do is always crucial. The design is then used to create a prototype and testing of the design should be done before handing over the fragments to the development team. This procedure minimizes additional changes during the actual development of the functionality.

Links:
https://maze.co/, https://figma.com

Keywords:
Testing, prototype, design, web development, figma

Motivation:
Testing the prototype before writing development code can save a lot of human resources. Most bugs are debugged during testing and there is no need to change the brief during development, which is costly.

Requirements/Prerequisities:
UX designer

Level:
activity: description what you have to do in your specific level (e.g. define interface)

Application domain:
Software engineering, Web development

Main phase:
Generic: Requirements/Exploration, Generic: Design/Plan, Development: Testing

Related literature:
https://userpilot.com/blog/prototype-testing/, https://maze.co/blog/prototype-testing/

In which projects do/did you use this practice?
nzip.cz

Project Manager, Graphic Designer

3–5 years of experiences
Masaryk University

1. How do ​you rate the potential benefit for your projects? 5
2. How often are you using that practice? 2
3. What is the effort to introduce the practice in your project upfront? 5
4. What is the effort to apply the best practice in your project daily basis? 5

Questions 1, 3 and 4 (1 = Low, 5 = High)
Question 2 (1 = Never, 5 = Always)

You are running an old browser version. We recommend updating your browser to its latest version.

More info