UI Design Foundations

The user inter­face (UI) is the point where your users inter­act with your website/​app. In this course, you’ll learn the fun­da­men­tals of UI design. You will learn the UI design process includ­ing sto­ry­telling, sketch­ing, and pro­to­typ­ing, and how the user expe­ri­ences these on the front end. Under­stand how data visu­al­iza­tion and web design, impacts brand­ing, visu­al iden­ti­ty, and acces­si­bil­i­ty. By the end of this course, you’ll be able to artic­u­late the design process and how this influ­ences the user experience.
Course at a glance
  • Learn through interactive group discussions, analytical activities, and assignments.
  • Gain valuable hands-on experience and develop skills in areas such as visual design, typography, colour theory, and design accessibility.
  • Aimed at learners looking to get into the design field of User Interface (UI), upskill, or develop new skills, this program will be particularly relevant to those who are graphic designers, digital marketers, computer programmers, business and agency owners, entrepreneurs, and technology startups, as well as managers and team leads who work with designers.
  • Fully online asynchronous course accessible through eClass, the University of Alberta’s eLearning management tool.
What you will learn

Course content covers these career-enhancing skills:

Click on a skill for overview & job postings data

By the end of this course, you should be able to:

  • Understand elements of visual design and design inception basics.
  • Understand the psychology behind typography and colour theory.
  • Design using mobile-first principles.
  • Follow best practices for solving design problems.
  • Create user interfaces that are not only functional but also visually appealing and accessibility-compliant.
  • Understand fundamentals of web page anatomy such as breadcrumbs, F-shaped scanning patterns, and error states.
  • Create a basic style guide.
  • Create and test prototypes.
    Course content preview:
    This course has no prerequisites

    Students from all educational backgrounds welcome. You can register for this course without applying and enrolling in a program.

    Take note:

    • To participate in the activities of this course, you’ll need to sign up for the free version of the Adobe XD design tool.
    • All required learning materials are provided through eClass at no additional cost.
    Currently counts towards:

    Applicants intending to enrol in a program are encouraged to apply as soon as possible to lock in their course requirements since they are prone to change.

    *If you are already enroled in this program, please refer to your specific program requirements as outlined at the time of your admission: Bear Tracks > Academic Advisement.

    When will
    this course be offered?

    New course schedules are released each June and November.

    Course not yet scheduled

    This course is not currently scheduled, but may be offered in an upcoming term.

    New course schedules are announced each June and November.


    Sign up for updates

    Interested in future offerings of this course? We can let you know when this course becomes available.