BUX105 - Prototyping and Wireframing

Course Description

This course equips students with essential skills in prototyping and wireframing, pivotal processes in UX design. Students will learn to translate conceptual ideas into tangible, interactive prototypes. Key topics include selecting appropriate prototyping tools, creating low- to high-fidelity wireframes, and iterating based on user feedback.

Course Outline

Week 1: Getting Started with Figma

Introduction to the Figma interface and tools
Creating your first wireframes

Week 2: Building Complex Wireframes

Using components, styles and grids for consistency
Designing detailed wireframes with reusable elements

Week 3: Prototyping Basics

Adding interactivity to your designs
Setting up user flows and simple prototypes

Week 4: Advanced Prototyping and Testing

Implementing animations and advanced interactions
User testing and refining your prototypes

Learner Outcomes

By the end of this course, you'll be able to:

Use Figma Effectively: Navigate Figma with confidence to create and manage wireframes
Design with Consistency: Apply grids and components to ensure your wireframes are organized and scalable
Create Interactive Prototypes: Develop prototypes that simulate real user interactions
Refine Designs Through Feedback: Conduct user testing and make informed design decisions based on feedback

This course provides the foundational skills you need to design and prototype in Figma, setting you up for success in any digital design project.