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
學習目標
After completing the workshop, students will be able to:
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.
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.
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.
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.
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.
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.
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
Introduction and Basic Knowledge
Definition and Importance of UI/UX Design
Figma introduction and basic operations
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
User interface (UI) design
Interface design basics and principles
Color, font, and icon design
Element and component design
Prototyping and testing
Create interactive prototypes (Responsive Design)
Prototype testing and feedback
Project implementation and demonstration
Students design and build an APP UI/UX
Project Demonstration and Feedback
Assessment
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
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
TBC
* 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)
適用資助
-
若學校想申請相關資助，我們可提供意見參考或代為準備相關文件。