← Cycles
design · c96archivedstarted Sep 25Auto draft — not yet reviewed

Page Evolution

Why we did this

Screenshots of the same page piled up across cycles under different names, with nothing tying them together, so nobody could see how a page had changed.

What happened

Every capture now names the page it shows. A new view lines up each page's history and compares any two moments by wipe, fade or side by side.

Before → afterThe Teams page can now be followed from its first mock-up to the live app, and any two moments compared.
At a glance
4
changes
0
conversations
7
decisions
0
outside helpers

What changed

The two changes that matter most, in plain words. Open any one to see it.

  1. 1

    The Teams page can now be followed from its first mock-up to the live app, and any two moments compared.

    Six moments of one page · came from Mark Parsonopen →

  2. 2

    Each page gets a strip of its moments over a stage that wipes, fades or sets two side by side.

    A timeline with a compare stage · came from Mark Parsonopen →

Also in this cycle
  • An index lists every page and part that has screenshots, with its first and latest side by side. New in this cycle
  • A page's address is the wrong label for it, and screenshots left in temporary folders are history lost. In words

How we got here

Each change, traced back to the conversation it came from. A solid mark means the record names the source; a dashed one was matched by the draft and waits for review.

Someone said

From the record: no recorded conversation behind this one.

We decided

c96-D1 Each capture carries one subject label with a kind prefix, like a page or a component. — Mark Parson

c96-D2 Captures from the real app join the mock-up's subject, so mock, preview and app sit on one timeline. — Mark Parson

So now

The Teams page can now be followed from its first mock-up to the live app, and any two moments compared.

Someone said

From the record: no recorded conversation behind this one.

We decided

c96-D4 The view lives under the cycles pages, not as a new top-level section. — Mark Parson

c96-D5 Build the compare and lightbox parts on the design site first, and move them to the layer later. — Mark Parson

So now

Each page gets a strip of its moments over a stage that wipes, fades or sets two side by side.

Thanks to

People outside Qpoint first. Every thank-you points at something they said or made.

MP
Mark Parson
Qpoint team

Asked to follow one page through time

His question, clearer separation between old and new screenshots and then a way to see one page's evolution, started the cycle; he ruled its seven design choices the same day.

All images

Every picture from this cycle. Click any one to step through them all.

The pairs

Six moments of one pageBefore → after
→
A timeline with a compare stageNew in this cycle
Every page with a historyNew in this cycle

Everything captured · 3

The full record 7 decisions · 3 key-change entries · 1,067 words · 3 captures

The record stays as written, for agents and for audit: Key Changes, every decision, the artifacts and the visual record.

Open the record for c96 →

Qpoint Brand Style Guide