UI Design Foundations

    EX 1111 is offered this summer:

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.
What you will learn

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

  • Create and test prototypes to improve their design.
  • Select basic colour palettes, fonts, and royalty-free images.
  • Learn to craft UI elements like scale, emphasis, organization, motion, and colour.
  • Design using mobile-first principles and explore best practices for solving design problems.
  • Create user interfaces that are not only functional, but visually appealing and accessibility compliant.
  • Apply knowledge of accessibility principles like colour contrast, font size, and organization of visual content.
  • Understand the fundamentals of web page anatomy, such as bread crumbs, F scanning patterns, and error states.
  • Create a basic style guide and pattern library.
  • Create an effective portfolio of UI design work by utilizing different apps.
  • Communicate the details of your design to the developers who will be building it.
Course content preview:


Jul 5, 2021Aug 22, 2021
Asyn­chro­nous online learning, eClass

In asynchronous online courses, students are expected to move through the course material at the same pace as their peers, but there are no real-time virtual classroom sessions to attend. All components of this type of course are accessible through eClass, the University of Alberta’s eLearning management tool. for­mat details

Your Instructor

Najia AftabID: najia-aftab

Najia Aftab is an instructor and project management professional with more than a decade of experience in software engineering, interface design, Instructional design, and Agile principles and practices in technology, postsecondary-education, and non-governmental organizations.

Her UX/UI design expertise includes user research and evaluation as well as prototyping.

Class info
  • This is an asyn­chro­nous learn­ing course. To start your online learn­ing expe­ri­ence at the Fac­ul­ty of Exten­sion, vis­it https://​ext​-leo​.ca/​s​t​u​d​e​n​t​s​/​e​c​l​a​s​s​-​e​s​s​e​n​t​ials/
  • Cost assistance: May be eli­gi­ble for the Cana­da-Alber­ta Job Grant and the Canada Training Benefit. (view all)
    Cor­po­rate mul­ti-reg­is­tra­tion pack­ages (groups of 4 or more) are avail­able for most Exten­sion cours­es. Con­tact us at corporate.learning@ualberta.ca for pre­ferred pricing.
  • Open for registration until July 5, 2021. Register at least one week before the course start date to secure your spot. If space is available you may register until the day the course starts. Refunds, withdrawals & transfers policies
This course has no prerequisites

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

You can register for and take a course without applying and enrolling into the program.

Looking for
different course dates?

New course schedules are released each June and November.

EX 1111 is offered this summer: