購物網站商品列表通常「商品名在前、價格在後」，意圖讓用戶先看商品再看價格。但高速掃視時，用戶真正第一關注點是什麼？如何引導視線流？

兩大主流視覺模型

1. 古騰堡圖表：視線從左上→右下，重要資訊置左上（Logo、標題）。
2. 尼爾森 F 型模型：首次訪問陌生網站呈 F 形掃視，三大啟示：少看段落、多用小標題、前兩段放重點。

價格後置的視線流悖論

理論上用戶先看商品名再看價格，但實際觀察：價格色彩突出、商品名過長時，用戶先被價格吸引，再回頭找商品名，視線跳躍違背兩大模型，造成流暢度下降、黃金左上角被浪費。

價格前置的驗證與優勢

多個網站/App 採用價格前置。依古騰堡/F 型模型分析：價格佔據視覺起點，用戶被價格吸引同時視線自然掃過後方商品名，雙重資訊無遺漏。

優點

1. 視線流順暢，價格與商品名均不被忽略
2. 價格佔據黃金位置，高速掃視易吸引目光

挑戰與適用性

用戶習慣需短期適應（列表分隔明顯即可）；不適用於無需引導關注的純列表頁；非強制原則，視業務場景決定。