Wireframing is a foundational skill for UI designers across all levels of experience. Now that we are equipped with the knowledge and skills associated with wireframing and understand the role of wireframing in the design process, we ask ourselves, “What’s next?”

From our knowledge of information architecture, we know that a well-constructed site map defines all the pages that need to be built. Since we have a clear overview, we know what pages we need to make wireframes for. To achieve this, we can sketch, iterate, and create wireframes for each page within the site map.

After creating all of the wireframes, how do we verify that the designs meet our requirements? Until user testing is conducted, we won’t know for sure. It is through user testing that solutions are validated. However, collaborating can help garner feedback and assist with design-related concerns before user testing.

It is important to maintain communication and collaboration with stakeholders during the wireframing process to ensure all parties are on the same page with design decisions. Once wireframe designs have been approved for the entire user workflow and all departments are in agreement, we can transition the wireframes into a low-fidelity prototype using digital tools.

A prototype builds upon the structural layout through the integration of higher-fidelity design elements and interactivity. Prototypes allow hands-on interaction and validation through user testing. User testing is an excellent method to garner feedback to enhance usability during product development.

Prototyping will be covered in much greater detail in the Prototyping with Figma lesson.

Take this course for free

Mini Info Outline Icon
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.

Or sign up using:

Already have an account?