Design Atlas
한국어
◧ Film & photo

Audience retention curve

시청 지속률 그래프

A graph of what share of viewers is still watching at each point in a video — the most direct check on whether the hook and CTA worked.

Also known as: Retention graphWatch-time curve시청 유지율
···
html
<svg viewBox="0 0 300 160" class="g" preserveAspectRatio="xMidYMid meet">
  <g stroke="var(--line)" stroke-width="1"><line x1="30" y1="130" x2="285" y2="130"/><line x1="30" y1="20" x2="30" y2="130"/></g>
  <path id="curve" d="M30 22 C45 60 55 78 80 84 S130 88 160 92 S200 112 230 118 L285 124" fill="none" stroke="var(--accent)" stroke-width="3" stroke-linecap="round" pathLength="1"/>
  <g font-size="9" fill="var(--muted)" font-family="sans-serif">
    <text x="70" y="38">훅 구간 · 초반 급락</text><text x="105" y="78">평평한 구간 → CTA</text><text x="200" y="108">중간 이탈</text></g>
  <circle id="dot" r="4" fill="var(--accent-2)"/>
</svg>
css
.g{width:92%;max-height:92%}
#curve{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 5s ease-in-out infinite}
@keyframes draw{0%{stroke-dashoffset:1}70%,100%{stroke-dashoffset:0}}
js
const c=document.getElementById('curve'),d=document.getElementById('dot'),L=c.getTotalLength();
const t0=performance.now();
(function f(t){const p=Math.min(1,((t-t0)%5000)/3500);const pt=c.getPointAtLength(L*p);d.setAttribute('cx',pt.x);d.setAttribute('cy',pt.y);requestAnimationFrame(f)})(t0);
···

Video hook훅 (후킹)

A device in the first 3–5 seconds that gives viewers a reason to stay before they leave.

···

Video call to action영상 CTA (구독·좋아요 유도)

A spoken line or on-screen element that asks viewers to act — subscribe, like, comment — from inside the video.

···

End screen엔드 스크린

The last 5–20 seconds of a video, offering next-video and subscribe elements to keep viewers going.

···

Shallow depth of field얕은 심도

Opening the aperture wider (a smaller f-number) blurs everything outside the focal plane faster — the subject stays sharp while the background melts away.

The horizontal axis is video time, the vertical axis the share of viewers still watching at that moment. YouTube Studio shows it under the audience retention tab, and most videos have a **steep early drop that then flattens.**

Three readings: an **early cliff** means the hook does not match the promise; a **flat stretch** is where viewers are held; a **mid-video drop** flags a dull scene or explanation at that point. A rise means viewers rewound to an interesting part.

Place a CTA (→ video-cta) in a **flat stretch.** Asking just before a drop makes it look like the ask caused viewers to leave — and sometimes it does.

When to use

Use it after publishing to see where viewers leave, and to adjust the hook and structure of the next video.

Open as page ↗

Suggest an entry

Tell us about a term, effect or component that’s missing. We read every suggestion.