去年夏天，設(shè)計(jì)師 Aubrey Johnson在Medium 上發(fā)表了一篇對(duì) ios7有批判性的文章。Jonhson指出蘋(píng)果的新空心圖標(biāo)比實(shí)心圖標(biāo)在視覺(jué)上更加復(fù)雜，給用戶(hù)帶來(lái)認(rèn)知疲勞，這樣會(huì)讓用戶(hù)對(duì)這樣的界面產(chǎn)生視覺(jué)疲勞而厭倦使用。這篇文章很快就被廣泛的分享、討論，一些設(shè)計(jì)師認(rèn)為這是明智的建議，但也有一些評(píng)判它夸大了事實(shí)，太過(guò)于簡(jiǎn)單并且缺乏有效的證據(jù).

作為一個(gè)在Viget 中從事人機(jī)和用戶(hù)體驗(yàn)的實(shí)習(xí)生，我看到了一個(gè)有趣的機(jī)會(huì)來(lái)用于證實(shí)和測(cè)試 Johson的闡述。為了找到空心圖標(biāo)是否為用戶(hù)帶來(lái)更多認(rèn)知負(fù)擔(dān)這個(gè)問(wèn)題的答案，我開(kāi)發(fā)了一個(gè)用來(lái)度量用戶(hù)對(duì)不同視覺(jué)風(fēng)格圖標(biāo)選擇的速度和準(zhǔn)確性的 web app。從研究一千多個(gè)測(cè)試參與的資料中我發(fā)現(xiàn)空心圖標(biāo)不一定比實(shí)心圖標(biāo)的少用。然而結(jié)果還是有些復(fù)雜。

圖標(biāo)

首先，這個(gè)討論是聚焦在一個(gè)特定類(lèi)型的圖標(biāo):眾所周知的選項(xiàng)卡或 簡(jiǎn)易導(dǎo)航的扁平化單色圖標(biāo)，你通常會(huì)在手機(jī) app屏幕底部看到一行四五個(gè)這種圖標(biāo)，因?yàn)榈撞繖诘膱D標(biāo)一般作為導(dǎo)航應(yīng)用程序的部分，用加亮的方式指出哪個(gè)部分是當(dāng)前活躍的在某種程度上來(lái)說(shuō)是很重要的。隨著ios7的推出，蘋(píng)果開(kāi)始用兩種互補(bǔ)的圖標(biāo)風(fēng)格來(lái)展示這些狀態(tài):一個(gè)實(shí)心的圖標(biāo)用來(lái)展示活躍或被選中的狀態(tài)而空心圖標(biāo)來(lái)展示不活躍或沒(méi)有被選中的狀態(tài)。據(jù)我所知，蘋(píng)果是目前*用著兩種風(fēng)格的基本圖標(biāo)的軟件開(kāi)發(fā)者。

測(cè)試

在Viget 中Nate
Hunzaker 的技術(shù)指導(dǎo)下，我編寫(xiě)了一個(gè) app來(lái)進(jìn)行測(cè)試。你自己進(jìn)行測(cè)試會(huì)比我講解更容易理解，我盡量簡(jiǎn)單的描述下。

我承認(rèn)實(shí)心和空心風(fēng)格之間的區(qū)別的定義是不明確和松散的。一個(gè)圖標(biāo)可以同時(shí)有實(shí)心和空心兩種風(fēng)格。為此，我挑選了一個(gè)系列圖標(biāo)來(lái)進(jìn)行研究，研究顯示實(shí)心和空心版本之間存在相當(dāng)明確的區(qū)別。每一個(gè)圖標(biāo)也代表了一個(gè)具體的對(duì)象并且使用文字標(biāo)簽，這樣可以避免參加測(cè)試的人有過(guò)于大量的認(rèn)知負(fù)擔(dān)，他們只需要用它的圖標(biāo)去匹配名字。