These diagrams are rough drawings or sketches of what a final solution will look like
They can be used to check whether what is being produced is going to meet the objectives and requirements of the client
Visualisation diagrams are used for static products (a product that doesn't move). This could be an HCI for an AR resource or for a spreadsheet solution
A wireframe focuses more on what the product will do rather than what it will look like. They help people understand the outline or the frame of the design before any detailed designing takes place
Details for each element is not needed as it is just a layout design tool, meaning that changes can be made quickly before creation
Wireframes can be used for website pages to show the layout of the position of the buttons and etc…
Low-fidelity - A low-fidelity wireframe includes boxes showing the position of basic content and images with no specific details. They use basic shapes, images placeholders and generic text. In conclusion, these wireframes are as basic as possible.
High-fidelity - A high-fidelity wireframe shows the product and design in more detail. This means that it shows fonts, colours, images, text and branding such as logos. If it has been created with a piece of software then it is possible for the wireframes to show functionality, e.g. buttons been pressed.