Design
Create Simple Prototypes With Wireframes
This course explores wireframes and prototypes through the lens of design. Wireframes are simple but effective ways to communicate your ideas. They're like creative blueprints that guide your visual design.
Taking the time to sketch wireframes before you start working on the computer will save you time and energy. By creating a low-fidelity mock-up, you'll be able to get a better understanding of what is necessary on each screen, whether something functions as you expected, and how users respond to it through quick testing.
For the first part of the course we'll reverse engineer existing websites and apps in order to build your own library of essential and common design elements. We'll examine the psychology behind design as well as interaction design.
During the second part of the course, we'll examine wireframes and prototypes in the context of the design process, including how to move fast during the design process. You'll probably be surprised how much you can create and accomplish within a limited time frame.
Each chapter includes a prompt and a mini challenge to help you build your skills and to set you up for success in future projects!
Learning outcomes
- Apply psychology to design
- Use wireframes to communicate ideas
- Annotate wireframes to understand interaction design
- Integrate wireframes into a design process
- Create low-fidelity prototypes
Turn it into a career
Take one of our 100% online diploma training programs, and transform your know-how into professional skills.
- Up to 100% of your training program funded
- Flexible start date
- Career-focused projects
- Individual mentoring
Table of contents
- Part 1
Identify key design elements through wireframes
- Part 2
Apply the design process to create your own rapid prototype