[major=MKT | course_id=WDU202c | syllabus_id=12530 | semester=7 | combo=MKT_COM1; MKT_COM2.1 | title=UI/UX Design]
Course ID: WDU202c
Title EN: UI/UX Design
Title VI: 
Credits: 3.0
Prerequisites: 
Description: The UI/UX Design Specialization brings a design-centric approach to user interface and user experience design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone. In this sequence of four courses, students will summarize and demonstrate all stages of the UI/UX development process, from user research to defining a project’s strategy, scope, and information architecture, to developing sitemaps and wireframes. Students’ll learn current best practices and conventions in UX design and apply them to create effective and compelling screen-based experiences for websites or apps.

Final Exam is included of Final Theory Exam (TE) & Final Practical Exam (PE): 100%
Students who complete all MOOCs before the course deadline will receive 1 bonus point; otherwise, no bonus point will be awarded.
Condition to pass: TE>=4 and PE>=4 and FR = (TE+PE)/2 + bonus >=5
Student tasks: 1. Student must get the certification of UI/UX Design Specialization specialization specialization from Coursera to be accepted to the final examination.
2. Complete the online course to be allowed to take Final Exam
Tools: - Internet
Course type: coursera_only
Decision: 359/QĐ-ĐHFPT dated 04/09/2025
Approved date: 2025-04-09
CLO1: Explain underlying concepts and principles related to UI/UX design
[1] category=PE; type=Final exam; weight=50.0; duration=120'; question_type=CLO1, CLO2, CLO3, CLO4, CLO5; grading_guide=All studied courses.; completion_criteria=; clos=4
[2] category=TE; type=Final exam; weight=50.0; duration=60'; question_type=CLO1, CLO2, CLO3, CLO4, CLO5; grading_guide=All studied courses. Each module of course contributes 2-3 questions.; completion_criteria=; clos=4
[1] desc=https://www.coursera.org/specializations/ui-ux-design; author=; publisher=Coursera; edition=; isbn=; main=True; online=True; note=SPEC: UI / UX Design Specialization
[2] desc=https://www.coursera.org/learn/visual-elements-user-interface-design; author=; publisher=Coursera; edition=; isbn=; main=True; online=True; note=MOOC 01: Visual Elements of User Interface Design
[3] desc=https://www.coursera.org/learn/ux-design-fundamentals; author=; publisher=Coursera; edition=; isbn=; main=True; online=True; note=MOOC 02: UX Design Fundamentals
[4] desc=https://www.coursera.org/learn/web-design-strategy; author=; publisher=Coursera; edition=; isbn=; main=True; online=True; note=MOOC 03: Web Design: Strategy and Information Architecture
[5] desc=https://www.coursera.org/learn/web-design-wireframes-prototypes; author=; publisher=Coursera; edition=; isbn=; main=True; online=True; note=MOOC 04: Web Design: Wireframes to Prototypes
Session 1: Specialization Introduction (Offline 1)
Visual Elements of User Interface Design
- Course Overview
- What IS a user interface anyway?
- Introduction to User Interface Design
- Interface Conventions
- Approaches to Screen-based UI
- Formal Elements of Interface Design
- Introduction and Project Brief
- Define the Look and Feel
Topic: Offline,Online; Teaching type: LO1, LO2; LO: IT
ITU: MOOC 01: Visual Elements of User Interface Design
Download: '- Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 2: Visual Elements of User Interface Design
- Active Elements of Interface Design
- Static to Active
- Composing Interaction
- Points of Interaction
- Create a Sample Pattern Library
Topic: Online; Teaching type: LO1, LO2; LO: IT
ITU: MOOC 01: Visual Elements of User Interface Design
Download: '- Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 3: Visual Elements of User Interface Design
- Create a Sample Pattern Library
- Composing the Elements of Interface Design
- Hierarchy and Composition
- Putting it all together
Topic: Online; Teaching type: LO1, LO2; LO: IT
ITU: MOOC 01: Visual Elements of User Interface Design
Download: '- Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 4: UX Design Fundamentals
- Course Overview
- Ideation, Articulation, Development
- Ideation
- User Research
- Naming and Mission
- Plan Your App
Topic: Online; Teaching type: LO1, LO3; LO: IT
ITU: MOOC 02: UX Design Fundamentals
Download: '- Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)
CLO2: Apply the key formal elements of clear, consistent, and intuitive UI design to the to the design of a static screen-based interface
Session 1: UX Design Fundamentals
- Usability
- Working with Wireframes 1
- Working with Wireframes 2
- Working with Wireframes 3
- Setting the Visual Direction
- Feeling Real
- Making a Prototype using Adobe XD
- Create a Clickable Prototype
- Next Steps
Topic: Online; Teaching type: LO1, LO3; LO: IT
ITU: MOOC 02: UX Design Fundamentals
Download: '- Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 2: Web Design: Strategy and Information Architecture
- Course Introduction
- The User Experience Process
- Defining User Experience
- The UX Process
- Waterfall vs. Agile
- Web vs. App
- Developing your Project Idea
- Asking Good Questions: Determining Strategy
- Research
- Defining Needs and Audiences
- Preparing your Strategy
- Bonus Material
Topic: Online; Teaching type: LO1, LO4; LO: 
ITU: MOOC 03: Web Design: Strategy and Information Architecture
Download: '- Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 3: Web Design: Strategy and Information Architecture
What is in and What is Out: Outlining Scope
- Content and Functionality Requirements
- Outlining Your Scope
- Bonus Material
- Getting your Ducks in a Row: The Sitemap
- Introduction to Sitemaps
- Sitemapping
- Sitemap Testing with Treejack
- Creating Your Sitemap
- Next Steps
Topic: Online; Teaching type: LO1, LO4; LO: IT
ITU: MOOC 03: Web Design: Strategy and Information Architecture
Download: '- Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 4: Web Design: Wireframes to Prototypes
- Course Overview
- Not Getting Caught up in the Details: Wireframes
- Introduction to Wireframes
- Responsive Design
- Navigation Systems
- Common Design Patterns
- Homepage Content Strategies
- Build Your Wireframes
Topic: Online; Teaching type: LO1, LO5; LO: IT
ITU: MOOC 04: Web Design: Wireframes to Prototypes
Download: '- Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)
CLO3: Apply current best practices and conventions in UX design and employ the fundamental principles of how UX design functions to shape an audience's experience of a given body of content
Session 1: Web Design: Wireframes to Prototypes
- Finally, Make it Beautiful: The Mockup Phase
- Introduction to Visual Mockups
- Design Principles and Whitespace
- Web Typography
- Web History, Skeuomorphs & Flat Design
- Moodboards
- Create Your Mockups
- Bonus Content
Topic: Online; Teaching type: LO1, LO5; LO: IT
ITU: MOOC 04: Web Design: Wireframes to Prototypes
Download: '- Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 2: Web Design: Wireframes to Prototypes
- An Excursion to Codelandia
- Welcome to Codelandia
- Is coding important?
- Refine Your Mockups
- Bonus Material
Topic: Online; Teaching type: LO1, LO5; LO: TU
ITU: MOOC 04: Web Design: Wireframes to Prototypes
Download: '- Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 3: Web Design: Wireframes to Prototypes
- Putting it all Together: Final Presentation
- Making Clickable Mockups
- Clickable Prototypes
- Dark Patterns
- Final Project Submission
Topic: Online; Teaching type: LO1, LO5; LO: TU
ITU: MOOC 04: Web Design: Wireframes to Prototypes
Download: '- Watch all videos, read all materials in the MOOC
- Finish quizzes, self-assessment, assignments and take part in discussion boards (if needed)

Session 4: 'Review Spec
Deadline of Coursera Completion: End of Friday of the week.
Topic: Offline,Online; Teaching type: LO1, LO5; LO: T
ITU: Spec
Download: '- All students should participate in review slot (if any question)
CLO4: Define the strategy and scope of the site, as well as develope its information architecture and overall structure
CLO5: Apply the UX research to actual user interfaces: the creation of wireframes, high-fidelity mockups, and clickable prototypes