The design creation is always a multilayered process. Especially, when you are designing an application or website. In order to ensure that you all details are taken into account, it is important to follow basic stages of the web/mobile development process. These stages are wireframing, creating mockups, and prototyping. Each of them is an important part of the development flow. So if you want to find out what is the difference between them, grab a cup of coffee and go read this article.
Many people use terms Wireframes, Mockups and Prototypes as synonyms to each other. This fact causes confusion among newcomers in design, customers, and everyone involved. As you’ve probably guessed, they cannot be used as synonyms. And here is why:
Wireframes
What should an app/website do and how it should be done? This question is probably the 1st which comes into a person’s mind after he/she decides to build an app/website. Creating a wireframe is aimed to answer it.
What does a wireframe do?
- It serves as a basic document for further cooperation both for the customer and web design agency
- It describes user’s interaction with the website/app
- It comes with conceptual image of the future website/app