Description
In this course, you will :
- Learn about the world of prototyping and how it has evolved over time.
- Learn what an ideal prototype looks like and about various design tools.
- Learn about Figma and how to use it. Discover what User Interface Kits (UI) are and how to use them in Figma.
- Gather references and inspiration for your design from other websites and applications. Create a rough sketch of your concept on paper and use it as a guideline for your prototype design.
- Filippos walks you through the process of preparing files and components for your chosen UI Kit.
- Get a step-by-step walkthrough of how to design a prototype in Figma. Learn how to build the home screen with various types of content and additional pages to make your prototype look like a real app.
- Learn how to use Figma's leverage power to turn your design into a functional application.
- Experiment with various transitions, interactions, and features to make your prototype appear more realistic.
- Learn about various qualitative and quantitative research methods, such as moderated user testing and unmoderated testing. Finish the course by hearing Filippos' final design prototyping tips.
Syllabus :
1. From Idea to Prototype
- The Incredible Power of Prototyping
- The Evolution of Prototyping Tools
- Introduction to Figma
- Sourcing UI Kits
2. Design Preparation
- Gathering References and Inspiration
- Sketching Your Idea
- File and Component Preparation
3. Design and Prototyping
- Registration Flow
- Home, Mood, Meditation
- Prototyping
- Polish
4. Validating and Testing Your Idea
- Introduction to Testing
- Moderated User Testing
- Unmoderated Testing