▲點擊 "TCC翻譯情報局" 關(guān)注，回復(fù) "社群" 加入我們

本文共 5619 字，預(yù)計閱讀 15 分鐘

TCC 情報局的 第 30 篇 干貨分享

2021 年的 第 18 篇 合作譯文

TCC 推薦：大家好，這里是 TCC 翻譯情報局，我是張聿彤。我們所接觸的事物都由不同顆粒的更小物質(zhì)組成，所有細(xì)節(jié)總和構(gòu)成了所看的樣子。作者運用斯坦福設(shè)計思維中常用的 UX 設(shè)計方法，通過對 Spotify 社交功能的設(shè)計分析，向我們展示了設(shè)計語境、衡量標(biāo)準(zhǔn)、理解用戶在用戶研究及優(yōu)化迭代方面的重要意義。文章從用戶調(diào)研、設(shè)計策略、原型設(shè)計、可視化設(shè)計、可用性測試和品牌推廣等方面闡述了項目流程，揭示了新功能從無到有的全過程，并運用大量的設(shè)計工具及研究方法，產(chǎn)出了細(xì)致精美的分析圖表。最后，作者抽絲剝繭，對自身收獲和成長進(jìn)行了復(fù)盤總結(jié)，強(qiáng)調(diào)了組件化對于設(shè)計成本和設(shè)計師的價值所在。

一個全新的 Spotify

一石二鳥

Multiple Birds With One Stone

還記得自己在各個 APP 之間不斷切換嗎？例如在多個社交媒體上分享歌曲或內(nèi)容；同時打開多個應(yīng)用查詢信息；從未得到過偶像的回復(fù)，卻依舊熱衷于評論和打榜；通過社交軟件尋找興趣相同的音樂好友......所有這些除了加載等候，還需要冗長的操作流程，我們在互聯(lián)網(wǎng)上投入如此多的精力，到底是為了什么呢？

試想，你可以在一款產(chǎn)品上完成這些事，不必多平臺切換，會是怎樣的體驗？如果可以一邊聽音樂一邊做這些所有的事情，不必來回切換，會是怎樣的體驗？如果為 Spotify 提供社交功能來提升產(chǎn)品體驗，會是怎樣的效果呢？

以下是我在 Purwadhika Startup & Coding School 設(shè)計課程中，為 Spotify 創(chuàng)建的社交功能的項目流程。希望通過提供多樣化的音樂服務(wù)，滿足全球大多數(shù)用戶的需求。

設(shè)計背景及目標(biāo)

Spotify 作為流媒體音樂行業(yè)的領(lǐng)跑者之一，試圖通過延伸社交能力來提升產(chǎn)品的參與度和留存率。產(chǎn)品已經(jīng)建立了一些核心功能，例如關(guān)注藝術(shù)家或朋友、宣傳音樂活動等基本社交活動，但除此之外，Spotify 還有很多事情可以做。我們的任務(wù)是制定一個最佳方案，確保新功能可以無縫銜接到 APP 中。

分工及時間規(guī)劃

用戶界面及體驗設(shè)計師需要在精益用戶體驗框架（within a Lean UX framework）內(nèi)，完成用戶調(diào)研、設(shè)計策略、原型設(shè)計、可視化設(shè)計、可用性測試和品牌推廣等工作，最后一個環(huán)節(jié)，預(yù)計在 4 周內(nèi)完成。

我的設(shè)計流程

設(shè)計思維流程圖

理解用戶

Empathise

在這個階段，我的目標(biāo)是充分理解整個業(yè)務(wù)，并了解 Spotify 的用戶群體，與目標(biāo)群體產(chǎn)生共情，從而理解用戶需求。為了實現(xiàn)這一目標(biāo)，我先后進(jìn)行了競品分析、啟發(fā)式評估、用戶體驗研究等作業(yè)。

競品分析

首先，我對二手資料進(jìn)行了快速研究，花費幾個小時來了解 Spotify 在流媒體音樂中的定位，并收集了足夠的信息來幫助確定我的研究重點和范圍，我收集了競爭對手的信息并分析了優(yōu)劣勢，以幫助 Spotify 通過新的社交功能實現(xiàn)差異化，從而找到了讓 Spotify 的社交功能脫穎而出的機(jī)會。

競品分析（2020）

啟發(fā)式評估

在進(jìn)行了競品分析后，我想通過執(zhí)行啟發(fā)式評估來熟悉 Spotify。即使我對移動端 APP 非常熟悉，但我認(rèn)為在設(shè)計新功能之前，首先要建立結(jié)構(gòu)性認(rèn)知。啟發(fā)式評估是一個很有效的應(yīng)用走查方法，可以用來評定 Spotify 的可用性，深入了解產(chǎn)品框架、結(jié)構(gòu)和內(nèi)容。

