We can define a wireframe as a skeleton, a prototype or a very primitive version of the visual aspect of a project. It consists of the representation of the layout and macro structures of the website , that is, we present through geometric shapes and lines how we think about dividing the interface into sections.
Defining Wireframe
The wireframe does not iraq telegram data contain colors, visual identity or content and can be made with a pencil, pen, ruler and eraser, or it can also be made with software like Adobe Photoshop , which produces a static (and more elaborate) image of a wireframe , or if you are working on a slightly more complex project, like software, it is interesting to use a tool like Adobe XD , which is free, and which can deliver prototypes closer to reality, with interactions and animations, but still maintaining the characteristic of not having colors, visual identity or content.
Therefore, the two main escapism is a form of coping objectives of the wireframe are to assist the designer when laying out the content and applying the visual identity , and also to be the main tool in relation to an initial alignment of the client’s expectations regarding the look of the contracted project.
Tip: Why use Mobile First in Web Design?
Possible variables in a design process and in the use of wireframes
There are three variables sault data regarding the function of wireframes within the design development process and, therefore, we need to be sensitive to understanding the context in which they can or cannot be inserted and the variables that permeate this use.
The three main variables:
- the individual characteristics of the responsible designer;
- the definitions within the company we work for; and
- finally, the client’s level of knowledge regarding the construction of interfaces.
Below we will clarify a little more about this:
Customer: the external variable
The key point in using the wireframe as a preliminary approach to presenting the design to the client is precisely the client’s knowledge and ability to perform critical/constructive analysis . The ideal time to collect and measure this ability is during the briefing and in conversations prior to development. Talk to your client and create a closer relationship so that this “professional intimacy” acquired can be enough for you to draw a conclusion about their knowledge.
If your client can understand the primitive function of a wireframe , and can already make constructive observations, this ends up reducing the time spent on changes that you would make in the future and also makes the entire approval process smoother, since the client ends up participating more actively in the design process .
On the other hand, if your client is not aware of the usefulness of a wireframe , you will end up wasting time and creating a somewhat awkward relationship with your client, as they will end up wondering why they are wasting their time with this. Be sensitive to discern what type of client you are serving .