{"id":17031,"date":"2025-01-27T10:29:43","date_gmt":"2025-01-27T10:29:43","guid":{"rendered":"https:\/\/www.andacademy.com\/resources\/?post_type=glossary&p=17031"},"modified":"2025-01-27T10:32:37","modified_gmt":"2025-01-27T10:32:37","slug":"mockup","status":"publish","type":"glossary","link":"https:\/\/www.andacademy.com\/resources\/glossary\/ui-ux-design\/mockup\/","title":{"rendered":"Mockup"},"content":{"rendered":"

A mockup is a static, visual representation of the design of an app, website, or webpage. It is the final outlook of the digital product or website, giving a feel of how it appears on different screens.\n<\/p>\n

Mockups are used to test design ideas and gather user feedback. Designing mockups is an essential part of the UI UX Design process as they bring your design to life and help visualize how the product will appear when it is live. Mockups are the last stage before wireframing and prototyping<\/a>, allowing you final adjustments.\n<\/p>\n

\n

Not to be confused with<\/h3>\n<\/div>\n
\n
\n
\n

Wireframe<\/strong><\/p>\n

\nWireframes are the basic layout of the web page or website outlining the structure and content placement.\n<\/p>\n<\/p><\/div>\n<\/p><\/div>\n

\n
\n

Prototype<\/strong><\/p>\n

\nRefers to the interactive model used to replicate user interactions and test functionality before development.\n<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n

Types of Mockups<\/h2>\n