AvoidAd
게임하러 가기 Play the game ゲームで遊ぶ 开始游戏

다크패턴 도감

광고가 당신을 실수하게 만드는 다섯 가지 방법, 그리고 대응법.

광고를 닫으려다 실수로 눌러본 적이 있을 겁니다. 손이 느려서가 아닙니다. 그렇게 설계된 것입니다. 이런 설계를 다크패턴(dark pattern)이라 부릅니다. 사용자가 원하지 않는 행동을 하도록 인터페이스를 의도적으로 비틀어 놓은 것이죠.

AvoidAd는 이 패턴들을 게임 규칙으로 바꾼 것입니다. 아래는 게임에 나오는 각 광고가 현실의 어떤 수법을 본뜬 것인지, 그리고 실제로 마주쳤을 때 어떻게 해야 하는지 정리한 내용입니다.


1. 움직이는 표적

게임 속: 기본 광고 · 러너

닫기 버튼을 누르려는 순간 광고가 움직입니다. 현실에서는 보통 이렇게 나타납니다 — 페이지가 로딩되면서 레이아웃이 밀려 손가락이 향하던 자리에 갑자기 광고가 들어옵니다.

악의 없는 성능 문제일 때도 있지만, 의도적으로 늦게 삽입해 오클릭을 유도하는 경우도 많습니다. 구글이 레이아웃 이동(CLS)을 검색 순위 지표로 삼은 이유이기도 합니다.

대응

2. 가짜 닫기 버튼

게임 속: 미끼 광고 — ✕ 세 개 중 하나만 진짜

광고 안에 ✕가 여러 개 있고, 진짜는 하나뿐입니다. 나머지를 누르면 광고주 페이지로 넘어갑니다. 모바일 게임 광고에서 특히 흔한데, 가짜 ✕를 1~2픽셀 어긋나게 배치하거나 실제 클릭 영역을 버튼 바깥으로 넓혀두는 식입니다.

대응

3. 강제 카운트다운

게임 속: 빨간 광고 — 카운트다운이 끝나야 닫힌다

"5초 후 건너뛰기". 광고를 강제로 보게 만드는 가장 노골적인 방식입니다. 문제는 카운트다운이 끝난 뒤에도 닫기 버튼이 몇 초 더 숨어 있거나, 숫자가 끝나는 순간 버튼 위치가 바뀌는 변형입니다.

기다리는 동안 사용자는 화면을 계속 응시하게 되는데, 이게 노출 시간을 늘리는 목적 그 자체입니다.

대응

4. 히드라 — 닫으면 늘어난다

게임 속: 분열 광고 · 본문 클릭 시 1개 증식

팝업을 닫았더니 두 개가 더 뜹니다. 팝언더(pop-under), 연쇄 리다이렉트가 대표적입니다. 불법 스트리밍이나 파일 공유 사이트에서 흔하고, 닫기 동작 자체를 새 창을 여는 트리거로 삼습니다.

대응

5. 너무 작은 ✕

게임 속: 모든 광고의 ✕ 버튼

닫기 버튼이 손가락보다 작습니다. 모바일 접근성 지침은 터치 대상을 최소 44×44픽셀로 권고하는데, 광고의 ✕는 그 절반도 안 되는 경우가 많습니다. 배경과 같은 색이거나 반투명한 변형도 있습니다.

작게 만들수록 빗나갈 확률이 오르고, 빗나간 클릭은 곧 광고 클릭입니다. 실수가 수익이 되는 구조입니다.

대응


왜 게임으로 만들었나

이 패턴들은 하나씩 보면 사소합니다. 그런데 한 화면에 동시에 걸리면 정말로 이길 수 없다는 걸 체감하게 됩니다. 설명보다 직접 당해보는 쪽이 빠르다고 생각해서 게임으로 만들었습니다.

게임에서는 ✕만 유효타입니다. 본문을 잘못 누르면 광고가 "열리고" 하나가 더 튀어나옵니다. 화면이 광고로 가득 차면 끝입니다. 가만히 있으면 13초 만에 집니다.

이 사이트의 광고에 대해. 화면 양옆의 광고는 진짜입니다. 게임 영역과 완전히 분리해 두었고, 게임 속 광고 창은 그 영역을 넘어오지 않습니다. 실수로 눌리게 만드는 배치는 이 글의 주제와 정면으로 어긋나므로 쓰지 않습니다.

게임하러 가기

