圖片加載失敗
首頁 動态

Our News

動态

内蒙古先誠科技、網站設計、網站建設:我是怎樣(yàng)做Spotify網頁版可用性測試的

  生活在舊金山的用戶體驗設計師Lin Wang 并非供職于Spotify,但是作爲這(zhè)款軟件的重度用戶又出于職業習慣,她開(kāi)始爲這(zhè)款著名的音樂軟件的網

  頁版APP,進(jìn)行了一系列的可用性測試,提出了自己的優化意見和建議。文章内容并不出奇,但是測試方法和思路頗爲實用,值得學(xué)習。

  作爲一個獨立音樂愛好(hǎo)者,Spotify是我每天會用到的APP,Spotify所貢獻出的音樂資源深得我心。但是正如許多偉大的産品一樣(yàng),優秀的Spotify

  依然有提升的空間。通過(guò)一組可用性測試,我們發(fā)現用戶在使用Spotify的某些功能(néng)的時候,還(hái)是會碰到一些關鍵性的問題。

  測試目的

  确定Spotify 網頁APP在“查找音樂”、“整理音樂”和“分享音樂”功能(néng)上的問題和痛點。

  這(zhè)是目前的Spotify 網頁版APP的著(zhe)陸頁的界面(miàn)(2014年5月24日)

  測試對(duì)象:Spotify 網頁版 APP
  測試人員:八名每天都(dōu)會登錄Spotify聽音樂的固定用戶(他們并非隻使用Spotify)
  測試地點:舊金山
  設定參與者

  我新創建了一個虛拟人物Nick,并設定他爲一名iOS開(kāi)發(fā)者并且熱愛音樂。

  測試任務

  創建一個個人播放列表
  添加音樂到播放列表
  編輯播放列表并分享它
  訂閱(關注)音樂人
  這(zhè)套測試系統是基于網絡在線流媒體音樂服務的基本需求來設定的。人物的劃分是基于開(kāi)放式的場景,避免測試參與者會按照預定的方式來完成(chéng)這(zhè)些項目。

  測試過(guò)程

  在這(zhè)個過(guò)程中,我會使用QuickTime來記錄八項可用性測試。完成(chéng)記錄之後(hòu),我再根據記錄做筆記,并且确定可用性測試問題的優先級。

  我會根據測試用戶的反饋出來的痛點來進(jìn)行記錄。

  根據用戶操作來搜集“痛點”

  如你所見,盡管這(zhè)一塊明顯有許多的問題,但是我依然不打算將(jiāng)它們記錄到一起(qǐ)。相反我更願意著(zhe)重關注那些被(bèi)關注較多的、更能(néng)提升Spotify用戶體驗的問題。

  問題1:搜索結果過(guò)濾

  用戶希望能(néng)夠爲自己定制搜索結果:
  有用戶反饋:“我不想用Spotify的原因在于我很難通過(guò)它的搜索殷勤找到我想要的東西。”

  下面(miàn)的圖片表明,用戶希望找到關于“旅遊”主題的歌曲,但是用戶輸入“tourist”到搜索框之後(hòu),搜索結果無法過(guò)濾和篩選,更重要的是搜索

  結果本身的呈現形式也不是那麼(me)易懂。總而言之,用戶無法找到他們預期中的歌曲。

  所以,要不試試這(zhè)種(zhǒng)處理方式:允許用戶根據藝術家、專輯甚至日期進(jìn)行排序和篩選,并且將(jiāng)更有意義的搜索結果呈現在列表中。

  進(jìn)入下一個環節

  著名設計師Daniel Burka曾經(jīng)好(hǎo)心地指出:“……用戶真正想要的并非更好(hǎo)的排序,而是要篩選出結果…”

  在Spotify的篩選系統中,用戶已經(jīng)可以根據“專輯”、“藝術家”、“詳情”、“播放列表”以及“音樂”進(jìn)行排序了(正如我們之前所讨論的),但是這(zhè)種(zhǒng)篩選機制的問題并非在功能(néng)本身,而是視覺上讓用戶感到迷惑——它們看起(qǐ)來太相似了。下圖中,搜索出的标簽圖标和内容看起(qǐ)來就非常相似,哪個是用戶真正想要的?用戶不知道(dào)。不妨試試這(zhè)種(zhǒng)方案:通過(guò)小圖标來區分不同屬性的内容,在專輯内容的圖标背後(hòu)加上一個小唱片來從視覺上區别于其他,使用人物頭像圖标來标識

  出用戶;使用區分大小寫的單詞,來強化詞語的視覺識别度。相信這(zhè)些細節上的調整足以改變這(zhè)種(zhǒng)局面(miàn)。

  問題2:混亂的工具提示信息

  用戶期望“+”的意味著(zhe)“添加”,而非什麼(me)“保存”、“關注”。
