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

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

圖標(biāo)

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

測試

在Viget 中Nate
Hunzaker 的技術(shù)指導(dǎo)下，我編寫了一個 app來進行測試。你自己進行測試會比我講解更容易理解，我盡量簡單的描述下。

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