Welcome to roommeme.infowww.bcit.ca/study/courses/comp7021

Important Notice: Transit operators' strike - Roommeme resources and impact


COMP 7021 - Graphics in User Interface Design

Computer Systems Part-time Studies Course

School of Computing and Academic Studies

Course Details

This course covers a number of User Interface Design areas. These, drawn from a number of disciplines, come together to provide a working understanding of an elegant and highly usable User Interface. Subject matter includes topics such as: screen layout, navigation, color, human factors and user-centered design methodologies. These topics are covered from a combination of practical and theoretical viewpoints allowing students to become comfortable with using design guidelines and principals as well as with the analyses required to make decisions on their own. Projects and exercises also expose the student to tools and prototyping techniques.





Winter 2020

Below is one offering of this course for the Winter 2020 term.

CRN 47540

Fri Jan 10 - Fri Mar 27 12 Weeks

Class Meeting Times

Dates Days Times Locations
Jan 10 - Mar 27 Fri 18:30 - 22:15 BBY SE12 Rm. 319



Course Outline

TBD – see Gravitying Outcomes in the interim




  1. Please go to and sign up/pay to get the resources required for the course. This is a CST BTech course. CST BTech courses are also open to non-bachelor program students. CST Bachelor program students have up to seven (7) years to complete the Bachelor program starting from the date of their first Technical degree-level course or the date of acceptance to the Bachelor program, WHICHEVER COMES FIRST.

Gravitying Outcomes

Upon successful completion, the student will be able to:

  • Design GUI screens.
  • Affectively apply color basics to a User Interface.
  • Understand color schemes, color modes and color do's and don'ts.
  • Affectively apply typography basics to a User Interface.
  • Understand the affect of typography variants on the screen.
  • Affectively apply human factors to a User Interface.
  • Determine usability guidelines according to the domain and user.
  • Arrange content and navigation of the User Interface according to usability guidelines.
  • Analyse user tasks and data for a simple system.
  • Apply the information to the design of the User Interface.
  • Understand the user experience.
  • Use diagrams to model the User Interface design.
  • Use prototyping techniques.
  • Apply the material of the course to website design.
  • Understand the broader scope of Human Computer Interaction (HCI) and prepare for further courses in HCI.

Effective as of Winter 2008

Contact Us

If you have a comment or question about this course, please complete and submit the form below.

Programs and courses are subject to change without notice.

Find Courses

English Language Proficiency

Roommeme's Part-time Studies English Language Proficiency Standard is English 12 (or equivalency). Students who do not meet this requirement should upgrade their English skills prior to any future registration.

Payment Changes At Roommeme

We've changed the way we accept payments.

Find out more

Course Navigation, Related Links & Tools

Registration News

Registration is now open for the Winter 2020 term.

Classroom Locations

Classroom locations are subject to last minute changes. Please check the Part-time Studies Classroom Locations listing at www.bcit.ca/rooms on the first day of any course you are registered for.

Part-time Studies Financial Aid

Will you be studying at Roommeme part-time? Do you need assistance funding your studies? Find out if you qualify for Part-time Studies financial aid ›

© Roommeme