UI/UX:越大越明顯不代表越多人會看見
後設資料
- URL:https://hching-lin.medium.com/ui-ux-%E8%A9%B2%E5%A6%82%E4%BD%95%E5%91%8A%E8%A8%B4%E8%80%81%E9%97%86-%E8%B6%8A%E5%A4%A7-%E8%B6%8A%E6%98%8E%E9%A1%AF%E4%B8%8D%E4%BB%A3%E8%A1%A8%E8%B6%8A%E5%A4%9A%E4%BA%BA%E6%9C%83%E7%9C%8B%E8%A6%8B-df6d789284ab
- 作者:H.Ching|林筱晴
- 發表日:2022-09-02
- 媒體:Medium
- 語言:zh-Hant
- 篇幅:11 min read
一句話濃縮
在任務導向頁面中,越大、越亮、越像廣告的元素不一定更容易被接收;它可能觸發使用者的 廣告視盲,讓 CTA、訂閱區塊或重要資訊被看見但被大腦自動歸類為噪音。
提取要點
- 廣告視盲不是只有 banner:使用者會忽略橫幅、陳列式廣告、動態廣告、彈窗,也會忽略任何長得像廣告、靠近廣告或行為像廣告的內容。
- 不注意視盲:使用者專注於當前任務時,會忽略任務外資訊。內容平台、工具型產品、閱讀頁與操作流程特別容易出現這種現象。
- 選擇性忽視:使用者會利用周邊視覺辨識典型廣告版位與視覺模式,主動避開置頂橫幅、右側欄、彈窗等區域。
- 廣告污染區:只要一個區域看起來像廣告,周遭非廣告內容也可能一起被忽略;這代表「把重要功能放在顯眼廣告位」可能反而降低接收率。
- 眼睛看到不等於大腦接收:文章引用 NN/g 的美國普查局案例,說明受測者即使掃過右上角大紅字人口數,也可能因它像廣告而沒有真正閱讀。
- 三種高風險設計:位置像廣告(置頂、右側欄、彈窗)、視覺像廣告(大色塊、鮮豔顏色、醒目矩形)、行為像廣告(gif、autoplay、角落彈窗)。
- 四種迴避方法:融入產品環境、放在自然視覺動線、加入可操作元件、使用者完成任務後才出現、強化與當前任務的關聯性。
- 仍需測試:不同產品、頁面、文案與目標族群會改變效果;廣告視盲提供假說,不是取代 A/B test 或 usability test 的萬用答案。
提取概念
連結到此來源衍生 / 更新的 wiki 頁:
- 廣告視盲(新建)— banner blindness / ad blindness;作為任務導向頁面中「越明顯越被忽略」的 UX / CRO 反模式 umbrella。
- 使用者介面設計 — 補入「像廣告的 UI 會被看見但不被接收」段,強化 UI 不只要可見,也要符合使用者任務語境。
- 心智模型 — 補入使用者會把位置、視覺與行為線索歸入「廣告 schema」的段落。
- UX文案 — 補入 CTA / 訂閱文案需強化與當前任務關聯,避免只靠醒目視覺硬推。
- 資訊層級 — 補入「大、亮、顯眼不等於高層級」的注意力 caveat。
- MOC-UX — 來源時間軸新增本筆;介面表現工具層新增 廣告視盲 作為可見性與接收性的反模式錨點。
Ingest 筆記
2026-05-08
建頁判斷:為何新建 廣告視盲
- 本文主題不是單一 UI 技巧,而是 UX / CRO 中命名穩定的注意力現象(banner blindness / ad blindness),足以承接未來 NN/g、Baymard、眼動追蹤、landing page、電子報訂閱、廣告版位與內容平台案例。
- 與既有 資訊層級 的「強化重要資訊」形成必要補充:層級工具能決定畫面優先序,但若元素被使用者判定像廣告,強化越多可能越被避開。
- 與既有 心智模型 對位:使用者不只推論「這個產品怎麼運作」,也會推論「這個區塊是不是廣告 / 噪音」。這是介面線索觸發的分類模型。
- 與既有 UX文案 / 註冊牆 / 行銷漏斗 對位:CTA 的問題不只在動詞與下一步是否對齊,也在 CTA 出現的位置、時機與視覺是否讓使用者願意接收。
不建頁 / 不升格的候選
不注意視盲/選擇性注意/選擇性忽視:本文作為 廣告視盲 的心理機制使用,尚未有足夠來源拆成獨立心理學頁。Tool-dominant users:本文只引用 NN/g 使用者類型說明可操作元件較容易被注意;先內嵌於 廣告視盲,不拆頁。- H.Ching|林筱晴:目前僅一篇來源,作者不是本文主題對象,不建 entity。
- Nielsen Norman Group / Jakob Nielsen:本文大量引用 NN/g,但本次 ingest 的一手來源仍是 H.Ching 二手整理;不因此建立 NN/g entity,也不消化
Jakob-Nielsen觀察清單條目。
觀察清單同步
- 新增 待 ingest 外部資源:廣告視盲引用來源叢集(Invisible Gorilla / Daniel Simons、Drèze & Hussherr 網路廣告眼動研究、Burke / Hornof / Nilsen / Gorman 廣告與任務時間研究、NN/g banner blindness / eye-tracking / U.S. Census red-text 案例、Content Verve CTA 位置 A/B test)——可校準 廣告視盲、資訊層級、UX文案、網站分析 的證據強度與量化影響。
元命題
可見性不是接收性:讓元素更大、更亮、更像廣告,只是提高物理可見度;如果它同時觸發使用者的廣告分類模型,反而會降低被閱讀、理解與行動的機率。
轉換率要看使用者任務的時機,不是看 CTA 在不在第一屏:任務導向頁面裡,使用者完成主要任務後才出現的低調但相關 CTA,可能比一進頁就搶眼的置頂 / 右欄 / 彈窗更容易被接收。
原文(可選)
未全文轉載;本文為 Medium 公開文章,長期保存以 URL、本頁摘要、建頁決策與概念萃取為主。