ID412BKK
Data Visualisation for Digital Products
Faculty
Tiziana Alocci
founder and creative director at NECESSITY.INK,
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
Overview
This course explores the intersection of data visualisation and digital products, focusing on data visualisation for responsive dashboards and small-screen interfaces (from mobile to smartwatch). Through hands-on sessions, students will learn to structure, clean and visualise data effectively using Figma and RAWGraphs. They will explore chart selection, visual hierarchy, data visualisation and interactive elements to create intuitive dashboards.
Working in teams, participants will design a fully responsive dashboard, adapting visualisations for multiple devices while applying best practices in data visualisation, accessibility, responsiveness and usability. The course includes lectures, practical exercises, chartability testing and iterative design processes, culminating in a final presentation.
By the end, students will master data visualisation for digital products, gaining the skills to build engaging, interactive visualisations for real-world applications.
Learning highlights
- Fundamentals of Data Visualisation – Learn how to structure, clean, and visualise data effectively.
- Chart Selection & Visual Encoding – Apply best practices in choosing the right visual representation for different data types.
- Data Visualisation for UI/UX – Design dashboards and micro-visualisations for various screen sizes.
- Prototyping & Testing – Create high-fidelity data-driven prototypes and refine them based on user feedback.
- Project Development – Collaborate in teams to design and present a fully responsive data visualisation dashboard.
Course outline
15 classes
Session 1
What is data visualisation? Why does it matter in digital products?
Course structure and expectations.
Session 2
User-centered data visualisation: How do people read and interact with data on small screens?
Cognitive load, perception, and decision-making in dashboards.
Session 3
Overview of structured vs. unstructured data.
Data cleaning basics: handling missing data, choosing relevant fields/variables.
Session 4
How to choose the right chart for the right data?
Hierarchy, affordance, and visual storytelling.
Session 5
Designing for different screens: web, mobile, smartwatch.
Contrast, spacing, color, and typography for readability.
Session 6
Color psychology and accessibility in data visualisation.
How typography affects data readability.
Session 7
How users interact with dashboards: filters, hover states, drill-downs?
Responsive design for multiple screens.
Session 8
Best practices for prototyping interactive data visualisations.
Session 9
Usability testing methodologies for dashboards.
Project Milestone: Teams refine designs based on feedback.
Session 10
Milestone Presentation.
Project Milestone: Refine based on feedback, and prepare for the final design phase.
Session 11
How to make visualisations intuitive and effective?
Simplification vs. oversimplification.
Session 12
Using motion, transitions, and subtle animations in data dashboards.
Session 13
How to present a data-driven project effectively?
Storytelling with data.
Session 14
Teams do a mock presentation and receive final feedback.
Session 15
Final Project Presentations
Course Wrap-Up: Reflecting on the learning experience. Q&A, discussion on real-world applications, next steps.
Course materials
Books
Media
Prerequisites
Beginner to Intermediate (no programming skills required).
While a background in graphic design and data visualisation is helpful, it is not mandatory.
Tools to Download & Explore Before the Course: Figma – figma.com (Sign up for a free account and explore the interface)
Example Dashboards to Look At: Strava Running Dashboard – Analyse how Strava visualises running data in a web/mobile app. Apple Health & Garmin Connect – Look at how health data is structured and displayed on small screens.
Methodology
Lectures – Short, interactive sessions introducing key concepts in data visualisation, dashboards, and best practices for digital interfaces.
Workshops & Tutorial – Hands-on technical sessions using Figma & RAWGraphs to create and refine data visualisations.
Exercises – Daily practical assignments focusing on chart selection, data research, and small-screen adaptation.
Group Work – Students collaborate in small teams to design a fully responsive data dashboard.
Usability Testing & Feedback – Peer and instructor reviews to refine and improve design decisions.
Final Presentation – Teams showcase their project, explaining design choices, interactivity, and usability considerations.
Grading
Tiziana Alocci is an award-winning data visualization artist, designer, and creative director based in London. With over a decade of experience in transforming complex datasets into compelling visual narratives, she specializes in data-driven storytelling, digital experiences, and immersive data art.
As the founder of NECESSITY, a female-led data visualization studio, Tiziana collaborates with leading brands, museum institutions, and publications, bringing a unique approach that merges design, technology, and emotion. Her work has been exhibited internationally and commissioned by The National Gallery, Lufthansa Group, The British Library, Unit London, and Condenast, blending scientific precision with artistic expression to craft impactful visual experiences.
See full profileApply for this course
Data Visualisation for Digital Products
by Tiziana Alocci
Total hours
45 Hours
Dates
May 19 - Jun 06, 2025
Fee for single course
€1500
Fee for degree students
€750
How to secure your spot
Complete the form below to kickstart your application
Schedule your Harbour.Space interview
If successful, get ready to join us on campus
FAQ
Will I receive a certificate after completion?
Yes. Upon completion of the course, you will receive a certificate signed by the director of the program your course belonged to.
Do I need a visa?
This depends on your case. Please check with the Spanish or Thai consulate in your country of residence about visa requirements. We will do our part to provide you with the necessary documents, such as the Certificate of Enrollment.
Can I get a discount?
Yes. The easiest way to enroll in a course at a discounted price is to register for multiple courses. Registering for multiple courses will reduce the cost per individual course. Please ask the Admissions Office for more information about the other kinds of discounts we offer and what you can do to receive one.