UI/UX Design
Course Curriculum www.hiit.ng
Course Overview:
This course will guide students into the field of User Experience and User Interface design. They will learn about User Research, User Flow, Information
Architecture, Wireframing, Visual Design and Prototyping.
They will learn about User Research, User Flow, Information Architecture, Wireframing, Visual Design and Prototyping. By the end of the course they will be able to produce a functional Prototype
DAY MODULE OBJECTIVES TOPICS HOURS
Background of User Experience and User Interface Design;
Day 1 1. Introduction to UI/UX
Distinction between UI and UX & Introduction to Design Tools.
Background of User Experience 3.0
Developing a user research plan; Analysing usability and
2. User research and
creating Personas using sticky notes; Creating Scenarios and to User research and Storyboarding /
Day 2 Storyboarding / user
illustrate how users interact with the product; Designing user user flow
3.0
flow
flows using overflow app; Creating storyboards.
3. Information Foundation of IA (Information Architecture); Understanding
Information Architecture and
Architecture and responsive web design principles; User experience on mobile
Day 3 designing for IOS versus web; Designing for Web/ creating Designing systems;
designing for IOS 3.0
and Android
and Android Understanding UI patterns for mobile.
4. Sketching and Sketching and Workflows; Creating lo-fi Wireframes with
Day 4 Workflow Balsamiq.
Sketching and Workflow 3.0
Setting up Design Workspace Figma; Typography and colour
Day 5 5. Visual Design theory; Sourcing for images, png, svg, icons and illustrations; Visual Design 3.0
Designing a “food ordering” app; Creating a rapid Prototype.
Prototyping and micro interactions; Testing your clickable
Day 6 6. Prototyping
Prototypes with users.
Prototyping 3.0
DAY MODULE OBJECTIVES TOPICS HOURS
7. Developer handoff /
Day 7 version control
Developer Handoff; Version control Developer handoff / version control 3.0
Building your LinkedIn profile and portfolio; Introduction to
8. Portfolio building and
Behance and Dribbble Portfolio building and self branding 1.5
self branding
Contract vs Freelance vs Full time; Networking; Revisions/Q&A
Day 8
User research using Google Forms and Type Forms. User flow using Flow
Map and Pen and Paper. Visual Design with Figma and Sketch.
9. Tools to be used Tools to be used 1.5
Wireframing with Adobe XD, sketch, pen, and paper. Rapid Prototype with
Invision Classic.
TOTAL 24