Skip to content
refs
REF-1285Source onlineBlueprint rev 01

Expandable Action Dock

A silent square UI motion study turns a four-icon phone dock into an 11-action tray, then repeats the reveal.

Maker @HeyAliuxOriginal post ↗
Cut timeline · 1 shots00:08
00:0000:0200:0400:0600:08

Field notes / why it works

The compact four-icon dock establishes a clear before state at 0:00, and the brightening plus leads to a readable 11-action tray by about 1.25 seconds. Repeating the open/close cycle by 2.75 seconds gives viewers another chance to inspect the morph within an 8.23-second clip; the locked phone framing keeps attention on the control.

01

Plate 01 / The format in one breath

A silent, square product-motion specimen shows a floating phone dock changing from four navigation icons plus a round action button into a larger utility tray. The first reveal arrives around 1.0–1.25 seconds; the return and repeat invite the viewer to inspect the details.

Why it works

  • The default dock is readable at 0.00 s, so the viewer understands the before state before the plus turns bright at 1.00 s.
  • A single tap exposes 11 labelled actions by 1.25 s, giving the expansion a clear visual payoff without explanatory copy.
  • The open/closed demonstration repeats within 8.2 seconds, letting the viewer catch the morph and inspect the tray. The post had 60,870 views and 1,358 likes when measured; those figures show interest but do not prove why it spread.
02

Plate 02 / Format card

Platform · aspect · lengthX · 1:1 · 720 × 720 · 8.23 s · 60.12 fps
Pace1 continuous shot · 0 cuts/min · measured 1 discrete in-shot change, at 5.45 s · 7.3 discrete picture changes/min; continuous UI motion is visible earlier
ScriptNo spoken or caption script; interface labels carry the information
VoiceNone
On screen100% designed mobile UI shown inside a centered phone mockup
CaptionsNone; compact white interface labels under each expanded icon
SoundNo audio track: no voice, music, or effects
StructureDefault → first expansion → collapse → second expansion → return; visible sampled states at 0.00, 1.25, 2.25, 2.75, 4.10, and 5.80 s

Pro / 13 plates + recipe

The first plates are open. The full dissection is Pro.

Get the timed shots, type and sound specs, and the runnable recipe.

Open the full blueprint
  1. Plate 03 / The hook, frame by frame (first 2.75 seconds)Pro
  2. Plate 04 / Structure (beat sheet)Pro
  3. Plate 05 / Shot grammarPro
  4. Plate 06 / Visual style guidePro
  5. Plate 07 / Voice and deliveryPro
  6. Plate 08 / Sound designPro
  7. Plate 09 / PackagingPro
  8. Plate 10 / Script templatePro
  9. Plate 11 / Production planPro
  10. Plate 12 / PromptsPro
  11. Plate 13 / Edit recipePro
  12. Plate 14 / QA checklistPro
  13. Plate 15 / Make it yoursPro
  14. Recipe / runnable promptPro