The Dark Pattern Field Guide

Five ways ads are built to make you slip — and what to do about it.

You have clicked an ad while trying to close it. That is not clumsiness. It was designed that way. These designs are called dark patterns: interfaces deliberately bent so that users do something they did not intend.

AvoidAd turns those patterns into game rules. Below is what each ad type in the game is imitating, and what actually helps when you meet the real thing.


1. The moving target

In game: normal ads · runners

The ad shifts the instant you reach for the close button. In the wild this usually shows up as layout shift — the page finishes loading, everything jumps, and an ad lands exactly where your finger was already heading.

Sometimes it is an innocent performance problem. Often it is deliberate: inject late, harvest the mis-taps. It is one reason Google made Cumulative Layout Shift a ranking signal.

What helps

2. The fake close button

In game: decoy ads — three ✕, only one real

An ad shows several ✕ marks and only one closes it. The others open the advertiser's page. This is rampant in mobile game ads, often with the fake ✕ offset by a pixel or two, or with the real tap area extending well past the visible button.

What helps

3. The forced countdown

In game: red ads — the countdown must finish

"Skip in 5." The bluntest way to make you watch. The nasty variants keep the close button hidden for a few seconds after the timer ends, or move it the moment the number hits zero.

While you wait, you stare at the screen. That staring is the product.

What helps

4. The hydra

In game: splitters · hitting the body spawns one more

You close one popup and two more appear. Pop-unders and redirect chains are the classic form, common on streaming and file-sharing sites, where the act of closing is itself the trigger for opening something new.

What helps

5. The ✕ that is too small

In game: every ad's close button

The close button is smaller than a fingertip. Mobile accessibility guidance puts the minimum touch target at 44×44 pixels; ad close buttons are routinely less than half that, sometimes tinted to match the background or left semi-transparent.

Smaller target, more misses — and a miss is a click. The mistake is the revenue.

What helps


Why make a game out of it

Any one of these is minor. Stacked on a single screen, they become genuinely unwinnable — and that is easier to feel than to read about. So it became a game.

In it, only the ✕ counts. Hit the body instead and the ad "opens," spawning one more. Let the screen fill and you lose. Do nothing at all and you last about thirteen seconds.

About the ads on this site. The ones along the edges are real. They sit outside the play area, and the game's ad windows never cross into them. Placing ads where they collect accidental clicks would contradict the entire point of this page, so we do not.

Play the game

ダークパターン図鑑

広告があなたにミスをさせる5つの手口と、その対処法。

広告を閉じようとして、うっかり押してしまった経験があるはずです。手が 遅いからではありません。そう設計されているのです。こうした 設計をダークパターン(dark pattern)と呼びます。利用者が望まない行動を 取るように、インターフェースをわざと歪めたものです。

AvoidAd はこれらの手口をゲームのルールに置き換えたもの です。以下は、ゲームに出てくる各広告が現実のどの手口を模しているのか、 そして実際に出くわしたときにどうすればよいのかをまとめたものです。


1. 動く標的

ゲーム内: 通常の広告・ランナー

閉じるボタンを押そうとした瞬間に広告が動きます。現実ではたいてい、 ページの読み込みが終わってレイアウトがずれ、指が向かって いた場所に広告が入り込む形で現れます。

悪意のない性能上の問題であることもありますが、わざと遅れて挿入して 誤クリックを誘う場合も多くあります。Google がレイアウトシフト (CLS)を検索順位の指標にした理由の一つでもあります。

対処

2. 偽の閉じるボタン

ゲーム内: おとり広告 — ✕ 3つのうち本物は1つ

広告の中に ✕ が複数あり、本物は1つだけです。ほかを押すと広告主の ページへ飛びます。モバイルゲームの広告で特に多く、偽の ✕ を 1〜2ピクセルずらして配置したり、実際のタップ領域を ボタンの外まで広げたりします。

対処

3. 強制カウントダウン

ゲーム内: 赤い広告 — カウントダウンが終わるまで閉じられない

「5秒後にスキップ」。広告を強制的に見せる最も露骨なやり方です。 厄介なのは、カウントダウンが終わったあとも閉じるボタンが数秒 隠れている、あるいは数字が0になった瞬間にボタンの位置が変わる、 といった変種です。

待っている間、利用者は画面を見つめ続けます。その滞在時間そのものが 目的です。

対処

4. ヒュドラ — 閉じるほど増える

