純圖標模式 PK “圖文”模式:用戶更傾向于哪種方式去搜索圖標?

2 評論 4712 瀏覽 7 收藏 10 分鐘

每個人對于相關與不相關都有自己的理解。更要命的是,即使同一個人,在某些因素影響下也會對一個圖標的相關與不相關做出不同的判斷,比如說文字標簽。給圖標加上文字標簽,或許就能改變人們的認知。那么,我們該如何應對這種情況呢?

假設你是一名獸醫。因為你非常善于利用人們對弱小可愛動物的愛心,所以Instagram賬號經營得風生水起。但這對你來說還不夠,你決定開發一個移動應用來拓展你的寵物帝國。這款應用能把人臉模擬成貓貓狗狗的臉。(承認吧,你14歲的時候肯定構想過類似的模擬馬臉和豬臉的應用。毫無疑問。)

那么你的這款改變世界的應用,肯定也需要一個圖標,貓咪圖標。這時候Icons8就派上了用場。

cat-search

在搜索框里輸入“貓”,下載你喜歡的“iOS”風格圖標,因為你覺得Appstore還不夠擁擠,差不多就是這樣。

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

我想表達什么?獸醫真是個好職業。好吧我只是在搞笑。

人們往往有各種奇怪的興趣。他們會搜索一些含糊不清的圖標,例如“新聞”、“工作”等。用在他們的應用、網站、T恤上。

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

work-search

問題是,每個人對于相關與不相關都有自己的理解。更要命的是,即使同一個人,在某些因素影響下也會對一個圖標的相關與不相關做出不同的判斷,比如說文字標簽。給圖標加上文字標簽,或許就能改變人們的認知。

我們不知道怎么應對這種情況,因為我們有兩種顯示模式:

icon-with-without-label

我下文中會把這兩種模式成為純圖標模式和圖標+文字模式。

哪種更好,圖標還是圖標+文字?哪種更適合作為默認模式?人們看到太多不相關結果時,會感到挫敗嗎?

我做可用性測試的主要動機,就是為了解答這幾個問題。

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

  • 搜索盒子圖標……
  • 搜索狗狗圖標……

……然后指出他們覺得離譜的結果:

dog-irrelevant

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

table-results

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

于是,我開始關注細微的見解。雖然有些規律會在不同模式和不同圖標中顯現出來,但它們背后仍有一個簡單規律。下面是我的觀察結果。

文字標簽有影響嗎?

假如你搜索盒子圖標,在搜索結果中出現了這樣的圖形:

box-icon-no-label

此時,相關與否其實是受文字標簽影響的。

box-icon-label

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

line-search-1

如果加上文字標簽,人們就會覺得命令行也算相關的結果。

所以“圖標+文字”模式更合適,因為人們能從中感知到更多相關的結果,于是搜索行為有更好的體驗,對嗎?其實不對。

視覺感知與語言感知

我們再搜索一次盒子。在各種搜索結果中發現了這個圖標:

monitor-icon-no-label

許多參與者認為它是相關的,因為它有一個盒子的外形。但這是純圖標的情況:

monitor-icon-label

如果人們看到圖標下方寫著“顯示器”,他們果斷會認為這是不相關的。

這就意味著文字標簽能使部分圖標相關,也能使另一部分變得不相關。這是一場災難,因為你永遠不知道你得到的是哪部分。但是……

每種模式各自好在哪里?

當然,我們可以只關注事物的負面作用,但這樣完全沒有建設性。

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

純圖標模式

  • 屏幕上可以展示更多圖標,我們能更快速瀏覽。
  • 我們會根據視覺感知來選擇圖標,甚至因為喜愛它的設計勝過含義。設計師尋找靈感時,更多以這種模式來搜索。而且,這種模式對logo創意和非UI相關的物品很有幫助(杯子、T恤等等)。

圖標+文字模式

  • 文字標簽可以延伸搜索行為。比如說,如果你正在搜索“手機”圖標,然后看到“消息”圖標出現在其中。然后你就知道搜索“消息”或其他相關詞語,持續不斷擴展你的搜索詞。
  • 有時候文字標簽并不明顯,要求很明確的圖標都有非常具體的名稱。比如符號鏈接文件帶鎖孔的盾牌。有文字的話,就很容易記住這些圖標,以后要找還能找得到。對于長期持續使用我們產品的用戶很有幫助。

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

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

最后的思考

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

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

希望你喜歡本文。如果對此研究有任何問題,或者想發表自己的見解,隨時歡迎留言,或者通過Twitter聯系我。

 

原文作者:Andrew

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

#專欄作家#

可樂橙,微信公眾號:可樂橙(colachangreen)。人人都是產品經理專欄作家,UI/UX設計師,關注互聯網,關注科技?,F居杭州,與小伙伴們正在創業途中?;蛟S不是一名優秀的設計師,至少是個快樂的設計師。

本文翻譯發布于人人都是產品經理,未經許可,不得轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 長篇大論寫了一堆東西,最后沒有得出任何結論,浪費時間

    來自廣東 回復
    1. 我有點不相信這是前騰訊產品會寫的回復。作者將自己思考和測試的過程都寫出來了,這對很多人來說是種學習方式的傳授;而且作者也得出了結論,兩種方式打了平手。

      來自北京 回復