A mockup is a visual representation of a product or design, such as a website, mobile app, or software interface, demonstrating how it will look and function before it is built. Mockups can communicate ideas and gather feedback from stakeholders, such as clients, users, and team members.
Mockups are typically created using design tools such as Adobe Photoshop, Adobe XD, Sketch, Figma, or InVision Studio. They can be static images, interactive prototypes, or even functional models with limited features.
Mockups can be used at different stages of the design and development process, including:
Conceptualization: To explore different design ideas and gather feedback before proceeding to development.
Design: To create a visual representation of the final product and gather feedback from stakeholders.
Development: To create a functional prototype that can be used for user testing and to validate the design before building the final product.
Mockups can be a great way to communicate design ideas, gather feedback, and ensure that the final product meets the needs and expectations of all stakeholders. They also help identify usability issues and other problems early in the development process, saving time and money in the long run.
Also, See: Prototype Model | Wireframes