假設(shè)你是一名獸醫(yī)。因?yàn)槟惴浅I朴诶萌藗儗?duì)弱小可愛(ài)動(dòng)物的愛(ài)心,所以Instagram賬號(hào)經(jīng)營(yíng)得風(fēng)生水起。但這對(duì)你來(lái)說(shuō)還不夠,你決定開(kāi)發(fā)一個(gè)移動(dòng)應(yīng)用來(lái)拓展你的寵物帝國(guó)。這款應(yīng)用能把人臉模擬成貓貓狗狗的臉。(承認(rèn)吧,你14歲的時(shí)候肯定構(gòu)想過(guò)類(lèi)似的模擬馬臉和豬臉的應(yīng)用。毫無(wú)疑問(wèn)。)
那么你的這款改變世界的應(yīng)用,肯定也需要一個(gè)圖標(biāo),貓咪圖標(biāo)。這時(shí)候Icons8就派上了用場(chǎng)。
在搜索框里輸入“貓”,下載你喜歡的“iOS”風(fēng)格圖標(biāo),因?yàn)槟阌X(jué)得Appstore還不夠擁擠,差不多就是這樣。
然后,你發(fā)布了應(yīng)用。你的秘書(shū)向你祝賀,從那一刻起,你的名字被載入獸醫(yī)的史冊(cè)。
我想表達(dá)什么?獸醫(yī)真是個(gè)好職業(yè)。好吧我只是在搞笑。
人們往往有各種奇怪的興趣。他們會(huì)搜索一些含糊不清的圖標(biāo),例如“新聞”、“工作”等。用在他們的應(yīng)用、網(wǎng)站、T恤上。
試著搜索一下工作圖標(biāo),你就能了解我們的搜索算法的厲害之處,它能囊括所有幾乎能與“工作”沾上邊的圖標(biāo)。
問(wèn)題是,每個(gè)人對(duì)于相關(guān)與不相關(guān)都有自己的理解。更要命的是,即使同一個(gè)人,在某些因素影響下也會(huì)對(duì)一個(gè)圖標(biāo)的相關(guān)與不相關(guān)做出不同的判斷,比如說(shuō)文字標(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è)問(wèn)題。
我邀請(qǐng)了5位參與者(實(shí)際上是7位,不過(guò)前兩位是我測(cè)試劇本的同事)。我只是讓他們來(lái)搜索圖標(biāo)。
搜索盒子圖標(biāo)……
搜索狗狗圖標(biāo)……
……然后指出他們覺(jué)得離譜的結(jié)果:
我邀請(qǐng)部分人用純圖標(biāo)模式搜索,另一些用圖標(biāo)+文字模式。我繪制了一張表格記錄所有數(shù)據(jù)——對(duì)于不同模式下的每個(gè)圖標(biāo),參與者指出了多少個(gè)離譜的搜索結(jié)果。
很快事情就超出掌控了。數(shù)據(jù)對(duì)我沒(méi)有任何幫助。參與者之間的區(qū)別和他們的感知實(shí)在過(guò)于戲劇性,我覺(jué)得需要上百名參與者才足夠讓我相信數(shù)據(jù),并從中總結(jié)出某種模式。
于是,我開(kāi)始關(guān)注細(xì)微的見(jiàn)解。雖然有些規(guī)律會(huì)在不同模式和不同圖標(biāo)中顯現(xiàn)出來(lái),但它們背后仍有一個(gè)簡(jiǎn)單規(guī)律。下面是我的觀察結(jié)果。
文字標(biāo)簽有影響嗎?
假如你搜索盒子圖標(biāo),在搜索結(jié)果中出現(xiàn)了這樣的圖形:
此時(shí),相關(guān)與否其實(shí)是受文字標(biāo)簽影響的。
【譯者注:在英文中,Box是盒子,而B(niǎo)oxing是拳擊】
如果加上文字標(biāo)簽,人們就會(huì)覺(jué)得命令行也算相關(guān)的結(jié)果。
所以“圖標(biāo)+文字”模式更合適,因?yàn)槿藗兡軓闹懈兄礁嘞嚓P(guān)的結(jié)果,于是搜索行為有更好的體驗(yàn),對(duì)嗎?其實(shí)不對(duì)。
視覺(jué)感知與語(yǔ)言感知
我們?cè)偎阉饕淮魏凶?。在各種搜索結(jié)果中發(fā)現(xiàn)了這個(gè)圖標(biāo):
許多參與者認(rèn)為它是相關(guān)的,因?yàn)樗幸粋€(gè)盒子的外形。但這是純圖標(biāo)的情況:
如果人們看到圖標(biāo)下方寫(xiě)著“顯示器”,他們果斷會(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ù)面作用,但這樣完全沒(méi)有建設(shè)性。
下面是每種模式一些積極的方面:
純圖標(biāo)模式
- 屏幕上可以展示更多圖標(biāo),我們能更快速瀏覽。
- 我們會(huì)根據(jù)視覺(jué)感知來(lái)選擇圖標(biāo),甚至因?yàn)橄矏?ài)它的設(shè)計(jì)勝過(guò)含義。設(shè)計(jì)師尋找靈感時(shí),更多以這種模式來(lái)搜索。而且,這種模式對(duì)logo創(chuàng)意和非UI相關(guān)的物品很有幫助(杯子、T恤等等)。
圖標(biāo)+文字模式
- 文字標(biāo)簽可以延伸搜索行為。比如說(shuō),如果你正在搜索“手機(jī)”圖標(biāo),然后看到“消息”圖標(biāo)出現(xiàn)在其中。然后你就知道搜索“消息”或其他相關(guān)詞語(yǔ),持續(xù)不斷擴(kuò)展你的搜索詞。
- 有時(shí)候文字標(biāo)簽并不明顯,要求很明確的圖標(biāo)都有非常具體的名稱(chēng)。比如符號(hào)鏈接文件或帶鎖孔的盾牌。有文字的話,就很容易記住這些圖標(biāo),以后要找還能找得到。對(duì)于長(zhǎng)期持續(xù)使用我們產(chǎn)品的用戶(hù)很有幫助。
那人們到底更偏向哪種模式?
老實(shí)說(shuō),兩種幾乎打了個(gè)平手。3名參與者喜歡前一種模式,剩下的則喜歡帶有文字的模式。無(wú)論如何,每種模式都使相應(yīng)的參與者受益了。
最后的思考
發(fā)起用戶(hù)體驗(yàn)研究來(lái)判斷哪種模式勝出,這非常有意思,但最終的結(jié)論是沒(méi)有確定的勝者。
好在我們現(xiàn)在知道了,每種模式都有它自己的優(yōu)勢(shì)。把它們都展示出來(lái)是正確的選擇,這樣人們就可以選擇符合自己習(xí)慣的模式。
希望你喜歡本文。如果對(duì)此研究有任何問(wèn)題,或者想發(fā)表自己的見(jiàn)解,隨時(shí)歡迎留言!