Spotify 應(yīng)用程序走查分析（2020）

用戶體驗研究

在熟悉產(chǎn)品結(jié)構(gòu)之后，我進(jìn)一步挖掘了 Spotify 的用戶需求，這有助于為后續(xù)設(shè)計注入真實的聲音，從而為用戶提供最佳的解決方案。

1、研究方法

研究采用 定量 和 定性 兩種方式。定量作為初步研究，采用在線方式，目的是獲得用戶行為及模式的量化數(shù)據(jù)。這些數(shù)據(jù)可以幫助我們識別 Spotify 用戶群體存在的某種現(xiàn)象，以更具體的方式推動研究。

然而，僅依靠定量數(shù)據(jù)并不能揭示用戶更深層次的見解，我們還需要借助定性研究，通過 1v1 的用戶訪談，進(jìn)一步挖掘用戶行為的動因。

2、用戶訪談

為了確保研究順利進(jìn)行，我創(chuàng)建了一個 開放式訪談指南，來驗證設(shè)計是否達(dá)成初始目標(biāo)。了解受訪者聽音樂、內(nèi)容分享、社交互動的使用習(xí)慣，以及他們是如何收集信息的。

3、招募要求

為了獲得更全面的用戶信息，這次訪談需要涵蓋 Spotify 中藝術(shù)家和非藝術(shù)家群體。同時，我借助了人口統(tǒng)計學(xué)的方法，收集了更多來自普通用戶的聲音。此外，還需要對比其他社交媒體，了解 Spotify 的用戶在其他平臺上的社交行為。

基于這些假設(shè)，招募的受訪者需符合以下特征：

• 藝術(shù)家 2 名 / 播客 2 名 / 非藝術(shù)家用戶 4 名

• 22 - 34 歲的用戶

• 每天在 Spotify 上花費 2 小時以上的用戶

• 每天在社交媒體上花費 2 小時以上的用戶

4、研究綜述

根據(jù)用戶訪談內(nèi)容，我整理了一份文檔，將陳述和觀察到的信息組織在便簽上，歸類相似信息，再定義各自的主題，以便發(fā)現(xiàn)和確定用戶需求。其中包含了一些重復(fù)的答案，描述了用戶如何思考、感受、表達(dá)和傾聽。

用戶訪談?wù)?/span>

5、用戶洞察

• 隨機(jī)調(diào)研 Spotify 用戶創(chuàng)建的歌單，發(fā)現(xiàn)大家音樂喜好相似；

• 協(xié)作共享播放列表通常用作歌曲參考或純分享；

• 分享歌曲或播客是一種自我意識的表達(dá)；

• 用戶傾向于在 Spotify 上尋找志同道合的人進(jìn)行交流和分享；

• 藝術(shù)家和粉絲之間的互動深入且有趣，尤其是現(xiàn)場問答環(huán)節(jié)。

6、用戶需求

• 用戶需要一種有效的方式找到志趣相投的人；

• 藝術(shù)家需要一個和粉絲親密互動的空間；

• 用戶需要一個分享和接收信息的空間。

7、創(chuàng)建人物畫像

為了創(chuàng)建更準(zhǔn)確的人物畫像，我重新審視了訪談中有關(guān)用戶看法、需求和痛點的內(nèi)容 —— 這些代表了關(guān)鍵用戶群體的核心需求。最后，從人物背景、特點、需求、痛點、常用功能等方面進(jìn)行了人物刻畫。

定義問題

Define

定義問題

人物畫像建立后，我試著 將用戶的見解和需求轉(zhuǎn)化為明確的觀點陳述（POV：Point of View Statements），嘗試回答 “我們?nèi)绾巫觥?/strong>（HMW：How Might We Questions）。通過定義設(shè)計挑戰(zhàn)和設(shè)計問題，為一系列創(chuàng)新方案鋪平了道路。

理解業(yè)務(wù)與用戶目標(biāo)

在尋找解決方案之前，需要確定業(yè)務(wù)目標(biāo)和用戶目標(biāo)的優(yōu)先級。通過對業(yè)務(wù)目標(biāo)、用戶目標(biāo)和技術(shù)因素的拆解，將三個維度的重疊區(qū)域設(shè)定為項目目標(biāo)。

定義功能并確定優(yōu)先級

基于業(yè)務(wù)目標(biāo)和用戶目標(biāo)，以及頭腦風(fēng)暴提出的想法，確定了哪些構(gòu)想可以進(jìn)一步發(fā)展為社交功能。

