Skip to main content

Course 2: Interactive media design - Course map

Foundation Topics (1–4): Core Interactive Design Skills

  1. Introduction to Interactive Digital Media

    • Overview of interactive media design and its role in enhancing user experiences.

    • Introduction to industry tools (e.g., Figma, Adobe XD).

  2. HTML, CSS, and JavaScript Basics

    • Fundamentals of web development for interactive solutions.

    • Creating simple layouts and adding interactivity.

  3. User-Centered Design Principles

    • Designing for usability, accessibility, and responsiveness.

    • Understanding target audiences and their needs.

  4. Wireframing Basics

    • Introduction to low-fidelity wireframes.

    • Tools and techniques for creating wireframes to visualise interactive designs.

Application and Ideation Topics (5–8): Preparing for Assessment 1

  1. Prototyping Tools and Techniques

    • Using tools like Figma or Adobe XD for interactive prototyping.

    • Incorporating navigation, interactions, and transitions.

  2. Design Briefs for Interactive Solutions

    • Writing a brief that outlines the project’s purpose, audience, and goals.

    • Identifying key features of the solution.

  3. Usability Heuristics and Accessibility Standards

    • Applying Nielsen’s usability principles.

    • Ensuring solutions meet accessibility standards (e.g., WCAG).

  4. Usability Evaluation and Feedback

    • Methods for evaluating wireframes for usability and accessibility.

    • Documenting and analyzing feedback to improve designs.

Assessment 1: Learners submit the Wireframes, Design Brief, and Usability Evaluation after completing this topic.

Advanced Design and Output Topics (9–12): Preparing for Assessment 2

  1. Building Functional Prototypes

    • Creating mid- to high-fidelity prototypes using industry tools.

    • Adding interactive elements such as navigation, forms, and animations.

  2. Iterative Design and Feedback Integration

    • Applying feedback to refine prototypes.

    • Documenting iterations and decision-making.

  3. Optimizing Digital Solutions

    • Optimizing assets for performance and responsiveness.

    • Preparing files for diverse platforms and devices.

  4. Reflection and Presentation

    • Writing a reflective report on the design process and final prototype.

    • Presenting prototypes to stakeholders.

Assessment 2: Learners submit the Interactive Prototype and Reflection Report after completing this topic.

Back to top