生(shēng)活在舊(jiù)金(jīn)山(shān)的(d✔§∏♣e)用(yòng)戶體(tǐ)驗設計(jì)師(shī)Lin Wang 并← 非供職于Spotify，但(dàn)是(shì)作(zuò)為(wèi)這(zhè)款軟σλ↓件(jiàn)的(de)重度用(yòng)戶又(yòu)出于職業(×>♣♥yè)習(xí)慣，她(tā)開(kāi)始為(wèi)這(zhè)款著Ω♦↓名的(de)音(yīn)樂(yuè)軟件(jiàn)的(de)網

　　頁版APP，進行(xíng)了(le)一(yī)系列的(de)可(kě)用(y§φ→₹òng)性測試，提出了(le)自(zì)己的(de)優化(huà)意見(jiàn)和(hé)建議(✘♥π yì)。文(wén)章(zhāng)內(nèi)容并不(bù↓γ↔€)出奇，但(dàn)是(shì)測試方法和(hé)思路(lù)頗為♣ £ (wèi)實用(yòng)，值得(de)學習(xí)。

　　作(zuò)為(wèi)一(yī)個(gè)獨立音(yīn)樂(y♦♣ <uè)愛(ài)好(hǎo)者，Spotify是&★™÷(shì)我每天會(huì)用(yòng)到(dào)的(de)§φAPP，Spotify所貢獻出的(de)音(yīn)樂(yuè)資源深得(de)我心。但(≠§ αdàn)是(shì)正如(rú)許多(duō)λσ偉大(dà)的(de)産品一(yī)樣，優秀的(de)Spotify

　　依然有(yǒu)提升的(de)空(kōng)間(jiān)。通(tō&≤≥☆ng)過一(yī)組可(kě)用(yòng)性測試，我們發現(xiàn)用(yòng)戶在使用₽♥(yòng)Spotify的(de)某些(xiē)功能(néng)的(de)時(shí)候，還(h♣↓‌€ái)是(shì)會(huì)碰到(dào)一(yī)些(xiē)關鍵性的(de)問(wèn)‍​®題。

　　測試目的(de)

