用戶體驗四層次：從「有用」到「品牌」

Donald Norman 提出以用戶為中心設計：

1. 有用：滿足真實需求（尊重用戶價值）。
2. 能用：流程通順、無致命 Bug。
3. 易用：操作便利、低認知負荷（關鍵體驗層）。
4. 友好：關注情感需求、創新驚喜。

四層圓滿，上升為品牌資產（品味+質量）。

視覺瀏覽鐵律：F 型模式與黃金三角

人眼依母語習慣自左上向右下掃視，關注度呈「F」狀遞減。Google 眼動研究（50 人樣本）證實：

• 自然搜尋結果前 3 名獲 100% 關注，第 10 名僅 20%。
• 右側關鍵字廣告關注度約為自然結果一半，首位才 50%。
• 結論：排名靠前內容更易獲點擊；SEO 遠比單靠廣告有效。

此與「首屏理論」高度一致：核心資訊必須置於左上優先視區。

兩欄佈局眼動三特徵

Nielsen 追蹤 232 用戶眼動發現：

1. 優先橫向掃視內容區上部。
2. 視線下移後小範圍二次橫向掃視。
3. 最後在左側快速縱向掃視。

熱區圖呈「F」或「E」或倒「L」，但整體一致性極高。

三欄佈局跨文化眼動研究：中、美、韓用戶差異

測試頁面模仿 Yahoo 佈局，分 9 個 AOI（興趣區域）：

關鍵發現：

• 韓國用戶：眼動跳躍最頻繁，全頁面廣泛掃視。
• 中國用戶：前 10 秒 AOI 活躍度最高，15 秒後注意力集中於區域 2、5、6、8、9（頁頭中部、內容區、側邊欄、底部）。
• 美國用戶：15 秒後明顯穩定，聚焦區域 1、2、5（Logo、頁頭中部、主內容區）。

停留時長反映重要性：頁頭中部（區域 2）吸引三國用戶最久注視。

眼動軌跡圖（綠=起點，紅=終點）

中國用戶

美國用戶

韓國用戶

美國用戶路徑最聚焦、最符合 F 型；中國用戶分佈較廣；韓國用戶最分散。

設計啟示

• 核心資訊、品牌 Logo、主要導航**必佔左上黃金區**。
• 側邊欄（區域 5、6）在中式語境下關注度高，可放置次要但重要入口。
• 跨文化產品需針對目標市場調整佈局權重，不可一版通用。