Apply Now
Parent Programme
Bachelor of Science in Computing (Level 7 NFQ)
Level 6
UX/UI Design & Usability
Reference Code: M1.4
Year 1
Semester 1
Full-Time X 3.15 Hours per week

UX/UI Design and Usability Module

Design Theory

The UX/UI Design and Usability will provide a practical understanding of various industry-accepted tools used in UI/UX.

  • Contemporary theories and standards in Interaction and Web Design
  • Principles of design for Graphical User Interfaces
  • Introduction to User Experience Design
  • Introduction to Usability Principles
  • Identify target audience types and their requirements
  • Designing for access and compatibility

UI Design - Working with Wireframes & Vector Images

  • Basic principles of vector images – how do they work? What are they used for?
  • Creating and saving vector images, drawing and editing shapes, colours, and strokes
  • Working with layers, type, gradients, brushes, symbols, and effects
  • Arranging objects and layers, grouping items, working with artboard, guides, rulers etc.
  • Editing and combining shapes and paths
  • Introduction to the pen tool
  • Importing and exporting assets

Introduction to Web Page Authoring

  • Writing and saving files for web
  • How to structure a HTML page - Semantic and non-semantic tags, creating Text blocks, Lists, Tables, Links, and Images etc.
  • HTML syntax – tags, attributes, and values
  • Meta-data and link structure in HTML
  • CSS syntax – selectors, declarations, properties, and values
  • Format and Style in CSS- using id and class, working with margins, padding, alignment, floating, positioning etc.
  • CSS Animation and media queries for dynamic and responsive design

Sourcing, Editing and Embedding Media Assets

  • Basic principles of modern Irish/European Copyright Law – How to assess or assert the copyright status of a media asset
  • Sourcing public domain assets online
  • Editing media and optimising for web publication
  • Embedding media assets in a responsive website
  • Understanding web-safe fonts

UX/UI Design and Usability - Web and App Animation

  • Core principles of animation – timing, anticipation, squash and stretch, ease in/ease out, overlapping action, follow through, staging/framing, arcs, straight ahead and pose-to-pose, secondary action, solid drawing, appeal
  • Working with key-frames
  • Using curve editor to adjust timing
  • Importing 2D assets
  • Creating bone-based animation – setting pivot points, grouping and arranging
  • sprites, setting sorting layers
  • Animating effects
  • Controlling animation via scripting

Minimum Intended Learning Outcomes (MIMLOs)

Upon successful completion of this module, the learner should be able to:
Assess how an individual user interacts with a digital information system.
Evaluate accepted design practices applicable to prototyping and creating user-centric designs and improving overall user experience.
Discuss Copyright law as it relates to sourcing media assets for web pages and applications.
Create wireframes, vector images, animations and other relevant UI elements.
Optimise graphics for integration in application and web design.
Explain current and evolving web technologies.
Use core web technologies to provide structure and layout to a front-end web interface.


3, 5, 7
CA 1 – Practical Application Project
1, 2, 3, 5, 7
CA 2 – Practical Website Project
1, 4, 6
CA 3 – Project Report

Reassessment Opportunity

Where the combined marks of the assessment and examination do not reach the pass mark the learner will be required to repeat the element of assessment that they failed. Reassessment materials will be published on Moodle after the Examination Board and will be aligned to the MIMLOs and learners will be capped at 40% unless there are personal mitigating circumstances.

Aims & Objectives

This module will introduce learners to good practice in web and app development by immersing them in concepts such as User Interface, User Experience and Usability. Learners will acquire the skills to design and structure UI, create wireframes and vector graphics and produce digital content for embedding in applications and websites that makes user interactions easy and straightforward.

This module will ensure learners meet the following objectives:

  • Understand the relationship between the concepts of User Interface and User Experience.
  • Be familiar with design tools, techniques and mark-up languages.
  • Understand the benefits of Usability and how ease of access and/or use of product or website can add to the overall User Experience.
  • Have a practical understanding of various industry-accepted tools used in UI/UX.
  • Implement web design using standard web technologies such as HTML and CSS.