每個(gè)人對(duì)于相關(guān)與不相關(guān)都有自己的理解。更要命的是，即使同一個(gè)人，在某些因素影響下也會(huì)對(duì)一個(gè)圖標(biāo)的相關(guān)與不相關(guān)做出不同的判斷，比如說文字標(biāo)簽。給圖標(biāo)加上文字標(biāo)簽，或許就能改變?nèi)藗兊恼J(rèn)知。那么，我們?cè)撊绾螒?yīng)對(duì)這種情況呢？

假設(shè)你是一名獸醫(yī)。因?yàn)槟惴浅Ｉ朴诶萌藗儗?duì)弱小可愛動(dòng)物的愛心，所以Instagram賬號(hào)經(jīng)營(yíng)得風(fēng)生水起。但這對(duì)你來說還不夠，你決定開發(fā)一個(gè)移動(dòng)應(yīng)用來拓展你的寵物帝國(guó)。這款應(yīng)用能把人臉模擬成貓貓狗狗的臉。（承認(rèn)吧，你14歲的時(shí)候肯定構(gòu)想過類似的模擬馬臉和豬臉的應(yīng)用。毫無疑問。）

那么你的這款改變世界的應(yīng)用，肯定也需要一個(gè)圖標(biāo)，貓咪圖標(biāo)。這時(shí)候Icons8就派上了用場(chǎng)。

在搜索框里輸入“貓”，下載你喜歡的“iOS”風(fēng)格圖標(biāo)，因?yàn)槟阌X得Appstore還不夠擁擠，差不多就是這樣。

然后，你發(fā)布了應(yīng)用。你的秘書向你祝賀，從那一刻起，你的名字被載入獸醫(yī)的史冊(cè)。

我想表達(dá)什么？獸醫(yī)真是個(gè)好職業(yè)。好吧我只是在搞笑。

人們往往有各種奇怪的興趣。他們會(huì)搜索一些含糊不清的圖標(biāo)，例如“新聞”、“工作”等。用在他們的應(yīng)用、網(wǎng)站、T恤上。

試著搜索一下工作
圖標(biāo)，你就能了解我們的搜索算法的厲害之處，它能囊括所有幾乎能與“工作”沾上邊的圖標(biāo)。

問題是，每個(gè)人對(duì)于相關(guān)與不相關(guān)都有自己的理解。更要命的是，即使同一個(gè)人，在某些因素影響下也會(huì)對(duì)一個(gè)圖標(biāo)的相關(guān)與不相關(guān)做出不同的判斷，比如說文字標(biāo)簽。給圖標(biāo)加上文字標(biāo)簽，或許就能改變?nèi)藗兊恼J(rèn)知。

我們不知道怎么應(yīng)對(duì)這種情況，因?yàn)槲覀冇袃煞N顯示模式：

我下文中會(huì)把這兩種模式成為純圖標(biāo)模式和圖標(biāo)+文字模式。

哪種更好，圖標(biāo)還是圖標(biāo)+文字？哪種更適合作為默認(rèn)模式？人們看到太多不相關(guān)結(jié)果時(shí)，會(huì)感到挫敗嗎？

我做可用性測(cè)試的主要?jiǎng)訖C(jī)，就是為了解答這幾個(gè)問題。

我邀請(qǐng)了5位參與者（實(shí)際上是7位，不過前兩位是我測(cè)試劇本的同事）。我只是讓他們來搜索圖標(biāo)。

• 搜索盒子圖標(biāo)……
• 搜索狗狗圖標(biāo)……

……然后指出他們覺得離譜的結(jié)果：

我邀請(qǐng)部分人用純圖標(biāo)模式搜索，另一些用圖標(biāo)+文字模式。我繪制了一張表格記錄所有數(shù)據(jù)——對(duì)于不同模式下的每個(gè)圖標(biāo)，參與者指出了多少個(gè)離譜的搜索結(jié)果。

很快事情就超出掌控了。數(shù)據(jù)對(duì)我沒有任何幫助。參與者之間的區(qū)別和他們的感知實(shí)在過于戲劇性，我覺得需要上百名參與者才足夠讓我相信數(shù)據(jù)，并從中總結(jié)出某種模式。

于是，我開始關(guān)注細(xì)微的見解。雖然有些規(guī)律會(huì)在不同模式和不同圖標(biāo)中顯現(xiàn)出來，但它們背后仍有一個(gè)簡(jiǎn)單規(guī)律。下面是我的觀察結(jié)果。

