Yi – The Memory Book 印憶本 · Case Study
Case Study · Product Design

Yi - The Memory Book

Yi lets anyone turn phone photos into a customised physical photo album in five minutes. Merging two steps into one to rescue the upload flow lifted task completion from 45% to 81%, and cut the abandon rate by more than half.

My role Product Designer (lead)
Timeline 2020–2022
Platform iOS & Android · Photo Book
Focus Upload & layout flow
Task completion rate
45% 81%
Abandon rate
55% 17%
The product

Five minutes, from camera roll to keepsake

Yi picks the best shots, lays them out automatically, and lets people fine-tune every spread before ordering a printed album delivered to their door.

The magic depended on one thing: getting photos into the book. That was exactly where people were falling off.

The problem

Users got stuck at the upload step, unsure how to continue

55%

of new users abandoned the flow before a single book was created.

2 steps

Upload and layout lived on separate screens, a dead-end pause with no visible next action.

“Now what?”

The most common support phrase. After uploading, people didn't know the book was being built.

Before · Upload screen with no obvious continuation

“I picked my photos… and then the screen just sat there. I closed the app.”

— Recurring theme across 8 of 12 usability sessions
What research told us

The gap wasn't the upload, it was the silence after it

Funnel analysis

The steepest single drop in the entire funnel sat between "photos selected" and "layout started", a screen transition users never reached.

Session replays

Users tapped repeatedly, waited, then exited. The system was working, building the layout, but gave no sign of it.

Usability sessions

People expected editing and uploading to be the same moment. Splitting them broke their mental model of "making a book."

The insight

Don't add instructions to a dead screen, remove the screen. Merge upload into the layout the user came to see.

The solution

One continuous flow: upload and layout become the same step

Photos now flow straight into a live layout. As images sync, spreads fill in front of the user, so uploading and editing feel like a single, uninterrupted act of making the book.

1 · Photos sync with live feedback
2 · Edit the spread in place
3 · Swap any photo instantly
Before / after

Two screens collapse into one moment

Before
01Select photos on a standalone screen
02Silent processing, no visible progress
03Separate hand-off to a layout screen
Many users never made it past step 2
After
01Photos flow straight into a live layout
02Sync progress is visible spread by spread
03Editing begins in the same breath
81% now reach a finished book
Working with engineering

Maximising UX inside the framework we already had

Merging two screens sounds simple, but the upload and layout modules were built as separate view controllers with their own data lifecycles. Rather than push for a costly rebuild, I partnered closely with engineering to find the highest-impact UX we could ship on the existing architecture.

2wks

We had a hard two-week window before release. That deadline shaped every call, we optimised as far as the team could realistically ship in the time, not as far as an ideal rebuild would go.

Constraint Two modules couldn't be truly merged

Upload and layout were separate controllers. A real merge meant re-architecting state management, weeks of work we couldn't justify.

What we shipped instead Made the seam invisible

We kept the two controllers but removed the visible hand-off, a shared transition and live progress made it feel like one continuous step.

01
Reused the layout screen as the destination

Instead of a new merged screen, upload now pushes directly into the existing layout view, no new component, no new data model.

02
Surfaced the existing sync state as UI

The upload progress was already tracked in code, it just wasn't shown. We bound it to a live per-spread indicator, turning silent processing into visible feedback for near-zero cost.

03
Prioritised by effort vs. impact together

In a shared session we mapped each idea on an effort/impact grid. The invisible-seam approach was low effort, high impact, so it shipped first, ahead of the full rebuild.

04
Validated in QA before release, then committed

We ran the merged flow against the old one in internal QA testing, same task, same devices. Once the completion lift was clear, it went into the release, no risky guesswork.

“We didn't need to rebuild the flow to fix it, we needed to make the boundary between two screens disappear.”

Impact

Merging the steps paid off across the funnel

+36pt
Task completion rate 45% → 81%
−38pt
Abandon rate 55% → 17%
1screen
Removed from the flow Two steps → one
How we measured it

Every number came from a defined method

We paired structured task testing with attitudinal measures so the story held up from both sides, behaviour and perception.

Internal QA testing 45% → 81% task completion

Task completion and abandon rates came from scripted QA runs: the same "make a book" task performed on the old and new flow across the same device set, pass/fail recorded per run.

Funnel analytics event tracking

Step-by-step events (photos selected → layout started → book completed) pinpointed exactly where drop-off happened, before and after.

SUS survey 68 → 82

The System Usability Scale rose from an "OK" 68 to an "excellent" 82, confirming the flow felt easier, not just measured faster.

Moderated usability 12 sessions

Think-aloud sessions surfaced the "now what?" moment and validated the fix, the qualitative why behind the numbers.

User sentiment

Higher praise from the people who finish

As more people made it through to a finished book, App Store sentiment climbed with them, reviews increasingly called out how effortless the layout step had become.

4.1 Before
4.8 / 5 After the redesign
The redesigned flow

Screen by screen

Sync feedback
Edit the spread
Finished book preview
Move a photo by entering a page number
Or drag it onto the target spread
Add or remove pages, with the minimum order length locked
Yi

A five-minute path from camera roll to a printed keepsake, now finished by four out of five people who start.

Product Design Case Study Yi · Photo Book