介面是人機對話的媒介。為滿足可用性,必須全面理解用戶特徵與多元需求,並以科學方法記錄實現。本文從介面分類、組成元素、設計要求、Web 介面結構、用戶需求分析五維度,構建以用戶為中心的設計知識體系。
一、介面設計三大分類
- 功能實現導向:傳遞功能操作與資訊,跨文化/知識背景通用性要求高。
- 情感表達導向:傳遞情感共鳴,強調用戶接觸瞬間的體驗感受。
- 環境因素導向:歷史、文化、科技環境對資訊傳遞的影響,營造氛圍如同看電影關燈。
二、超越鍵鼠的新介面元素
- 動作介面:Henry See《關注》——訪客動作影響虛擬讀者;Sommerer&Mignonneau《植物轉變》——姿態生成虛擬花園。
- 觸覺/觸感介面:Sommerer&Mignonneau《移動電話感覺》——陌生人分享情感;Smoot&White《意識水流》——觸摸水面文字產生漣漪變形。
- 凝視介面:Luesebrink&Sauter《不可見》——眼動追蹤驅動畫面消散/重組,觀眾以眼神破壞影像。
- 呼吸介面:Davies 系列作品——呼吸節奏駕馭虛擬世界,消除自我與自然界限。
三、介面設計核心要求
- 易操作性保證:超媒體鏈接整合多媒體元素,術語/佈局/交互/顯示跨系統一致,視覺暗示引導選擇,任意處可回主介面/退出。
- 藝術可視性與交互功能平衡:前衛符號、虛擬空間吸引用戶,但絕不以藝術性破壞交互功能。組件服務於交互行為。
四、Web 介面組成要素
主色調、字體大小色彩、佈局、交互方式、功能分佈、輸入輸出模式。
影響效率:輸入輸出、交互方式、功能分佈、命令名稱參數。
影響友好度:色彩、字體、佈局。
任一要素不符習慣,認可度下降。
五、用戶需求分析:以用戶為中心全流程
- 用戶調研→建模→概念設計→原型→測試→實現,全鏈路圍繞用戶。
- 心理學/傳播學/社會學理論支撐不同用戶類型的差異化需求分析。
- 一致性:雙擊列表項行為統一、按鈕位置統一、標籤信息統一、色彩統一。
介面設計不是畫圖,是基於科學認知的系統工程。從用戶出發,到用戶結束。