ad
Apply Now Request Information
Back To Top

Diploma Program

User Interface (UI) And User Experience (UX) Design

Diploma

37 Weeks

Qualified Instructors

This program can be offered at the campus(es) below. Please contact the campus of your choosing for program availability and delivery methods.

Location Icon

View Campus Availability

Dropdown Arrow
Delivery Icon

View Delivery Methods

Dropdown Arrow
Distance

Distance (Online)

Median Wage

$37 /hour

*Jobbank.gc.ca; 2024;

Launch Your Tech Career in the World Of User Interface / User Experience Design

Are you passionate about research, design, and innovation? In this diploma program, you will master UX and UI concepts, perform user research, create responsive designs, and develop advanced skills in design systems, UX management, and digital accessibility.

  • USER EXPERIENCE DESIGN
  • UX RESEARCH AND STRATEGY
  • INFORMATION ARCHITECTURE
  • GRAPHIC AND UI DESIGN
  • VECTOR GRAPHICS 
  • TYPOGRAPHY
  • RESPONSIVE WEB DESIGN
  • INTERACTIVE PROTOTYPING
  • USABILITY TESTING
Credential Image Credential Image

Approved & Designated 

This program is approved by the Private Training Institutions Branch (PTIB) of British Columbia. CDI College is designated by the Education Quality Assurance (EQA).

Program Intro Background

Program Courses

Student Success Strategies [SSS4]

Plus Icon Minus Icon

The purpose of this course is to provide students with the knowledge, skills and study techniques to help foster effective learning and a positive educational experience. This course explores two components of learning styles, Multiple Intelligence-based theory and Personality Spectrum – MBTI-based theory, and how learning styles and personality types affect learning. The course will cover the importance of values, their relationship to goals and goal setting. Strategies for setting personal goals, prioritizing tasks, managing time, and the stress that results from study or work situations will be explored and practiced through active participation in learner-centred activities. Effective study habits, techniques for preparing for tests and productive note taking strategies are key topics of this course that will provide the students with the necessary skills and attitudes to be successful in school. Having a sound understanding of financial, money, credit and debt matters and their implication on our lives is critical knowledge to have. Students taking this course will benefit from completing the Financial Management Workshops, which provides comprehensive coverage of financial and money management skills that will allow them to better save, budget, and manage their money and financial situations.

Introduction to User Experience Design [UIUX100]

Plus Icon Minus Icon

User Experience Design is a process to enhance customer satisfaction by knowing their needs, converting needs and feedback into the usable and accessible products. UX Design is iterative, collaborative, experimental and creative process to achieve user and business goals. In this course, the students will learn about UX and UI design and research and how to apply user-centered design process to create usable and accessible digital products. The students will work on a UX design project by empathizing with the users, analyzing user needs and pain points, ideation, prototyping and preparing a usability testing report. In addition, the students will be introduced to the design systems and digital accessibility.

UX Research and Strategy [UIUX110]

Plus Icon Minus Icon

In order to provide pleasant, usable, accessible, and satisfactory user experience, it is vital to understand the user needs, pain points, expectations, behaviours, and mental models. Understanding and applying UX research methods will help to empathize with the users and understand their needs and pain points. In this course, the students will learn various qualitative and quantitative research methods including interviews, surveys, focus groups, competitor analysis, and cognitive walkthrough. Students will analyze the research results and prepare scenarios, customer journey maps, and affinity maps. Later the students will define the requirements and develop the wireframes and prototypes of a digital product.

Information Architecture [UIUX120]

Plus Icon Minus Icon

Every website or application should have usable, findable, and accessible navigation and content structure to enable the users to navigate the website, find and complete the desired task efficiently and easily. Information architecture is the combination of organization, labeling, search, and navigation systems. This course will train the students on how to understand target audience, user needs, evaluation of current product’s navigation and content system and how to produce information architecture deliverables including site maps, user flows and wireframes. Additionally, the students will also learn how to run content audit, and prepare the content inventory, navigation, and content organization systems.

Graphic and UI Design [UIUX130]

Plus Icon Minus Icon