　　确定Spotify 網頁APP在“查找音(✘'βyīn)樂(yuè)”、“整理(lǐ)音(yīn)樂(yuè)”和(hé)“分(fēn)↔¶₹≤享音(yīn)樂(yuè)”功能(néng)上(shàng)的(de)問(&₩wèn)題和(hé)痛點。

　　這(zhè)是(shì)目前的(de)Spotify 網頁版APP的®β✔(de)著(zhe)陸頁的(de)界面（2014年(nián)5月(yuè)24日(rì)≤≈）

　　測試對(duì)象：Spotify 網頁版 APP
　　測試人(rén)員(yuán)：八名每天都(dō≤∞₩ u)會(huì)登錄Spotify聽(tīng)音(yīn)樂(yuè)的(d'↑Ω•e)固定用(yòng)戶（他(tā)們并非隻使用(yòng‌σ‌)Spotify）
　　測試地(dì)點：舊(jiù)金(jī$≈n)山(shān)
　　設定參與者

　　我新創建了(le)一(yī)個(gè)虛拟人(rén)物(wù)Nick，并設定∏ 他(tā)為(wèi)一(yī)名iOS開(kāi)發£∏π者并且熱(rè)愛(ài)音(yīn)樂(yuè)。

　　測試任務

　　創建一(yī)個(gè)個(gè)人(rén)播放(fàng)列表
　　添加音(yīn)樂(yuè)到(dào)播放(fàng)列表
　　編輯播放(fàng)列表并分(fēn)享它
　　訂閱（關注）音(yīn)樂(yuè)人(r∑®€én)
　　這(zhè)套測試系統是(shì)基于網絡在線流媒體(tǐ)音(yīn)樂(π™yuè)服務的(de)基本需求來(lái)設定的(de)。人(rén)物(λ'wù)的(de)劃分(fēn)是(shì)基于開(kāi)放(fà"β✔λng)式的(de)場(chǎng)景，避免測試參與者會(huì)按照(zhào)預定的↓±↓(de)方式來(lái)完成這(zhè)些(xiē)項目。

　　測試過程

　　在這(zhè)個(gè)過程中，我會(huì)使用(yòn♦±¶÷g)QuickTime來(lái)記錄八項可(kě)用(y≈ •♥òng)性測試。完成記錄之後，我再根據記錄 ×↑做(zuò)筆(bǐ)記，并且确定可(kě)用(y‌§♣òng)性測試問(wèn)題的(de)優先級。

　　我會(huì)根據測試用(yòng)戶的(de)反饋出來(lái)的(de)痛點來(lá✔>βαi)進行(xíng)記錄。

　　根據用(yòng)戶操作(zuò)來(lái)搜集“痛點”

　　如(rú)你(nǐ)所見(jiàn)，盡管這(zhè)一(yī)塊明(m₽♠☆§íng)顯有(yǒu)許多(duō)的(de)問€δγ¥(wèn)題，但(dàn)是(shì)我依然不(bù)打算(suàn)将它們記錄到(dào★γ£)一(yī)起。相(xiàng)反我更願意著(zheλ÷)重關注那(nà)些(xiē)被關注較多(duō™₽≤®)的(de)、更能(néng)提升Spotify用(yòng)戶±←體(tǐ)驗的(de)問(wèn)題。

　　問(wèn)題1：搜索結果過濾

　　用(yòng)戶希望能(néng)夠為(wèi)自(zì)己定制(zhì)搜索結‌→≠果：
　　有(yǒu)用(yòng)戶反饋：“我不(bù)想用($ ≥yòng)Spotify的(de)原因在于我很(hěn)難通(t≤€©ōng)過它的(de)搜索殷勤找到(dào)我≤≈¥♦想要(yào)的(de)東(dōng)西(xī)。”

　　下(xià)面的(de)圖片表明(míng)，用(yòng)戶希望找到(dào≥₽)關于“旅遊”主題的(de)歌(gē)曲，∏✘§γ但(dàn)是(shì)用(yòng)戶輸入“tourist”到(dào)搜索框之後，搜索結果無法♦→過濾和(hé)篩選，更重要(yào)的(de)♠✘‌¶是(shì)搜索

　　結果本身(shēn)的(de)呈現(xiàn)形式也(yě)不λ&ε¥(bù)是(shì)那(nà)麽易懂(dǒng)。©≈<ε總而言之，用(yòng)戶無法找到(dào)€♣φ他(tā)們預期中的(de)歌(gē)曲。

　　所以，要(yào)不(bù)試試這(zhè)種處理(lǐ)方式：允許用(yòng)£₩↔↓戶根據藝術(shù)家(jiā)、專輯甚至日(rì)期進行(xí÷♦λng)排序和(hé)篩選，并且将更有(yǒu)意義的(de)搜索結果呈現(>σ←xiàn)在列表中。

　　進入下(xià)一(yī)個(gè)環節

　　著名設計(jì)師(shī)Daniel Burka曾經好(hǎo)心地(dì)​£₩指出：“……用(yòng)戶真正想要(yào)的 ♣(de)并非更好(hǎo)的(de)排序，而是(shì)要<π☆©(yào)篩選出結果…”

　　在Spotify的(de)篩選系統中，用(yòng)戶已經可(kě≥>>)以根據“專輯”、“藝術(shù)家(jiā)”±✔•、“詳情”、“播放(fàng)列表”以及“音(yīn)樂(yuè)”進行(xíng)排序了(le)✘♥♠（正如(rú)我們之前所討(tǎo)論的(de)），但(dàn)是(δ shì)這(zhè)種篩選機(jī)制(zhì)的(de)問(w₽€ ¥èn)題并非在功能(néng)本身(shēn)，而是(shì)視®₽× (shì)覺上(shàng)讓用(yòng)戶感到(dào)迷惑——它們看(kàn)起來(l♥≥₩ái)太相(xiàng)似了(le)。下(x≥←ià)圖中，搜索出的(de)标簽圖标和(hé)內(nèi)容看(kàn)起來(lái)就(≈ ¶≥jiù)非常相(xiàng)似，哪個(gè)是(shì)用(£÷α"yòng)戶真正想要(yào)的(de)？用(yòng)戶不(bù)知(zhī)道↑©©$(dào)。不(bù)妨試試這(zhè)種方案：通(tōng)過小(xiǎo)圖×÷<标來(lái)區(qū)分(fēn)不(bù)同屬性的(de)內©>★±(nèi)容，在專輯內(nèi)容的(de)圖标背後加上(shàng)一® →(yī)個(gè)小(xiǎo)唱(chàng)片來(lái)從(cóng☆®)視(shì)覺上(shàng)區(qū)"αγ♠别于其他(tā)，使用(yòng)人(rén)物(wù)頭像圖标來(lái)标識

　　出用(yòng)戶；使用(yòng)區(qūπ¥)分(fēn)大(dà)小(xiǎo)寫的(de)單詞，來(láδ≤i)強化(huà)詞語的(de)視(shì)覺識别度。相(xiàng)信這(zhè)些(xiē₹π)細節上(shàng)的(de)調整足以改變'≠這(zhè)種局面。

　　問(wèn)題2：混亂的(de)工(gōng)具提示信息

　　用(yòng)戶期望“+”的(de)意味著(zhe)“添加”，而非什(shén)麽“←φ保存”、“關注”。
有(yǒu)用(yòng)戶反饋：“單擊‘+•♦​’按鈕我以為(wèi)會(huì)将音(yīn)樂(yuè)添加到(dào)播放(fàng)δβ'列表裡(lǐ)面，可(kě)問(wèn)題在于，我添加到(dào)哪個(gè)列☆ ∞&表去(qù)了(le)？”還(hái)有(yǒu)用(∏$÷yòng)戶說(shuō)：“我擦這(zhè)到(dΩΩ♥ào)底是(shì)個(gè)什(shén)麽功能(néng§☆✘)？？？”
每一(yī)次點擊“+”按鈕都(dōu)會(huì)将第一β✔(yī)首歌(gē)添加到(dào)他(tā)們的(d≈↓e)播放(fàng)列表中。即使有(yǒu)一(yī)般的(↔γ₹de)用(yòng)戶已經意識到(dào)這(zhè)個(gè) ★功能(néng)可(kě)能(néng)有(yǒu)問(wèn)題，可(₽&≤kě)還(hái)是(shì)點擊了(le)它。在不(bù)同的(de)頁面™€™‍中，同樣的(de)“+”按鈕同樣存在，但(dàn)是(shì)它在這(→λ ∞zhè)個(gè)語境下(xià)的(de)含義已經并非添加，而是(s≥↕δ☆hì)“關注”或者其他(tā)。這(zhè)種不♣©≥→(bù)一(yī)緻性令用(yòng)戶感到(dào)困惑。當鼠标移φ®α動到(dào)“+”按鈕上(shàng)去(qù)的(de)時(shí)候，≠™會(huì)顯示“保存”的(de)提示，但(dàn)是(shì)用(yòng)戶完全不φγ☆(bù)知(zhī)道(dào)它意味著(zhe)™₽什(shén)麽以及音(yīn)樂(yuè)到(dào)底保存到(dào)了(le)什∞σ✘‍(shén)麽地(dì)方。“+”按鈕在這(zhè)裡(lǐ)的(de)含義是(λ↔shì)“關注”，用(yòng)戶感到(dào)迷惑的(∑≥de)原因在于，它之前的(de)提示是(shì)“保存”。奇Ω↔±怪的(de)地(dì)方在于，在播放(fàng)列表頁，同樣的(&÷de)按鈕幹脆是(shì)沒有(yǒu)任何提示。

　　那(nà)麽我們不(bù)妨做(zuò)做(zuò)如(rú₹↕♠φ)下(xià)嘗試：我們為(wèi)“+”按鈕統一(yī)賦予“添加”的(de)含π≥$↔義，讓用(yòng)戶選擇他(tā)們将音(∑∞₽yīn)樂(yuè)保存到(dào)哪個(gè)列表中。

　　問(wèn)題3：為(wèi)何要(yào)“關注”？

　　“關注”（Follow）按鈕令用(yòng)戶感到(dào)迷惑。
實際上(shàng)測試中，所有(yǒu)的(de) ♠用(yòng)戶對(duì)對(duì)于“關注”按鈕表示疑惑。每個"≤(gè)測試者都(dōu)以為(wèi)對(duì)某個(gè)藝術(shù)家(ji•ε₩φā)“關注”之後就(jiù)可(kě)以在左側的(de)“關注★&”按鈕下(xià)的(de)列表中看(kàn)到(dào♠£​<)這(zhè)個(gè)藝術(shù)家(jiā)的± ®✔(de)名字，實際上(shàng)，并不(bù)是(shì)這(zhè)樣。
有(yǒu)用(yòng)戶疑惑地(dì)問(wèn)：“我去(qù)，我關注的(dπ≤e)藝術(shù)家(jiā)去(qù)哪兒(ér)了(le)× α？”
也(yě)有(yǒu)用(yòng)戶疑惑：“那(n©£à)左側面闆的(de)‘關注’是(shì)幹啥用(yòng)的(de)？ ​”有(yǒu)一(yī)個(gè)用(yòng)戶機(jī)智地₽ ✔(dì)說(shuō)：“自(zì)從(cóng)知(zhī)道(dào)這(zhλ βσè)個(gè)按鈕沒用(yòng)之後我每次都(dōu)會(huì)親自(zì)搜索特定₩☆β×的(de)藝術(shù)家(jiā)，然後找歌(gē)。”

　　用(yòng)戶們幾乎都(dōu)認為(wèi)這(zhè)個(gè)“<↓關注”面闆下(xià)會(huì)有(yǒu)他(tā)們關注的(∑•β de)藝術(shù)家(jiā)，實際上(shàn↕₽•g)并非如(rú)此，這(zhè)個(gè)面闆隻有(yǒu)下(xià)列的(de)三個(gè ∏≤$)功能(néng)：

　　我們不(bù)妨試試這(zhè)個(gè)功能(néng)：在“關注”面闆之‍γ₹下(xià)增加一(yī)個(gè)“關注的(de)藝術(shù)家(jiā)”的(de)分σ £☆(fēn)區(qū)，明(míng)确地(dì)顯示更新的(de)信息、巡回演唱(chàng)會☆ δ(huì)的(de)日(rì)期等內(nèi)容，就↓α♦(jiù)像下(xià)圖的(de)

　　設計(jì)：

　　進入下(xià)一(yī)個(gè)環節

　　毫無疑問(wèn)現(xiàn)在的(↑★βde)Spotify設計(jì)是(shì)非常簡潔的(de)，但(dàn)是(☆​shì)它向用(yòng)戶呈現(xiàn)的(de)信息是(shì)×₹β否完整呢(ne)？用(yòng)文(wén)字信息替換圖标固然可 ★<π(kě)以傳遞更精準的(de)信息，但(dàn)是(shì)是(shì)否會(huìδ α☆)破壞整個(gè)界面的(de)用(yòΩ→©"ng)戶體(tǐ)驗？設計(jì)師(shī)Daniel Burka認為(wèi)：“在圖标上↕♦​<(shàng)懸停顯示文(wén)字提示固然緊 ♦α湊，但(dàn)你(nǐ)不(bù)能(néngλ₹)否認這(zhè)種UI真的(de)很(hěn)差。”在這(zhè)♦×個(gè)信息呈現(xiàn)的(de)問(σπ$wèn)題是(shì)姑且不(bù)做(zuò)深究，但(dàn)是(shì) λ↔導航面闆中的(de)信息組織上(shàng)存在的↑±(de)問(wèn)題才是(shì)我們應當關注的(de)核心。

　　最初的(de)Spotify導航面闆不(bù)論是(shì)對(<±₽duì)于觸摸屏設備還(hái)是(shì)傳統的(≤∑δ<de)桌面端設備，大(dà)按鈕設計(jì)是(shì)更符合用(yòng)☆∞≥λ戶需求的(de)。因此我建議(yì)在界面上(shàng)呈現(xiàn)更多(duō)的(♦≠de)信息，入下(xià)圖所示：

　　我讓整個(gè)面闆比之前更寬，可(kě)以承載更多(duō)內(nèi)容；令搜索框更明¥✘σ(míng)顯；圖标和(hé)文(wén)字相(xiàng"☆"α)互搭配，清晰自(zì)然；可(kě)以點擊查看(kàn)的(de)二級菜單，容δ÷納更多(duō)信息和(hé)選擇；增加了(le)滾動條，方便操作(zuò)；更加清 ‍"晰的(de)個(gè)人(rén)信息呈現(xiàn)‌<。

　　下(xià)一(yī)步

　　驗證我的(de)設計(jì)建議(yì)
　　進行(xíng)更多(duō)測試
　　産品叠代
　　進行(xíng)用(yòng)戶研究的(de)±®£目的(de)是(shì)要(yào)了(le)解用(yòng)戶的(de)需求和(©≥₩hé)冬季，使我們可(kě)以開(kāi)發用(yòng)戶真正喜愛≤σ♣★(ài)的(de)産品，更加優秀的(de)産品。我們需要π'<(yào)将用(yòng)戶的(de)需求和(hé)動機(α₽✔✔jī)融入到(dào)産品中，推動開(kāi≠∞)發，完善設計(jì)過程中每一(yī)個(↔γ←‍gè)步驟。