Training on UI/UX Design

Course Overview/Objective

Course Objective:  The Training on UX/UI Design course is designed to provide learners with a strong foundation in the principles and practices of user experience (UX) and user interface (UI) design. The course begins with an in-depth exploration of UX design, focusing on understanding user needs through research techniques such as surveys, interviews, and persona creation. Students will learn how to map user journeys, conduct usability testing, and apply wireframing and prototyping to create user-centered designs that enhance usability. Emphasis is placed on the importance of usability, accessibility, and creating intuitive experiences that resonate with end-users, ensuring that digital products are both functional and engaging.

On the UI design side, the course introduces visual design fundamentals, including layout, typography, color theory, and consistency. Learners will work with industry-standard tools like Figma, Adobe XD, and Sketch to create high-fidelity interfaces that are aesthetically pleasing and easy to navigate. The course also highlights the integration of UX and UI, teaching how to align both elements to deliver a seamless and cohesive design. By the end of the course, students will be equipped with the practical skills and knowledge necessary to design visually appealing and user-friendly websites and mobile applications, preparing them for roles in the dynamic field of digital design.

Module Code

Module Name

Duration (Hrs)

01

Introduction to UX/UI Design

06

02

Design Thinking Process

12

03

Research and User-Centered Design

12

04

Wireframing and Prototyping

15

05

UI Design Principles

15

06

Interaction Design

12

07

Usability Testing and Feedback

09

08

Design Tools and Software

09

09

Mobile UI/UX Design

06

10

Advanced UI/UX Topics

06

11

Building a UX/UI Portfolio

09

Total

120 Hrs

 

 

Requirements

H.S.C/Equivalent

Course Project
-
Used Tools
-
Course Outline

Module 1: Introduction to UX/UI Design

  • What is UX (User Experience) and UI (User Interface)?
  • Differences between UX and UI design
  • Importance of UX/UI in product design
  • Key principles of UX design
  • Understanding user needs and behaviors
  • UX/UI Design process overview

Module 2: Design Thinking Process

  • Introduction to Design Thinking
  • Empathy: Understanding users' problems and needs
  • Defining the problem and user personas
  • Ideation: Brainstorming and sketching ideas
  • Prototyping: Low-fidelity to high-fidelity wireframes
  • Testing: User testing and feedback analysis

Module 3: Research and User-Centered Design

  • Types of user research (qualitative vs quantitative)
  • User interviews, surveys, and observations
  • Analyzing user data and creating personas
  • User journey mapping
  • Competitive analysis

Module 4: Wireframing and Prototyping

  • Tools for wireframing (e.g., Sketch, Figma, Adobe XD)
  • Creating low-fidelity wireframes
  • Transitioning to high-fidelity prototypes
  • Interactive prototyping (e.g., using Figma, InVision)
  • Prototyping best practices

Module 5: UI Design Principles

  • Color theory and psychology
  • Typography and fonts selection
  • Visual hierarchy and layout design
  • Design patterns and consistency
  • Iconography and imagery
  • Accessibility in UI design

Module 6: Interaction Design

  • Principles of interaction design
  • Designing intuitive navigation
  • Micro-interactions and animations
  • Feedback and states in UI (e.g., hover, active)
  • Mobile-first design

Module 7: Usability Testing and Feedback

  • Types of usability testing (remote vs. in-person)
  • Creating test plans and tasks
  • Analyzing user feedback and interpreting results
  • Iterative design and improvements
  • Best practices for presenting usability findings

Module 8: Design Tools and Software

  • Overview of popular design tools (e.g., Figma, Sketch, Adobe XD)
  • Prototyping tools (e.g., InVision, Proto.io)
  • Collaboration tools (e.g., Zeplin, Miro)
  • Design system management
  • Version control and design handoffs

Module 9: Mobile UI/UX Design

  • Mobile design principles and patterns
  • Responsive design vs. adaptive design
  • Designing for different screen sizes (smartphones, tablets)
  • Mobile-first approach
  • UI considerations for touch interfaces

Module 10: Advanced UI/UX Topics

  • User experience across multiple devices and platforms
  • UX writing and its role in UI
  • Emotional design and user engagement
  • Trends in UI design (e.g., dark mode, neomorphism)
  • Designing for emerging technologies (AR/VR, voice UI)

Module 11: Building a UX/UI Portfolio

  • Importance of a portfolio for UX/UI designers
  • Best practices for creating case studies
  • Showcasing your design process
  • Tools for creating a digital portfolio (e.g., Behance, Dribbble)
  • Receiving and incorporating feedback on your portfolio