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

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

圖標

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

測試

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

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