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

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

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

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