文字標(biāo)簽有影響嗎？

假如你搜索盒子圖標(biāo)，在搜索結(jié)果中出現(xiàn)了這樣的圖形：

此時(shí)，相關(guān)與否其實(shí)是受文字標(biāo)簽影響的。

【譯者注：在英文中，Box是盒子，而Boxing是拳擊】

如果加上文字標(biāo)簽，人們就會(huì)覺得命令行也算相關(guān)的結(jié)果。

所以“圖標(biāo)+文字”模式更合適，因?yàn)槿藗兡軓闹懈兄礁嘞嚓P(guān)的結(jié)果，于是搜索行為有更好的體驗(yàn)，對(duì)嗎？其實(shí)不對(duì)。

視覺感知與語言感知

我們?cè)偎阉饕淮?a target="_blank">盒子。在各種搜索結(jié)果中發(fā)現(xiàn)了這個(gè)圖標(biāo)：

許多參與者認(rèn)為它是相關(guān)的，因?yàn)樗幸粋€(gè)盒子的外形。但這是純圖標(biāo)的情況：

如果人們看到圖標(biāo)下方寫著“顯示器”，他們果斷會(huì)認(rèn)為這是不相關(guān)的。

這就意味著文字標(biāo)簽?zāi)苁共糠謭D標(biāo)相關(guān)，也能使另一部分變得不相關(guān)。這是一場(chǎng)災(zāi)難，因?yàn)槟阌肋h(yuǎn)不知道你得到的是哪部分。但是……

每種模式各自好在哪里？

當(dāng)然，我們可以只關(guān)注事物的負(fù)面作用，但這樣完全沒有建設(shè)性。

下面是每種模式一些積極的方面：

純圖標(biāo)模式

• 屏幕上可以展示更多圖標(biāo)，我們能更快速瀏覽。
• 我們會(huì)根據(jù)視覺感知來選擇圖標(biāo)，甚至因?yàn)橄矏鬯脑O(shè)計(jì)勝過含義。設(shè)計(jì)師尋找靈感時(shí)，更多以這種模式來搜索。而且，這種模式對(duì)logo創(chuàng)意和非UI相關(guān)的物品很有幫助（杯子、T恤等等）。

圖標(biāo)+文字模式

• 文字標(biāo)簽可以延伸搜索行為。比如說，如果你正在搜索“手機(jī)”圖標(biāo)，然后看到“消息”圖標(biāo)出現(xiàn)在其中。然后你就知道搜索“消息”或其他相關(guān)詞語，持續(xù)不斷擴(kuò)展你的搜索詞。
• 有時(shí)候文字標(biāo)簽并不明顯，要求很明確的圖標(biāo)都有非常具體的名稱。比如符號(hào)鏈接文件或帶鎖孔的盾牌。有文字的話，就很容易記住這些圖標(biāo)，以后要找還能找得到。對(duì)于長(zhǎng)期持續(xù)使用我們產(chǎn)品的用戶很有幫助。

那人們到底更偏向哪種模式？

老實(shí)說，兩種幾乎打了個(gè)平手。3名參與者喜歡前一種模式，剩下的則喜歡帶有文字的模式。無論如何，每種模式都使相應(yīng)的參與者受益了。

最后的思考

發(fā)起用戶體驗(yàn)研究來判斷哪種模式勝出，這非常有意思，但最終的結(jié)論是沒有確定的勝者。

好在我們現(xiàn)在知道了，每種模式都有它自己的優(yōu)勢(shì)。把它們都展示出來是正確的選擇，這樣人們就可以選擇符合自己習(xí)慣的模式。

希望你喜歡本文。如果對(duì)此研究有任何問題，或者想發(fā)表自己的見解，隨時(shí)歡迎留言，或者通過Twitter聯(lián)系我。

原文作者：Andrew

原文地址：https://icons8.com/articles/how-to-search-icons-like-sherlock/

#專欄作家#

可樂橙，微信公眾號(hào)：可樂橙（colachangreen）。人人都是產(chǎn)品經(jīng)理專欄作家，UI/UX設(shè)計(jì)師，關(guān)注互聯(lián)網(wǎng)，關(guān)注科技?，F(xiàn)居杭州，與小伙伴們正在創(chuàng)業(yè)途中?；蛟S不是一名優(yōu)秀的設(shè)計(jì)師，至少是個(gè)快樂的設(shè)計(jì)師。

本文翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。