Aston Museum Interactive Guide

An interactive touchscreen kiosk designed for the Yoruba Civilisation Museum, enabling visitors of all ages to explore artifacts, navigate museum spaces, and engage with cultural history through an accessible, map-driven interface.

Role Interaction Designer · UI Designer
Scope UX Design · Wireframing · UI Design · Prototyping
Timeline Academic Project (CS3ID)

Interaction Design UX/UI Touchscreen Kiosk Cultural Heritage Figma

The Problem

Museum visitors, particularly those with varying digital literacy or physical needs, often find it difficult to navigate large exhibit spaces or access deep cultural context through static signage.

My Role

As the Interaction and UI Designer, I designed the accessibility framework, created 28+ high-fidelity wireframes, and prototyped the Hub-and-Spoke interaction model.

The Solution

An inclusive touchscreen kiosk using a map-centric design. I prioritized large touch targets (60px+), high-contrast visuals, and an auto-reset idle loop to ensure the system is always ready for the next visitor.

The Outcome

A high-fidelity prototype praised for its inclusivity and clarity. The design successfully enables users to bridge the gap between physical artifacts and digital storytelling through a simple, scalable interface.

Screens & Highlights

Interactive museum map interface — Interactive map acting as the main navigation hub

Main Hall artifact overview page — Main Hall overview with artifact cards

Artifact detail page — Centered artifact detail page with quick facts

Daily Life food and cooking section — Daily Life section — Food & Cooking module

Museum timeline interface — Timeline overview with clickable historical periods

Features

Interactive museum map with zoom and focus controls
Artifact exploration with detailed information pages
Daily Life section with sequential navigation
Timeline with click-through historical periods
Visitor information and museum support pages
Consistent back and bottom navigation across screens

Tech Stack

Figma
Interaction Design Principles
Wireframing & Prototyping
Touchscreen UX Patterns

Project Instructions

Objective: Design an interactive touchscreen kiosk interface for a museum context, focusing on accessibility and exploration.

Core Requirements

Implement Navigation: Create a "Hub and Spoke" model where the Central Map leads to specific exhibits, always allowing a return to home.
Create Attract Screen: Design a "Touch to Start" screen that loops when idle.
Build Detail Views: Ensure artifact pages show large imagery, historical context, and "Quick Facts".
Program Idle Reset: Configure the interface to auto-reset to the start screen after 2 minutes of inactivity.

UI Guidelines

Touch Targets: Make all buttons a minimum of 44x44px (recommended 60px+) for ease of use.
Contrast: Use high contrast text for visually impaired visitors.
Typography: Use large, readable sans-serif fonts. Avoid small print.

Technical Constraints

Optimize for 1920x1080 (Landscape) touch displays.
Disable default browser gestures (pinch-zoom, swipe back) to lock kiosk mode.

Prototype (Academic) Project Brief (PDF)