UI Design Foundations

    EXSM 3921 is offered this winter and 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.
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

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:

    Offered:

    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.
    Jan 10, 2022Feb 27, 2022
    Asyn­chro­nous online learning, eClass

    21 hours of instruction

    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
    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.
    Jul 4, 2022Aug 21, 2022
    Asyn­chro­nous online learning, eClass

    21 hours of instruction

    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 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

    We recommend that you apply to the program as soon as possible to lock in your course requirements as they are subject 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.

    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.

    EXSM 3921 is offered this winter and summer: