TRAINING PLAN

Course: VISUAL GRAPHICS DESIGN NC III

Unit of Competency: DEVELOP DESIGNS FOR USER EXPERIENCE
Module Title: DEVELOPING DESIGNS FOR USER EXPERIENCE
Modality: Check which modality will be applied. Multi-modal is allowed.

( ) Full – online (√) Blended Online ( ) Distance Learning

Learning Outcomes Contents Learning Resources
1. Receive and  Identify design brief,  Google Classroom LMS
interpret the client creative, and technical  URL:
brief requirements including https://tinyurl.com/y285425u
product specifications o Book Resource
and references with o File Resource
relevant personnel o URL Resource
 Identify and prepare all o Assignment Resource
necessary equipment o Quiz Resource
and required peripherals o Video Resource
to be used according to  CBLM: VGD-UC4-LO1
task to be undertaken o Information Sheets
o Task Sheet
o Self-Checks
o Performance Criteria
Checklist
2. Select media /  Discuss:  Google Classroom LMS
materials for user o Importance of User  URL:
experience design behavior, goals, https://tinyurl.com/y285425u
motivation and needs o Book Resource
o Difference of UI and UX o File Resource
designs o URL Resource
o Different software for o Assignment Resource
UX designs o Quiz Resource
o Video Resource
 CBLM: VGD-UC4-LO2
o Information Sheets
o Task Sheet
o Self-Checks
o Performance Criteria
Checklist
3. Produce mockup for  Discuss:  Google Classroom LMS
screen flow o Design flow  URL:
o Clickable links https://tinyurl.com/y285425u
o Testing interactivity o Book Resource
Prepared by: Checked by: Submitted to:

DANIELLE JAMES L. CAÑETE JENNIFER O. ANDRES NOEL R. ANDRES

TRAINER SCHOOL DIRECTOR CHIEF EXECUTIVE OFFICER
 o File Resource
o URL Resource
o Assignment Resource
o Quiz Resource
o Video Resource
 CBLM: VGD-UC4-LO3
o Information Sheets
o Task Sheet
o Self-Checks
o Performance Criteria
Checklist
4. Create page  Discuss:  Google Classroom LMS
template o Grid specifications  URL:
(wireframing) o Wireframing techniques https://tinyurl.com/y285425u
o Media Testing o Book Resource
o File Resource
o URL Resource
o Assignment Resource
o Quiz Resource
o Video Resource
 CBLM: VGD-UC4-LO4
o Information Sheets
o Task Sheet
o Self-Checks
o Performance Criteria
Checklist
5. Create page  Discuss:  Google Classroom LMS
template / user o Presenting UX with  URL:
experience motion graphic https://tinyurl.com/y285425u
wireframing software o Book Resource
o Presenting UX using o File Resource
code o URL Resource
 Refine the interactive o Assignment Resource
media based on client o Quiz Resource
feedback o Video Resource
 Identify clearly and store  CBLM: VGD-UC4-LO5
securely all design and o Information Sheets
applications in o Task Sheet
accordance with o Self-Checks
company procedures o Performance Criteria
Checklist
6. Finalize wireframe  Discuss:  Google Classroom LMS
and design flow of
Prepared by: Checked by: Submitted to:

DANIELLE JAMES L. CAÑETE JENNIFER O. ANDRES NOEL R. ANDRES

TRAINER SCHOOL DIRECTOR CHIEF EXECUTIVE OFFICER
 the selected user o Using After Effects for  URL:
experience media presenting animation https://tinyurl.com/y285425u
o Simple coding for web o Book Resource
and apps o File Resource
 Submit final design flow o URL Resource
o Assignment Resource
o Quiz Resource
o Video Resource
 CBLM: VGD-UC4-LO6
o Information Sheets
o Task Sheet
o Self-Checks
o Performance Criteria
Checklist

Prepared by: Checked by: Submitted to:

DANIELLE JAMES L. CAÑETE JENNIFER O. ANDRES NOEL R. ANDRES

TRAINER SCHOOL DIRECTOR CHIEF EXECUTIVE OFFICER