Day 1: Introduction and Fundamentals
Module 1: Understanding the UI/UX Design Process
● Introduction to UI/UX Design
● Key principles and best practices
● The role of UI/UX in product development
Module 2: Basic Functions of UI/UX Design Software (Figma)
● Overview of Figma
● Basic tools and functions
● Creating simple designs
● Practical Exercise: Create a basic UI design using Figma
Module 3: Figma Project Management
● Organizing projects in Figma
● Collaboration features
● Managing revisions and versions
● Practical Exercise: Set up a project and collaborate with peers
Day 2: Advanced Design and Implementation
Module 4: Usability/Preference Testing and UX Research
● Introduction to usability testing
● Conducting user research
● Analyzing research data
● Practical Exercise: Conduct a basic usability test
Module 5: Design Implementation ("Design Handover")
● Preparing design files for handover
● Best practices for communicating with developers
● Tools and techniques for a smooth handover
● Practical Exercise: Prepare a design handover package
Module 6: UI/UX Component Management Software (Storybook)
● Introduction to Storybook
● Creating and managing components
● Integrating with design systems
● Practical Exercise: Create and manage a component in Storybook
Day 3: Collaboration and Advanced Tools
Module 7: Cooperation within the Product Team
● Roles and responsibilities in a product team
● Effective communication and collaboration strategies
● Case studies and real-world examples
● Practical Exercise: Role-play a product team scenario
Module 8: Creating and Managing Design Systems
● Introduction to design systems
● Components of a design system
● Maintaining and updating the design system
● Practical Exercise: Create a basic design system
Module 9: Enhancing Design Work with AI
● Overview of AI tools for design
● Using AI to improve design efficiency
● Case studies of AI in design workflows
● Practical Exercise: Implement an AI tool in your design process