(IV) Case Study: Mobile Game Interface Design (Candy Crush)

This module will introduce the UX and UI design-related knowledge of
mobile game in detail---from conducting user research, thinking about the starting point of the product design, to collecting product information, creating user blogs, mind maps, and the basic structure of the product, to using Draw.io to design the user flow, using Penpot to create wireframes and preliminary product prototypes, creating product-related components, and then completing pages connection and animation-adding, to finally doing prototype testing, students will experience the complete professional UX and UI design process in the class.
At the end of the course, the instructor will guide students to compile their work completed in class into a personal portfolio for use after the course.
( 1. Basic concepts of UX/UI
2. UX/UI examples
3. Design elements necessary for UX and UI
4. Searching skills
5. Software operation skills
6. Basic aesthetic skills
7. Skills in creating prototypes for mobile apps, websites, mobile games, etc.
8. Skills in creating product components
9. Skills in creating a personal portfolio)
12
Chinese
Learning Outcomes
1. Understand basic concepts regarding the Candy Crush game interface and other related knowledge
2. Learn methods of collecting data, creating user blogs, mind maps, and basic product architecture
3. Learn how to design user flow, wireframes, and preliminary product prototypes using Draw.io
4. Learn how to design product components (graphics in the interface of the game, buttons, illustrations)
5. Learn how to design the interface of an advanced product prototype (color, font, picture usage)
6. Learn how to design different pages of a website (such as login page, landing page, dashboard, setting page, etc.)
7. Learn how to connect and conduct prototypes testing (page connection and animation effect setting)