IDG 307
Design for Digital Interfaces and UI/UX
2
Course Description
At the end of the course, students should be able to:
1. describe visual web design as it relates to enhancing usability / utility and all-round user
experience;
2. create mock-ups or wire frame using image editing software;
3. transform wireframes into a functional website; and
4. develop graphic interfaces suitable for use on digital platforms including web pages and
mobile applications.
Course Outline
The web graphic design module will involve learning to create sketches showing the overall flow
of each page and understand the theory behind image placement, font choices, and other
elements that will contribute to the look of web pages and drive user engagement. The module
also will explore and conduct exercises on how to design and place elements on digital platforms;
determine web page architecture. Students will learn to create mock-ups or wireframe using
image editing software and to transform wireframes into a functional website.
This module will focus on exploring the main principles and approaches for effective web design.
The study will approach visual web design as it relates to enhancing usability / utility and the all-
round user experience. It will conduct exercises on improving websites outlook: layout, fonts, and
images. It will teach students to create aesthetically pleasing websites.
Continuation of Design for Digital Interfaces and UI/UX I; Students will also learn to edit images
that are used on digital platforms, which can involve: resizing and cropping images, correcting
colours, and ensuring that images are correctly formatted and optimized for mobile and desktop
web browsers.