UX/UI Design / Interaction Design

Memory

Music × Photos × Memory is a UX/UI case study exploring how a time-based interface can connect albums, songs and photographs into an accessible structure for autobiographical memory.

Role

Independent Designer

Discipline

UX/UI Design · Interaction Design

Process

Research · Interaction · UI System

Research Theme

Music · Photography · Autobiographical Memory

Circular time navigation focused on 2017 with a transparent album case

Time-based archive

Year → Album → Song → Photo → Memory

The interface turns time, music and photographs into a spatial path through personal memories.

01 / Project Overview

Music as a gateway to personal memories.

Music is more than content we play. It can also become a way back into moments we have lived.

The project uses time as an index and albums as an organising structure, linking songs with personal photographs. Users can enter albums from different years, browse songs, reveal associated images and revisit memories through music and visual content.

It shifts the familiar music-platform experience away from playback, search and recommendation toward the exploration of personal memories.

From listening to remembering.

02 / Background & Research

Music is everywhere. Memories remain fragmented.

A song can become attached to a particular time, person, place or emotion, yet most music products do not preserve the life context surrounding it.

Research Question

How might interaction design transform everyday music listening into an accessible and evolving structure of personal memories?

Early spatial sketch connecting music, photographs and a circular record form

Research foundation

2007 · MEAMs

Music and autobiographical memory

The study supports the potential of music to act as a cue for personal experiences and emotions.

Source ↗

2009 · Neural architecture

Familiar music and memory retrieval

The research provides evidence connecting familiar music, autobiographical memories and brain activity.

Source ↗

2023 · Review

Music as a memory cue

A systematic review further supports familiar music as a potential cue for autobiographical memory.

Source ↗

2022 · Visual cues

Music and image-triggered memories

Both music and images can trigger autobiographical memories, providing context for combining the two media.

Source ↗

Research methodology

01 · 15 Participants

Semi-structured Interviews

Interviews explored everyday listening habits, emotional experiences, connections between music and personal events, and the cues people use when recalling the past.

02

Contextual Co-creation

Listening scenarios prompted participants to reflect on associations formed across different times, places and emotional states.

03

Low-fidelity Prototyping & Testing

Early prototypes explored ways of organising memories, connecting content and moving from music into personal moments.

04

Research Synthesis

Findings were organised around the relationships between music, emotion, time and personal content.

Interview data · 15 participants

Patterns across listening, memory and personal archives.

Counts are drawn directly from the interview records. Categories may overlap where one participant described more than one context or type of memory.

01 / Participant Overview

Age and occupation

Each point represents one participant. Point size follows age; role labels preserve the descriptions recorded in the interviews.

Explore a point or role to see its verified count and share.

02 / Listening & Memory Patterns

Where listening happens and what people need

Multiple responses are counted across listening contexts and memory associations, so percentages within a group can exceed 100%.

Explore a line or point to see the count, percentage and supporting participant IDs.

03 / Research Findings

Listening, remembering and organising are closely connected.

The interviews, contextual co-creation sessions and prototype testing revealed how music can lead people back to personal situations, and what forms of context help those memories become easier to revisit.

Research Synthesis

From Insights to Design

Four recurring patterns translated interview evidence into a clear interaction structure for reconnecting music, photographs and personal memory.

01 / Insight

Music as a Memory Trigger

15 of 15 participants connected music with personal memories.

Music repeatedly brought back particular times, places, people and emotions.

Design Response

Use Songs as Entry Points

Connect each song with a specific time, photographs and personal memories.

02 / Insight

Fragmented Personal Memories

15 of 15 participants stored music and photographs separately.

Music and photographs were stored in separate systems, weakening their original context.

Design Response

Connect Existing Music and Photographs

Link content people already have and reduce searching across separate platforms.

03 / Insight

High Recording Effort

15 of 15 participants wanted fewer manual recording steps.

Manual tagging, pairing and maintenance made memory capture feel burdensome.

Design Response

Minimise Manual Operations

Reduce the actions needed to add, record and organise a memory.

04 / Insight

Memory as an Evolving Archive

4 of 15 participants explicitly described flexible reorganisation needs.

Participants described memories that change, expand and need flexible reorganisation over time.

Design Response

Build a Time-based Personal Archive

Organise an evolving collection through years, albums, songs and photographs.

YearAlbumSongPhotograph

04 / Concept Exploration

From abstract memories to tangible interactions.

Early directions included music diaries, memory timelines, reveal and restoration metaphors, and direct music-photo associations.

Music Diary

Supports everyday accumulation while raising questions about the effort required for continuous recording.

Memory Timeline

Organises songs and photographs across time to express continuity between memories.

Memory Restoration

