Wireframes

What Is a Wireframe?

A wireframe is an outline that represents the layout of a Web page or mobile app. Wireframes are schematic and don’t usually include graphic design. The structure of a page is represented using content, headings, navigation menus, footer, buttons, and so on.

Since graphic design is not a priority, boxes are used to indicate where images are located and filler text (lorem ipsum) is used for text zones. imarklab can also produce more visually detailed wireframes if you are in the last stages of the project. Low-fidelity wireframes (as described above) focus on the structure of a website while high-fidelity ones also include graphic elements.

Why Develop Wireframes?

Wireframes are used to plan the development of a website or mobile application. They provide a quick visual representation of your website’s structure (levels of titles, main content, etc.), navigation (menu, buttons, forms, calls-to-action, etc.) and interface (disposition of items, headings, etc.).

Low-fidelity wireframes are especially useful during the conception stage. They can be produced quickly and at low cost. We recommend showing them to users and collecting their feedback. Once the main adjustments are done, high-fidelity wireframes can be produced to have a visual representation of your final website or mobile app.

What Is the Process Surrounding Wireframes?

Wireframes often come after a user-centered research project or an expert analysis. Methods such as usability testing, individual interviews or focus groups are excellent to build wireframes based on your users’ needs. Benchmarking can also be useful to build a website that includes your industry’s best practices. If you are looking to improve on your current website’s weaknesses, try an ergonomic analysis.

imarklab focuses on your needs to create wireframes that will guide the conception of your website or mobile app. We work in collaboration with your team to come up with a final product that exceeds expectations.