基于交互元素的扁平化設(shè)計可用性問題研究.pdf

1、扁平化設(shè)計自2011年成為一種流行的界面設(shè)計風(fēng)格。扁平化設(shè)計的核心意義是去除冗余和繁雜的裝飾效果，具體表現(xiàn)為去掉了多余的陰影、紋理、漸變等3D效果，從而凸顯核心信息本身。扁平化設(shè)計在界面簡潔、快速高效，更迭快，適應(yīng)性好，開發(fā)成本低等方面表現(xiàn)出比以往風(fēng)格更多的優(yōu)勢。然而，扁平化設(shè)計的長期和過度使用，尤其是全盤棄用任何一種擬物效果的過度扁平化設(shè)計帶來了一些可用性問題。
　　交互元素定義了人機界面交互的行為方式。過度扁平化的網(wǎng)站交互元素

2、在界面中不突出，可發(fā)現(xiàn)性差;元素的功能邏輯讓人困惑，易產(chǎn)生功能迷航;所有元素均扁平，信息缺乏主次，界面缺乏深度。這些可用性問題導(dǎo)致用戶不得不借助解讀上下文語境線索、鼠標(biāo)懸停和操作反饋等行為尋找和辨別交互元素，理解和操作界面，致使用戶交互成本的提升。
　　為了降低這種額外的交互成本，在界面中凸顯交互元素，提高用戶認知和操作的效率，構(gòu)建信息層級和界面深度，本研究先將交互成本細分為感知成本、認知成本和操作成本，依次排查得知交互成本提升的

3、主要原因是交互元素被去除了過多的視覺表現(xiàn)特征而缺乏清晰的可點擊線索，感知性差;隱喻不足而功能可見性被弱化，認知負荷高;感知和認知障礙，浪費點擊且出錯率高。
　　篩選出網(wǎng)頁中最基礎(chǔ)的過度扁平化交互元素:按鈕、圖標(biāo)和文字鏈接。嘗試添加微妙的視覺效果，如陰影、漸變、新形態(tài)設(shè)計等方式，豐富交互元素的視覺表現(xiàn)，從而賦予其明確的可點擊信號并強化隱喻。借助眼動測試的量化研究，收集眼動數(shù)據(jù)驗證優(yōu)化的交互元素設(shè)計方案在視覺搜索和識別效率、準(zhǔn)確度方面