Spotify 論壇希望為 用戶提供一個隨意且親密的交流空間，以問答發(fā)帖的形式進(jìn)行互動。在這里，允許用戶尋找趣味相同的人，更深層次地連接藝術(shù)家和粉絲，通過激發(fā)他們的社交驅(qū)動力，從而提升產(chǎn)品的參與度和留存率。

信息架構(gòu)

之后，我搭建了 Spotify 的信息架構(gòu)，展示了新功能與當(dāng)前架構(gòu)的融合方式。

繪制原型

Prototype

繪制流程圖

新功能融入產(chǎn)品體系后，我開始 梳理產(chǎn)品的任務(wù)流，用來描述用戶需要經(jīng)過哪些步驟來完成關(guān)鍵任務(wù)。

接下來，我需要對任務(wù)流進(jìn)行詳細(xì)的說明，梳理出與新功能交互時可能存在的所有必要關(guān)鍵點。我通過兩個場景假設(shè)（粉絲交流 & 成員問答）創(chuàng)建用戶流程圖，展示用戶與新功能交互的兩條路徑。

低保真原型圖

在繪制了一系列低保真原型圖后，我輸出了第一個高保真原型圖，可以用于第一次可用性測試。

社交信息流 / 詢問卡片 / 收件箱 / 回答頁

測試階段

Testing

可用性測試

該測試的目的是 對功能可用性、接口設(shè)計、信息流及信息架構(gòu)進(jìn)行評估。為了確保測試結(jié)果的穩(wěn)定，我設(shè)置了適度和非適度兩種測試場景，分兩期進(jìn)行，共 46 名參與者。

適度可用性測試 -- 主持人將直接與測試參與者合作，指導(dǎo)他們完成研究，如果參與者在完成任務(wù)時遇到任何挑戰(zhàn)，主持人會幫助指導(dǎo)回答問題。適度可用性測試中研究人員可以遠(yuǎn)程或親自進(jìn)行。

非適度可用性測試 -- 它 沒有受到監(jiān)控或指導(dǎo)，因此在研究期間除了參與者外，沒有其他人在場。參與者按照自己的節(jié)奏、時間、地點完成任何任務(wù)并回答問題。

由于新冠疫情的大規(guī)模爆發(fā)，測試選擇線上開展。非適度可用性測試將在 Maze 網(wǎng)站進(jìn)行；而適度可用性測試由管理者主持在線會議，向參與者提供一系列任務(wù)和問題，然后記錄下他們的導(dǎo)航選擇、測試完成率、評論、總體滿意度、問題和反饋。每個非適度可用性測試大約需要兩天，適度可用性測試則需要花費參與者 1 個小時左右。

總的來說，通過可用性測試的會議可以驗證某項功能的目的和意義，以便參與者可以很快理解并使用。根據(jù)會議**現(xiàn)的幾個關(guān)鍵問題，將成功、模式、評論、收獲四個內(nèi)容，劃分為觀察/反饋、用戶洞察、建議三個維度。

關(guān)鍵反饋

盡管測試存在許多問題，但也 收獲了關(guān)鍵的正向信息?；蛟S是因為任務(wù)流足夠簡捷，用戶能夠快速獲得信息，幾乎所有的參與者都認(rèn)為產(chǎn)品非常容易使用。有趣的是，一些正面評價與**出現(xiàn)了重疊，雖然看似可以達(dá)成某種平衡，但事實并非如此。這些現(xiàn)象恰恰 指出了該功能的作用需要更加明確，盡管其概念已經(jīng)存在，但仍然需要被更好的執(zhí)行。

重新繪制

Back to the Drawing Board

迭代改變了什么？

根據(jù)第一次測試結(jié)果，我做了重要的優(yōu)化設(shè)計，并再次邀請 5 名受訪者參與測試。受訪者都認(rèn)為與先前版本有很大不同，并表示這是一個正向的變化：功能更加清晰；整體的隱私性提升；任務(wù)流程也更加順暢。

1、社交信息流

修改前 -- 信息層級不清晰；視覺壓抑；藝術(shù)家個人論壇層級較深且不明確；

修改后 -- 功能融合算法推薦；提供清晰導(dǎo)航介紹；突出論壇入口，更容易找到志趣相投的人；弱化交流空間；提供更多的交流機(jī)會；輕松訪問個人主頁；簡化論壇的驗證流程。

社交動態(tài)的迭代

2、詢問卡

修改前 -- 詢問流程不清晰；用戶對向誰詢問以及選擇的原因感到困惑；按鈕功能不清晰；

修改后 -- 用戶清楚向誰提問；更好的對比問詢對象；按鈕的功能指向性更明確。

重復(fù)詢問卡片

3、收件箱

修改前 -- 與社交信息流布局太相似；不支持內(nèi)容篩選。