To make a website or application esthetically appealing, it is very essential to learn how to design stunning graphics interfaces and visual assets including buttons, navigation, forms, banners, and images. A website should be usable and visually attractive. In this course, the students will get hands on experience in Adobe Photoshop. The emphasis of this course is to design graphic mockups and visual assets for the website or application to work on both desktop and mobile devices. The students will explore shapes, selection, pen, type, and other graphic design tools as well as layer masking, colors, smart objects, and layer groups. Finally, the students will use slice tool to optimize and export images for the digital delivery.

Vector Graphics and Typography [UIUX140]

Plus Icon Minus Icon

In this course, the students will be using Adobe Illustrator to design visual mockups for the mobile and web apps. The learners will create logos and icons for the apps. They will learn how to create new documents and artboards and to save the workspaces. Images, shapes, and pen tool will be used to design the brochure and icons. The students will learn about color modes, file formats, and symbols. At the end, the students will prepare the files for the web, print and PDF, and learn different settings to export for web, print and PDF formats.

Responsive Web Design [UIUX150]

Plus Icon Minus Icon

Digital online presence is essential to any business for awareness, promotion, engagement, and success. HTML and CSS are the core languages to design & develop desktop and mobile applications. Bootstrap is the CSS framework to design responsive digital products. In this course the students will learn how to use HTML, CSS, and Bootstrap to build responsive websites and applications to meet the needs of both mobile and desktop users. The students will be working on responsive digital projects by applying UX/UI design principles. This course also covers the deployment of the website and optimizing it for the search engines (SEO).

Digital Accessibility Foundations [UIUX160]

Plus Icon Minus Icon

Digital Accessibility means that the websites and other digital products are accessible and usable to everyone including people with disabilities. Accessibility benefits everyone, people with or without disabilities. As a Web Designer, UX Designer or Usability Analyst, it is our responsibility to remove accessibility barriers and enable differently abled bodies to access the web, PDF, videos, and presentations, using the assistive technologies. This course has been designed to make the students aware of the importance of digital accessibility and how to develop accessible digital products. The students will learn how to evaluate websites against web content accessibility guidelines, ensuring the compliance with Canadian accessibility laws. The students will explore and apply different web accessibility tools and techniques and will study the accessibility laws specific to digital products

Usability Testing [UIUX170]

Plus Icon Minus Icon

In this course, the students will describe and apply the usability testing process to obtain user’s feedback, behaviour, and pain points. The students will develop plan, hire participants, prepare task scenarios, orientation script, and consent forms. The learners will understand the lab and remote testing environments, execute the test sessions and prepare comprehensive report. The report will highlight patterns, findings, and recommendations to improve the user experience.

Interactive Prototyping [UIUX180]

Plus Icon Minus Icon

In this course, the students will create responsive wireframes and interactive prototypes using Figma by applying the design thinking strategies. The students will explore the design thinking process focusing on ideation and prototyping stages. Figma plugins, libraries, and components will be learned along with the shapes, types, and colors. Different types of interactive prototypes will be generated including rapid and functional prototypes.

Development of Design Systems [UIUX190]

Plus Icon Minus Icon

Digital design system is a key component of the product development life cycle and is vital for consistency, quality, and collaboration. A design system is a primary document which defines the guidelines, UI reusable components, colors, fonts, and branding. In this course, the students will create a design system for a digital product, describing the elements of a design system, process, and guidelines while ensuring the integration of the accessibility. The students will also examine other design systems from Google, Salesforce, IBM, and Apple.

User Experience Management [UIUX200]

Plus Icon Minus Icon

In this course, the students will develop UX strategy and roadmap, aligning the business goals with the user goals. The students will also learn how to recruit, build, and develop a UX team and the stages of the team building. Integration of the UX process into the agile methodology, conflict resolution, performance reviews, communication, and stakeholder management strategies will be discussed. The students will be able to describe and run design sprints and workshops.

Portfolio Development [UIUX210]

Plus Icon Minus Icon

The core elements required to be hired in the UI/UX industry includes professional portfolio, and a LinkedIn profile. In this course, the students will create these core elements which will help them to acquire a career in UX/UI. The leaners will explore and apply the portfolio design process and components of a portfolio, write project stories, and create the artifacts to display on the portfolio. Different tools will be used to design a professional portfolio. The students will also learn to package and host an online portfolio. Potential UX careers and job search strategies will be also be explored.

