Modules

Core Module Information
Module title: Designing the Visual Interface
SCQF level: 09:
SCQF credit value: 20.00
ECTS credit value: 10
Module code: CSI09103
Module leader: Tanis Grandison
School School of Computing, Engineering and the Built Environment
Subject area group: Applied Informatics
Prerequisites

Requisites: AND Pre-requisite: A working understanding of HTML5 and CSS AND Pre-requisite: [Module IMD07102] Being Digital
Description of module content:

This module will give you a critical understanding of the challenges involved in designing the visual interface for contemporary digital technology. You will develop a deeper understanding of the user experience building on knowledge gained in your earlier studies.This module will give you a critical understanding of the challenges involved in designing the visual interface for contemporary digital technology. You will develop a deeper understanding of the user experience building on knowledge gained in your earlier studies and cover topics such as layout, UX writing and good design practices. You will have the opportunity to develop digital prototypes and gain peer feedback on your designs. You will be required to employ a multidisciplinary approach to the module exploring both theories around visual interface design and putting that knowledge to practice by building a visual interface prototype. You will also gain key skills in developing a Literature Review which will prepare you for your Honours project
Learning Outcomes for module:

Upon completion of this module you will be able to

LO1: Design and develop a responsive interface for use within mobile and web technologies.

LO2: Demonstrate critical awareness of the psychology of use and interaction with the Visual Interface.

LO3: Critically evaluate psychological features (e.g. surprise, empathy, trust) of digital interface design.

LO4: Develop a Literature Review appropriate for an Honours Project.
Full Details of Teaching and Assessment
2025/6, Trimester 2, In Person,
VIEW FULL DETAILS
Occurrence: 001
Primary mode of delivery: In Person
Location of delivery: MERCHISTON
Partner:
Member of staff responsible for delivering module: Tanis Grandison
Module Organiser:


Student Activity (Notional Equivalent Study Hours (NESH))
Mode of activityLearning & Teaching ActivityNESH (Study Hours)NESH Description
Face To Face Lecture 20 Over the course of 10 weeks lectures will cover key topics around visual interface designs. Lectures may also include invite guest speakers from industry to discuss their practices. The topics covered in the lectures will underpin the theoretical aspects of your coursework submissions.
Face To Face Practical classes and workshops 20 Practical classes and workshops will build on the theoretical topics covered in lectures by applying them practically in design scenarios. Each week different challenges connected to the topics will be given to student to work on and complete in their own self directed time too. The practical sessions will also give students the opportunity to work on elements of their coursework submission and get technical support from teaching staff.
Online Guided independent study 160 Guided independent study will allow you to further engage with materials covered in the lectures through the suggested reading materials. Challenges given in practical sessions can be further worked on in this time to hone your design knowledge and skills.
Total Study Hours200
Expected Total Study Hours for Module200


Assessment
Type of Assessment Weighting % LOs covered Week due Length in Hours/Words Description
Project - Practical 60 1~2~3 Week 10 HOURS= 60 hour This assessment will ask you to develop a working prototype of your proposed experience using Figma.
Essay 40 2~3~4 Exam Period , WORDS= 2000 words This essay will ask you to explore beyond the screen technologies with reference to your coursework one submission.
Component 1 subtotal: 60
Component 2 subtotal: 40
Module subtotal: 100

Indicative References and Reading List - URL:
CSI09103 Designing the Visual Interface
 

Related information