ゲーム内: 分裂広告・本文クリックで1つ増殖

ポップアップを閉じたら2つ増えました。ポップアンダーや連鎖リダイレクト が代表例です。違法ストリーミングやファイル共有サイトでよく見られ、 閉じる操作そのものを新しいウィンドウを開く引き金にして います。

対処

5. 小さすぎる ✕

ゲーム内: すべての広告の ✕ ボタン

閉じるボタンが指先より小さいのです。モバイルのアクセシビリティ指針は タップ対象を最低44×44ピクセルと推奨していますが、広告の ✕ はその半分にも満たないことがよくあります。背景と同じ色だったり 半透明だったりする変種もあります。

小さくするほど外れる確率が上がり、外れたクリックはそのまま広告クリック です。ミスが収益になる構造です。

対処


なぜゲームにしたのか

これらの手口は一つずつ見れば些細です。ところが一つの画面に同時に 仕掛けられると、本当に勝てないことが体感できます。説明を読むより 自分で食らうほうが早いと考えて、ゲームにしました。

ゲームでは✕ だけが有効打です。本文を押し間違えると広告が 「開き」、1つ増えます。画面が広告で埋まったら終わりです。何もしなければ 13秒で負けます。

このサイトの広告について。 画面の左右にある広告は本物です。プレイ領域と完全に分けてあり、ゲーム内 の広告ウィンドウがその領域に入り込むことはありません。誤タップを稼ぐ ような配置はこのページの趣旨と正面から矛盾するので、採りません。

ゲームで遊ぶ

黑暗模式图鉴

广告让你失手的五种手法,以及应对办法。

你一定有过想关掉广告却误点的经历。这不是你手慢,而是 它就是这么设计的。这类设计叫做黑暗模式(dark pattern) —— 刻意扭曲界面,让用户做出并不想做的操作。

AvoidAd 把这些手法变成了游戏规则。下面梳理了游戏里 每种广告在模仿现实中的哪一招,以及真的遇上时该怎么办。


1. 会动的目标

游戏中:普通广告 · 快跑广告

你伸手去按关闭按钮的瞬间,广告动了。现实中通常表现为页面加载完成时 布局位移,广告正好落在你手指原本要去的位置。

有时只是无心的性能问题,但更多时候是故意的:延迟插入,收割误点。 这也是 Google 把累积布局偏移(CLS)列为搜索排名指标的 原因之一。

应对

2. 假的关闭按钮

游戏中:诱饵广告 —— 三个 ✕ 只有一个是真的

广告里有好几个 ✕,真正能关掉的只有一个,其余会跳转到广告主页面。 手机游戏广告里尤其泛滥,常把假 ✕ 错开一两个像素, 或者把实际点击区域扩到按钮之外。

应对

3. 强制倒计时

游戏中:红色广告 —— 倒计时结束才能关

「5 秒后跳过」。强迫你看完广告最直白的方式。更难缠的变种是倒计时 结束后关闭按钮还要藏几秒,或者数字归零的瞬间按钮换位置。

等待期间你会一直盯着屏幕 —— 这段停留时间本身就是目的。

应对

4. 九头蛇 —— 越关越多

游戏中:分裂广告 · 点正文会再冒出一个

关掉一个弹窗,又冒出两个。下层弹窗(pop-under)和连环跳转是典型做法, 常见于盗版流媒体和文件分享站,关闭这个动作本身就是打开新窗口 的触发器。

应对

5. 太小的 ✕

游戏中:所有广告的 ✕ 按钮

关闭按钮比指尖还小。移动端无障碍规范建议触控目标至少 44×44 像素,而广告的 ✕ 常常连一半都不到,还有和背景 同色或半透明的变种。

做得越小,点偏的概率越高,而点偏就等于点了广告。失误本身就是收入。

应对


为什么做成游戏

这些手法单看都不算什么,可一旦同时出现在一个画面上,你会真切地感到 根本赢不了。与其解释,不如让人亲身挨一次,所以就做成了游戏。

游戏里只有 ✕ 算有效命中。点错正文,广告就会「打开」 并再冒出一个。屏幕被广告填满就结束。什么都不做的话,大约 13 秒就输了。

关于本站的广告。 画面左右两侧的广告是真的。它们完全在游戏区域之外,游戏里的广告窗口 不会越界进来。靠误点来赚钱的排布与本文的主张正面冲突,所以我们不用。

开始游戏