「美」定義隨時代演變:文藝復興強調客體屬性(秩序、對稱),現代美學轉向主體心理體驗(愉悅、感覺、想像)。對交互產品而言,美主要反映為愉快的用戶體驗,用戶對美觀度判斷側重視覺/聽覺/觸覺刺激屬性,即產品物理外觀吸引力。
經典實證:美觀度與可用性的高相關性
Tractinsky (1997) ATM界面實驗發現:可用性評價與美觀度評價呈高度正相關。由此開啟HCI領域對美觀度的系統探索:
- 「美觀的更好用」效應
- 美觀度量化:從單維「醜-美」發展為多維(視覺清晰度、豐富度等)
- 美觀度納入用戶體驗核心構成
用戶體驗過程模型中的美觀度定位
(Michael Minge, 2006)
- 工具性屬性:功能實現、效率相關(可用性屬此)。
- 非工具性屬性:美觀度、品牌調性、情感共鳴等。
- 用戶對兩類屬性的知覺 + 產品引發的情緒反應 → 共同產生總體評價。
關鍵差異:美觀度是「外顯」的,可用性是「內隱」的
- 美觀度:用戶極短時間(毫秒級)即可基於整體視覺印象形成評價,無需實際操作。
- 可用性:需實際使用體驗才能準確評價。
這意味著:美觀度是用戶進入產品的「入場券」與「第一印象錨點」。
實證證據:美觀度通過中介效應驅動忠誠度
Cyr等人 (2006) 「城市向導」網站實驗:
- 情境任務:剛到舊金山,手機選餐廳並告知朋友地址。
- 無時限自由瀏覽,事後從美觀性、易用性、可用性、愉快感、忠誠度五維評價 + 訪談。
- 結構方程模型(SEM)分析結果:美觀性 → 主觀可用性/易用性/愉快感 → 忠誠度。美觀度不直接作用於忠誠度,而是通過三個中介變量間接驅動。
設計啟示:將美觀度納入體驗整體把握
- 美觀度可彌補可用性不足:在資源有限時,優先提升美觀度能獲得更高邊際收益(前提是核心功能可用)。
- 多維度美觀度度量:超越單一「好不好看」,建立視覺清晰度、信息層級清晰度、品牌調性一致性、情感共鳴度等指標體系。
- 首屏0.5秒美觀測試:引入五秒測試、首屏美觀度評分機制,作為版本發布門檻之一。
- 美觀與可用的協同優化:而非對立取捨。如:清晰的視覺層級同時服務美觀(秩序感)與可用(信息尋找效率)。
文章來源:新浪UED