A wireframe is a graphical skeleton of a digital product, that demonstrates the layout of interface elements on screens. It is a critical part of the UX design process.
Wireframing is a way to design a digital product at the structural level. A wireframe is commonly used to layout content & functionality on a screen according to user needs and user journeys.
Wireframes are the “blueprint for design".
The aim of a wireframe is to provide a visual understanding of a screen early in a project to get stakeholders and project team approval before the creative phase start. Wireframes also used to create navigation to ensure the information flow of the product.
Why make wireframes-
Here are 3 reasons-
Clarity
During wireframing, designers have the chance to focus on user experience. This removes any unnecessary distractions such as color and imagery. It forces the designer to think carefully about layout and structure.
Quick
A hand-drawn wireframe can take minutes to draw, and almost anyone can have a go. It’s similar to brainstorming, where any idea is welcome. Designers, developers, project managers and even clients can pitch in with a pencil and paper.
Cheap
Designing on the computer requires specific software that might need training whereas paper and pencil don't. It’s also cheaper in the long run, as quick alterations during wireframing can eliminate the need for expensive changes in the long-run.
Conclusion
Wireframes should be used early in a project to get approval on the layout and the navigation. This will provide the designers, confidence in moving forward. Wireframes will also save considerable time and money in the testing and amends phase later in the project.
Comments