修改后 -- 布局優(yōu)化；更新入口和信息層級；支持關(guān)鍵詞搜索以及問題排序。

收件箱頁面的迭代

品牌識別

遵循 Spotify 品牌設(shè)計原則，在現(xiàn)有色板、字體、圖形的基礎(chǔ)上，我創(chuàng)建了視覺規(guī)范文檔（這也是設(shè)計靈感收集的方式），其中包含 Spotify 論壇迭代后的設(shè)計元素?；陧椖勘尘昂陀脩粽{(diào)研，我首先定義了品牌調(diào)性。

更新低保真原型圖

在考慮了一些建議后，我將優(yōu)先級更高的問題分離出來，重新繪制了低保真原型圖，并用相關(guān)軟件渲染出高保真原型圖。其中社交頁、收件箱、詢問卡、答疑流程是優(yōu)化的重點。

總結(jié)

Personal Reflections

語境限制

在 Spotify 項目中，我成長了很多，最重要的是培養(yǎng)了自信心：相信這是一個合適的解決方案。根據(jù)項目的設(shè)計語境，優(yōu)先考慮哪些是必要的，哪些是多余的，并以此設(shè)定目標(biāo)。這些都促使我不斷評估自己的期望，努力去創(chuàng)造一個允許所有因素存在的體驗，并且堅信它是 “值得的”。另外，設(shè)定一個預(yù)期成果，有助于我們審視設(shè)計過程以及有計劃的規(guī)劃時間節(jié)點，使自己變得更加靈活且具備項目管理意識。所以，我始終堅信，實際項目的限定語境，能夠幫助我們根據(jù)實際情況明確關(guān)鍵的設(shè)計要點。

明確衡量標(biāo)準(zhǔn)

另一個收獲是，定義清晰的衡量標(biāo)準(zhǔn)。這有助于更好地分析研究結(jié)果，找到最佳的前進(jìn)方向。無論是共情分析，還是可用性測試，指標(biāo)都是推動優(yōu)化的關(guān)鍵，同時有助于我們關(guān)注更重要的東西。

多維視角（共情力）

通常在穿越馬路前，我們需要看下路的每一邊，這一點也適用于設(shè)計流程。在設(shè)計一款產(chǎn)品時，會有多方參與共創(chuàng)，當(dāng)然也會產(chǎn)生多種 “應(yīng)該被滿足” 的需求。在 Spotify 項目中，我切實體會到了共情力在設(shè)計中的意義，設(shè)計師不僅要從用戶的角度進(jìn)行思考，理解業(yè)務(wù)同樣是找到最佳方案的關(guān)鍵。

冰山一角

設(shè)計過程高于設(shè)計內(nèi)容。設(shè)計師的價值不僅在于圖稿的輸出，美學(xué)只是冰山一角，更重要是的思考、組織以及共情力，為產(chǎn)品找到最佳的戰(zhàn)略方向和解決方案，這才是令人興奮的時刻。

反思

What Could’ve Been Better?

“完美” 參數(shù)

研究過程中，我們需要提供準(zhǔn)確的平均值，識別那些引起數(shù)據(jù)偏離的異常值，并設(shè)定一個較小的誤差范圍。為了做到這一點，我們需要更大的樣本量，來假設(shè)那個更準(zhǔn)確或更具代表性的結(jié)果。這也是該項目中可以被優(yōu)化的部分。盡管有時情況并非如此，大量的樣本只會增加更多成本，并沒有改善結(jié)果，但我相信，找到樣本量與成本的平衡點，是共情設(shè)計的關(guān)鍵環(huán)節(jié)。

所有細(xì)節(jié)的總和

人類由細(xì)胞構(gòu)成，細(xì)胞則是由更小的事物組成，更小的事物中還存在更細(xì)微的成分。數(shù)字產(chǎn)品亦是這樣，不同顆粒和層級構(gòu)成了我們最終看到的東西。

通過本次 Spotify 的項目，讓我認(rèn)識到了組件的重要性，它們不僅決定了設(shè)計的一致性，還可以減少迭代成本，使設(shè)計過程變得簡單、高效。這也是我成為優(yōu)秀設(shè)計師的必備技能，希望在未來的工作中，能夠?qū)⒆⒁饬Ψ旁诟匾牟糠帧?/span>

原文：https://uxplanet.org/unleashing-**s-social-capabilities-a-ui-ix-case-study-2ac44ed012cc

作者：Faisal R Wargadinata

譯者：張小璽

審核：徐曼鷺、張聿彤

播客：張聿彤

剪輯：徐朝安

編輯：王婭

本文翻譯已獲得作者的正式授權(quán)（授權(quán)截圖如下）