從事交互多年,趁分享機會系統梳理觀點。以下「謬論」不一定對,持續摸索中,拋磚引玉,歡迎異見交鋒。
交互體驗三大參照原則
- 操作前,結果可預知: 用戶操作前能預測可用操作與結果,建立心理預期。如迅雷 XMP 播放器啟動即知可播本地/在線視頻、搜片庫。
- 操作時,有反饋、可停止: 即時響應,如人與人對話。讓用戶時刻知曉進度,全程可控,想停即停、想續即續。
- 操作後,可撤銷: 給犯錯機會,誤操作可恢復重來,不懲罰用戶。如軟體安裝的「返回上一步」,挽回誤選成本。
交互交付物:視產品複雜度分級
單一頁面(無操作邏輯)產出線框圖即可;複雜產品需流程圖、狀態機、交互規格書等完整交付包。
透過交互引導用戶:設計的極致是無感
極致設計感覺自然,途徑是科學分析特定情境下用戶行為心理,指導產品決策。
1. 引導視線:遵循視覺習慣
頁面重要區域:左上 > 右上 > 中間 > 左下 > 右下。Web 佈局遵循此原則。
2. 色彩引導:色相/飽和度聚焦注意力
突出關鍵、弱化干擾,是視覺設計精髓。
3. 有溫度的文案:人性化微文案
「不好意思哦~親,今天沒貨了哦~」vs「對不起,今天沒貨了」。前者獲諒解率更高。但政府/公益類站點不宜過度親切,需匹配品牌調性。
功能簡化:二八法則守護核心體驗
用戶沖著 20% 核心功能而來,80% 邊緣功能藏入次級入口,不干擾主流程。需求無限但資源有限,必須篩選:捨棄小眾、無市場需求,這是戰略層面的需求分析。
跳出交互圈子:用數據與用研終結無謂糾結
案例:XMP 左側列表收縮方式——做減法(騰出空間)還是加法(外掛面板)?參考 QQ 音樂(加法)、暴風影音(混合),內部辯論陷入僵局。
破局關鍵:我們都不是用戶。引入用研:訪談、數據分析、客服聲音、論壇吐槽、典型用戶深度訪談(觀察微表情語氣辨真偽)。若三方案差異不大且無致命傷害,果斷定案,別為設計而設計。
生活即交互:人機研究的視覺心理學基礎
互聯網產品通過視覺(眼睛)與人交互,未來可引入眼動追蹤研究。
關鍵視覺規律
- 視線順序:左→右、上→下、順時針。重點置左上。
- 群體習慣:慣用手操作鼠標、鼠標指針大小、日本靠左行駛等納入設計考量。
- 水平運動比垂直快:導航左→右排列閱讀更易;輪播圖左右翻動優於上下(體驗看看首頁電影頻道)。
- 水平方向更準、更快、不易疲勞。
- 偏離視中心時觀察率:左上 > 右上 > 左下 > 右下。
- 直線輪廓 > 曲線輪廓 易接受。
- 顏色辨識度排序:紅 > 綠 > 黃 > 白;配色易讀序:黃底黑字 > 黑底白字 > 藍底白字 > 白底黑字。