人們搜索圖標(biāo)的真相![UX用戶體驗(yàn)設(shè)計(jì)師必讀]

2018-05-21 2029 0

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

搜索狗狗圖標(biāo)……

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

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

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

于是,我開始關(guān)注細(xì)微的見解。雖然有些規(guī)律會(huì)在不同模式和不同圖標(biāo)中顯現(xiàn)出來,但它們背后仍有一個(gè)簡單規(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),對嗎?其實(shí)不對。

視覺感知與語言感知

我們再搜索一次盒子。在各種搜索結(jié)果中發(fā)現(xiàn)了這個(gè)圖標(biāo):

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

monitor-icon-label

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

這就意味著文字標(biāo)簽?zāi)苁共糠謭D標(biāo)相關(guān),也能使另一部分變得不相關(guān)。這是一場災(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í),更多以這種模式來搜索。而且,這種模式對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),以后要找還能找得到。對于長期持續(xù)使用我們產(chǎn)品的用戶很有幫助。

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

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

最后的思考

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

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

希望你喜歡本文。如果對此研究有任何問題,或者想發(fā)表自己的見解,隨時(shí)歡迎留言!

 


8
評論區(qū)(0)
正在加載評論...