Capstone Project [UIUX220]

Plus Icon Minus Icon

In this project-based course, the students will be working on a major project going through to the complete UX development life cycle, starting from research, ideation, prototyping, testing, mockup design and web design. The students will be applying the research and design skills learned in the previous courses..

Career & Employment Strategies [CES4]

Plus Icon Minus Icon

In addition to learning career-oriented skills, students learn how to get a job in their chosen profession. Our Employment Services department will assist the graduate in resume writing, as well as preparing for job interviews. Our staff is sensitive to current job market trends and the needs of employers in each local market.
Our graduates receive guidance and training to use career tools that help job seekers build a better resume and cover letter, manage an online portfolio, hone interviewing skills, and develop a personal brand online.
Students will have the use of a computer lab which has unlimited Internet access, as well as job search resources. Facilitators will also be made available to advise on job finding resources, interview skills and techniques and to carry out mock interviews.

This course also looks at the planning, preparation, execution, and follow-up stages of an interview:

  • How people find jobs
  • Employer expectations
  • Presenting an enthusiastic attitude
  • Focusing on the right job and the hidden job market
  • Transferrable skills
  • Thank you letters
  • Effective telemarketing
  • Handling objections, self-confidence, and self-esteem
  • Individual counselling and coaching

Learn today’s leading software and methodologies

Admission

Benefits of this program

Employment Opportunities

  • Regular Admissions Requirements:
    • High school graduation or equivalent from an English-language teaching institution

 

  • Mature Student Admissions:
    • 19 years of age upon starting classes
    • Pass CDI College admissions test
  • Real-world practicum experience
  • Cutting-edge skills and technologies
  • Industry-experienced instructors
  • Remote study options
  • Personalized instruction
  • Valuable insight from our career services team
  • User Experience (UX) Designer
  • Product Designer
  • UX Researcher
  • UX Manager
  • UX Designer
  • UX Designer, Design Systems
  • Information Architect
  • Web Designer
  • Web Graphic Designer
  • Interaction Designer
  • User Interface Designer
  • Digital Accessibility Specialist
  • Digital Content Creators
  • Regular Admissions Requirements:
    • High school graduation or equivalent from an English-language teaching institution

 

  • Mature Student Admissions:
    • 19 years of age upon starting classes
    • Pass CDI College admissions test
  • Real-world practicum experience
  • Cutting-edge skills and technologies
  • Industry-experienced instructors
  • Remote study options
  • Personalized instruction
  • Valuable insight from our career services team
  • User Experience (UX) Designer
  • Product Designer
  • UX Researcher
  • UX Manager
  • UX Designer
  • UX Designer, Design Systems
  • Information Architect
  • Web Designer
  • Web Graphic Designer
  • Interaction Designer
  • User Interface Designer
  • Digital Accessibility Specialist
  • Digital Content Creators
Video Thumbnail

Experience the CDI College Difference

Play IconPlay Video

Industry Certifications

Gain a distinct advantage by earning industry-recognized certifications that validate your expertise and skills in key areas such as digital marketing, project management, and CRM. Our program prepares you to succeed, whether you're advancing, switching careers, or starting your own business. Invest in yourself and join a community of certified professionals shaping the digital economy.

Hubspot Logo

Industry Leading Employers

Our extensive network and reputation for excellence ensure that graduates are in high demand in today's competitive job market. Prepare to excel in sought-after roles with renowned companies and unlock limitless career opportunities. Elevate your career trajectory and secure your future with our program tailored to meet the demands of industry leaders.

Request Information

Hear From Our Graduates

Double Quote Icon

I picked CDI College because the teachers are very involved and make sure that you know and always know what you're doing.

Emily C.

User Interface (UI) and User Experience (UI) Design Program Graduate

Double Quote Icon

Taking the User Interface (UI) and User Experience (UI) Design program has been the most fulfilling experience and has also reignited my passion for art. Thanks to all my teachers and a great facility, I was excited to be enrolled here.

Carter H.

User Interface (UI) and User Experience (UI) Design Program Graduate

Start Your Career Journey Today

Click on the button to book an appointment and:

  • Get Start Dates
  • Learn About Your Tuition and Funding Options
  • Meet An Admissions Representative for FREE One-on-One Career Advice