top of page

Mobile UX UI Design Course

This is a course designed specifically for students who are interested in understanding and applying UX/UI design. Students will learn how to conceive and design a mobile app's user experience and interface from a user's perspective, and use Figma to realize their own designs. At the end of the course, students will be able to create their own interactive prototypes and gain practical design experience.

Reference hours

18 hours

Course Overview

Programming is certainly an important hard skill, but if you want an app to be truly successful, the overall user experience (UX) and interface (UI) design are even more important. This course aims to allow students to learn to design user experience (UX) and draw interface (UI) from the user's perspective, and integrate these elements into an interactive prototype. Through this course, students will be able to have a deeper exploration of careers and development directions. This course will use Figma as the main design tool.

Course Content
  1. Introduction and Basic Knowledge

    • Definition and Importance of UI/UX Design

    • Figma introduction and basic operations

  2. User Experience (UX) Design

    • User Research and Personas

    • User Flow Diagram and Information Architecture

    • User experience design principles

    • Discover Apple, Google and Microsoft UI plugins

    • Introducing the basic steps of App design, from finding problems and thinking of solutions, to arranging UX with hand-drawn drafts (UI), finding users to test, and then creating Wireframes, and then starting to create XD prototypes

  3. User interface (UI) design

    • Interface design basics and principles

    • Color, font, and icon design

    • Element and component design

  4. Prototyping and testing

    • Create interactive prototypes (Responsive Design)

    • Prototype testing and feedback

  5. Project implementation and demonstration

    • Students design and build an APP UI/UX

    • Project Demonstration and Feedback


Finished product scoring

  • The three major indicators of product design - reliability, usability and effectiveness; the instructor and students will also evaluate each other.

Works Sharing

Learning objectives

After completing the workshop, students will be able to:

  1. Understand the basic concepts of UX and UI and differentiate between the two : Students will be able to explain the importance of UX/UI design and understand the difference and interrelationship between the two.

  2. Familiarity with and application of Figma tools : Students will be able to master the basic operations and advanced features of Figma and apply them flexibly in design.

  3. Designing UX from a User's Perspective : Students will learn how to conduct user research and design experiences from the user's perspective, including creating personas, drawing user flow diagrams, and designing information architecture.

  4. Designing Attractive UIs : Students will learn how to design attractive and easy-to-use interfaces, including color palette, font selection, icon design, and the layout and design of elements and components.

  5. Build and test interactive prototypes : Students will learn how to build interactive prototypes using Figma and learn how to test prototypes and collect feedback from them.

  6. Complete a UX/UI design project : Students will have the opportunity to apply the knowledge and skills learned in the course to a real project and learn how to present and explain their own design.

Suitable for

This course is suitable for people who are interested in UX/UI design or want to further improve their skills in this area, including students, designers, developers, product managers, etc. Participants need to have basic computer operation knowledge. People who are passionate about design and creation will benefit a lot from this course. No previous design or programming experience is required.

Teaching Team


* HKUST Global Business & Information System (Class of 2019)
* HKUST MPhil in Technology Leadership and Entrepreneurship (Class of 202)
* Over 8 years experiences in STEM Education (Drone Technologies, Media Production, Design etc.)
* Product Design Experiences in Startups and Workplace for 6 years (Crypto Industry, No-code Solutions, IoT solutions, Automobile Industry)




bottom of page