有用戶反饋:“單擊‘+’按鈕我以爲會將(jiāng)音樂添加到播放列表裡(lǐ)面(miàn),可問題在于,我添加到哪個列表去了?”還(hái)有用戶說:“我擦這(zhè)到底是個什麼(me)功能(néng)???”
每一次點擊“+”按鈕都(dōu)會將(jiāng)第一首歌添加到他們的播放列表中。即使有一般的用戶已經(jīng)意識到這(zhè)個功能(néng)可能(néng)有問題,可還(hái)是點擊了它。在不同的頁面(miàn)中,同樣(yàng)的“+”按鈕同樣(yàng)存在,但是它在這(zhè)個語境下的含義已經(jīng)并非添加,而是“關注”或者其他。這(zhè)種(zhǒng)不一緻性令用戶感到困惑。當鼠标移動到“+”按鈕上去的時候,會顯示“保存”的提示,但是用戶完全不知道(dào)它意味著(zhe)什麼(me)以及音樂到底保存到了什麼(me)地方。“+”按鈕在這(zhè)裡(lǐ)的含義是“關注”,用戶感到迷惑的原因在于,它之前的提示是“保存”。奇怪的地方在于,在播放列表頁,同樣(yàng)的按鈕幹脆是沒(méi)有任何提示。

  那麼(me)我們不妨做做如下嘗試:我們爲“+”按鈕統一賦予“添加”的含義,讓用戶選擇他們將(jiāng)音樂保存到哪個列表中。

  問題3:爲何要“關注”?

  “關注”(Follow)按鈕令用戶感到迷惑。
實際上測試中,所有的用戶對(duì)對(duì)于“關注”按鈕表示疑惑。每個測試者都(dōu)以爲對(duì)某個藝術家“關注”之後(hòu)就可以在左側的“關注”按鈕下的列表中看到這(zhè)個藝術家的名字,實際上,并不是這(zhè)樣(yàng)。
有用戶疑惑地問:“我去,我關注的藝術家去哪兒了?”
也有用戶疑惑:“那左側面(miàn)闆的‘關注’是幹啥用的?”有一個用戶機智地說:“自從知道(dào)這(zhè)個按鈕沒(méi)用之後(hòu)我每次都(dōu)會親自搜索特定的藝術家,然後(hòu)找歌。”

  用戶們幾乎都(dōu)認爲這(zhè)個“關注”面(miàn)闆下會有他們關注的藝術家,實際上并非如此,這(zhè)個面(miàn)闆隻有下列的三個功能(néng):

  我們不妨試試這(zhè)個功能(néng):在“關注”面(miàn)闆之下增加一個“關注的藝術家”的分區,明确地顯示更新的信息、巡回演唱會的日期等内容,就像下圖的

  設計:

  進(jìn)入下一個環節

  毫無疑問現在的Spotify設計是非常簡潔的,但是它向(xiàng)用戶呈現的信息是否完整呢?用文字信息替換圖标固然可以傳遞更精準的信息,但是是否會破壞整個界面(miàn)的用戶體驗?設計師Daniel Burka認爲:“在圖标上懸停顯示文字提示固然緊湊,但你不能(néng)否認這(zhè)種(zhǒng)UI真的很差。”在這(zhè)個信息呈現的問題是姑且不做深究,但是導航面(miàn)闆中的信息組織上存在的問題才是我們應當關注的核心。

  最初的Spotify導航面(miàn)闆不論是對(duì)于觸摸屏設備還(hái)是傳統的桌面(miàn)端設備,大按鈕設計是更符合用戶需求的。因此我建議在界面(miàn)上呈現更多的信息,入下圖所示:

  我讓整個面(miàn)闆比之前更寬,可以承載更多内容;令搜索框更明顯;圖标和文字相互搭配,清晰自然;可以點擊查看的二級菜單,容納更多信息和選擇;增加了滾動條,方便操作;更加清晰的個人信息呈現。

  下一步

  驗證我的設計建議
  進(jìn)行更多測試
  産品叠代
  進(jìn)行用戶研究的目的是要了解用戶的需求和冬季,使我們可以開(kāi)發(fā)用戶真正喜愛的産品,更加優秀的産品。我們需要將(jiāng)用戶的需求和動機融入到産品中,推動開(kāi)發(fā),完善設計過(guò)程中每一個步驟。