Learn
Congratulations! This concludes our introductory lesson on wireframes. Before we wrap things up, let’s go over some key topics we discussed in this lesson:
- Information architecture is the organization, prioritization, and presentation of information within products, websites, and other software applications.
- User workflows are the complete paths a user takes to complete an objective. The goal is to create simple, intuitive, and time-efficient flow paths within wireframes.
- When wireframing, three requirements should be followed: user needs, stakeholder goals, and technical capabilities.
- A wireframe is a low-fidelity design that represents the layout of a digital interface without the use of design elements. Wireframes serve as a visual representation of how a digital product will be configured and how it meets requirements.
- Sketching is an exercise to quickly iterate through concepts before transitioning to a refined wireframe created with a digital design tool.
- When designing wireframe elements, it is best to keep element design simple, distinct, and consistent.
- It is highly recommended to sketch your wireframe ideas prior to refining them in a digital tool. Sketching facilitates speed to a solution.
- A prototype builds upon the structural layout of a wireframe through the integration of simple design elements and interactivity.
- User testing is an excellent method to garner feedback to enhance usability during product development.
- Digital tools provide the ability to transition from wireframes to functional prototypes.
Next in the line-up, we will be diving into our first wireframe project! We will apply our knowledge from this lesson to evaluate user research requirements, sketch concepts, and create wireframes with a digital design tool.
Take this course for free
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.