Uses reveal and restoration gestures to make the reappearance of memory perceptible.

Music & Photo Association

Brings listening and visual material together within the same memory experience.

Selected direction: a time-based music memory collection.

01

Contextual Binding

Connect music, time, photographs and personal content with a low-effort association model.

02

Active Recall

Use rotation, selection, browsing and expansion to make memory exploration participatory.

03

Continuous Accumulation

Support ongoing organisation through time indexes and album collections.

Balance

Expression & Clarity

Balance expressive spatial interaction with the clarity required for everyday use.

05 / Interaction Framework

From music to memory.

Four connected actions move from a point in time to the photographs associated with a song.

Circular timeline interface for choosing a year
01Year Selection

Rotate through the timeline and choose a year.

Transparent album cases expanding from the selected year
02Album Expansion

Open the selected year to reveal its albums.

A selected song within the layered album list
03Song Selection

Browse the album and select a song.

Photographs expanding from the selected song
04Photo Experience

Reveal the photographs connected with the song.

Memory Experience

The result is the relationship created across time, music and photographs. It is the outcome of the four-step path rather than a separate fifth interface.

06 / Visual & Spatial Design

A digital archive with physical presence.

Transparent material, records, circular time structures and layered cards give digital content the spatial qualities of a collection.

Navigation

Circular Timeline

A circular structure creates a continuous spatial index across different years.

Collection

Transparent Album Cases

Clear acrylic cases retain visual depth while reinforcing the idea of music as a personal collection.

Depth

Layered Music Cards

Depth, occlusion and scale express continuity while keeping the active song visible.

Reveal

Expanding Photo Collection

Photographs fan outward from a layered state, creating a gradual transition into visual context.

Song cards arranged continuously along spatial depth

Design Exploration & Iteration

From music object to memory structure.

01 / Early directions

Testing the language of music media.

Early sketches compared Plans A–E, moving between stacked albums, scattered photographs, circular records and text-led interfaces. The studies were intentionally broad: they tested how people might enter, browse and expand a memory collection before the project had a fixed visual system. A later flow clarified how album, track and photograph states could connect.

Early interface brainstorm showing Plans A to C
Plans A–C · layout and navigation studies
Early interface brainstorm showing Plans D and E
Plans D–E · spatial and circular studies
Interaction proposal with clearer annotations for Pages 1 to 5
Interaction flow · album, track and photograph states

02 / Motion studies

Testing movement, then rejecting visual weight.

A disc-player interface introduced a recognisable music object, but repeated Page 2 studies made the experience feel heavy, rigid and too traditional. Scheme 01 then used C4D to test three-dimensional album arrangement and expansion. A separate Gemini inspiration video extended the motion exploration, yet the result still prioritised spectacle over the memory relationship the project needed to express.

01 / Discarded Direction

Disc-player Interface Study

Abandoned disc-player interface direction
Discarded direction · disc-player interface

02 / Scheme 01 — C4D Exploration

Album Arrangement and Motion Test

C4D study of three-dimensional album arrangement
Scheme 01 · C4D album arrangement study
Scheme 01 · initial C4D motion test

03 / Gemini Motion Exploration

Independent Motion Reference

Gemini inspiration · motion reference

03 / Final direction

Making time the organising principle.

The final direction shifted attention away from a literal player and towards the relationship between year, music and personal memory. A circular timeline became the entry point, while albums and photographs occupied a shared spatial system. The interface now uses the familiar form of a record without allowing the object itself to dominate the experience.

Final direction using a circular year timeline and album collection
Selected direction · year, album and personal memory

Tablet system views

Spatial relationships at a wider scale.

These renderings show the song, photograph and album systems across the tablet interface.

Tablet rendering of layered song and photograph cards
Song and photo association
Tablet rendering of the circular year and album interface
Timeline and album collection

07 / Final Experience

From a song to its surrounding moments.

The experience moves from year to album, from song selection to associated photographs, and finally into a focused memory image.

The walkthrough ends with a focused memory experience, completing one continuous path from time and music to its photographic context.

VIDEO REQUIREDPrototype Walkthrough — Year → Album → Song → Photo
VIDEO REQUIREDInteraction Detail — Selection, Expansion and Memory Transitions

08 / Reflection

Beyond music playback.

The project does not aim to create a more efficient music player. It explores another role for music: a medium for accessing personal memories.

Through research, concept exploration and interaction prototyping, the project organises fragmented music and photographs into a time-based memory system. Records, transparent materials and spatial layering make its content relationships more tangible.

Further work needs to examine the balance between expressive interaction and everyday clarity, as well as how people might add, edit and manage an expanding personal archive over time.

Music can be a way back to moments we have lived.

Next direction

Architectural Design ↗