好的設(shè)計(jì)必然是來(lái)自多次的迭代。

據(jù)亞馬遜Prime數(shù)字音樂(lè)業(yè)務(wù)統(tǒng)計(jì)，從2014年開(kāi)始，“用戶(hù)只聽(tīng)自己音樂(lè)庫(kù)的19％，其中大部分由目錄歌曲提供”，“客戶(hù)希望亞馬遜了解他們并提供個(gè)性化的音樂(lè)推薦”。

下圖從Prime音樂(lè)首席產(chǎn)品設(shè)計(jì)師Simon Pan博客截圖。

來(lái)自Simon Pan博客

思考問(wèn)題：我們?cè)趺礊橛脩?hù)在碎片時(shí)間提供個(gè)性化音樂(lè)推薦，并且擁有忠實(shí)用戶(hù)（提高用戶(hù)轉(zhuǎn)化率）呢？

?– 1 – ?我的角色

UX Designer

把握產(chǎn)品的核心功能、用戶(hù)研究（問(wèn)題腳本）、情景設(shè)定（動(dòng)作腳本）、制作可交互原型（A/B測(cè)試）、參與開(kāi)發(fā)（目前正在開(kāi)發(fā)iOS版本）。

UI Designer

根據(jù)可交互原型A/B測(cè)試的結(jié)果進(jìn)行界面視覺(jué)設(shè)計(jì)、微交互（動(dòng)效設(shè)計(jì)）、輸出設(shè)計(jì)規(guī)范和微交互動(dòng)畫(huà)的定時(shí)關(guān)鍵幀

– 2 – ?研究用戶(hù)聽(tīng)音樂(lè)的習(xí)慣

為了知道誰(shuí)是我們的用戶(hù)，她有什么痛點(diǎn)和需求，我采訪了十個(gè)人。我們希望我們的App能給喜歡音樂(lè)的人帶來(lái)個(gè)性化的音樂(lè)體驗(yàn)，所以我采訪的都是身邊的音樂(lè)愛(ài)好者。由于我們產(chǎn)品主要定位在18-34歲的女性群體，所以我采訪了8名女性2名男性音樂(lè)愛(ài)好者。

碰壁

在采訪過(guò)程及后續(xù)定性報(bào)告整理中，我發(fā)現(xiàn)了一個(gè)讓我很沮喪的問(wèn)題 – 用戶(hù)定位與產(chǎn)品定位出現(xiàn)嚴(yán)重偏差，我們的產(chǎn)品核心是碎片時(shí)間為用戶(hù)推薦定制化音樂(lè)體驗(yàn)，但是愛(ài)音樂(lè)的人每天聽(tīng)音樂(lè)時(shí)間在1-6小時(shí)之間，不符合我們“碎片時(shí)間”的產(chǎn)品定位。

于是我重新定位用戶(hù)群體 – 工作時(shí)間較長(zhǎng)、碎片時(shí)間想放松一下的人，并且適當(dāng)提高男性用戶(hù)的比例。我重新采訪了6名女性4名男性。

驚喜

發(fā)現(xiàn)問(wèn)題：音樂(lè)背后的故事 – 采訪第二個(gè)女性用戶(hù)（文藝女青年）時(shí)，了解到她最常用的音樂(lè)App是網(wǎng)易云音樂(lè)和一些使用習(xí)慣之后，我問(wèn)“你聽(tīng)一首歌的時(shí)候，會(huì)去看下面的聽(tīng)友評(píng)論或者自己寫(xiě)下一些想法嗎？” 她說(shuō)“都會(huì)的，看聽(tīng)友評(píng)論時(shí)感覺(jué)很多人沒(méi)有把想寫(xiě)的寫(xiě)完，我卻很想知道后續(xù)的事情，在字句之間找到自己的影子；有時(shí)一首歌勾起回憶，想記錄下此時(shí)的心情，就像一句話‘一個(gè)人的音樂(lè)，也想把周?chē)騽?dòng)’，但是無(wú)奈有140字的限制還淹沒(méi)在了評(píng)論海中”。 這段話我在錄音中反復(fù)聽(tīng)、思考著… 之后采訪中驗(yàn)證是否贊同這個(gè)說(shuō)法，普遍表示贊同，我想可以把它定位在“音樂(lè)背后的故事”吧！

增加功能點(diǎn)：聽(tīng)歌的時(shí)候可以看故事；自己撰寫(xiě)故事

驗(yàn)證想法：男性并不排斥熱烈的顏色 – 因?yàn)槲覔?dān)任UI設(shè)計(jì)師，所以當(dāng)時(shí)有個(gè)想法是主色選取熱情一些的顏色，但是一直疑問(wèn)男性是否能接受，所以我在采訪中帶著之前設(shè)想的幾種顏色驗(yàn)證一下，驚奇的發(fā)現(xiàn)男生并不排斥純度較高熱烈一些的顏色。這個(gè)驗(yàn)證適用在為年輕男性設(shè)計(jì)的產(chǎn)品上。

定性研究步驟圖

– 3 – 哪些人是我們的目標(biāo)用戶(hù)呢？(創(chuàng)建人物角色卡)

用戶(hù)調(diào)研是一個(gè)高強(qiáng)度的工作，幫助我們快速定位目標(biāo)用戶(hù)，并且有助于審核現(xiàn)有工作，了解用戶(hù)的目標(biāo)、用戶(hù)需求、行為和痛點(diǎn)。用戶(hù)調(diào)研表明，“音樂(lè)”的概念代表了一系列細(xì)微的心理感受，可能是一段回憶，可能是一句歌詞，可能是那么一個(gè)字。

我在整個(gè)項(xiàng)目中不斷使用人物角色來(lái)指導(dǎo)設(shè)計(jì)決策，并在用戶(hù)和功能設(shè)計(jì)之間創(chuàng)造橋梁。

我的角色設(shè)定包括三個(gè)不同的原型（分別是文藝女大學(xué)生、職場(chǎng)女白領(lǐng)、剛畢業(yè)的男青年），用來(lái)促進(jìn)討論我們的用戶(hù)需求，目標(biāo)和不同的使用場(chǎng)景。我確定了行為變量來(lái)細(xì)分用戶(hù)。這些變量可以分為性格、目標(biāo)、實(shí)現(xiàn)目標(biāo)的阻礙、動(dòng)機(jī)如聽(tīng)歌的回憶、寫(xiě)作分享等，影響選擇音樂(lè)應(yīng)用的因素如歌曲、歌詞、推薦等。我與用戶(hù)討論了這些角色，以便清楚地了解應(yīng)用程序的設(shè)計(jì)在第1階段和以后在未來(lái)版本中的目標(biāo)。

在指定人物角色并將其與我們的產(chǎn)品策略相匹配之后，我優(yōu)先考慮在早期階段專(zhuān)注于支持誰(shuí)。第一階段的應(yīng)用程序?qū)Ｗ⒂谥С治乃嚺髮W(xué)生的目標(biāo)，我們的主要角色。

下面是我為目標(biāo)用戶(hù)創(chuàng)建的人物角色卡：

女大學(xué)生

商場(chǎng)女白領(lǐng)

畢業(yè)男青年

– 4 – 目標(biāo)用戶(hù)、競(jìng)品精益分析

我把之前做的用戶(hù)研究、人物角色卡分析結(jié)合競(jìng)品-ONE進(jìn)行了一個(gè)較為精益的分析，結(jié)合問(wèn)題提出對(duì)應(yīng)的解決方案。

確定功能點(diǎn)：

1. 每日定制化推薦一首歌曲及故事（可以一邊聽(tīng)歌一邊看故事）
2. UGC思想，用戶(hù)自己撰寫(xiě)故事并投稿

精益分析圖

– 5 – 信息架構(gòu) ?交互流程圖 ?初級(jí)A/B測(cè)試

A-想法剛形成時(shí)的信息架構(gòu)

B-輕量化、增加用戶(hù)發(fā)表故事功能之后的信息架構(gòu)

初級(jí)A/B測(cè)試

定義目標(biāo)：底部四個(gè)導(dǎo)航和導(dǎo)航輕量化、增加發(fā)表故事功能的產(chǎn)品，哪個(gè)更能提升用戶(hù)體驗(yàn)。

測(cè)試了之前用戶(hù)訪談的十個(gè)人，六個(gè)女生四個(gè)男生分為兩組 – 三個(gè)女生兩個(gè)男生。

在產(chǎn)品原型（根據(jù)要測(cè)試的目標(biāo)展示的原型，不是全部）階段進(jìn)行初級(jí)A/B測(cè)試（“初級(jí)是因?yàn)闆](méi)有上線不能測(cè)試大量用戶(hù)，不能用大量數(shù)據(jù)去證明想法”），為了在產(chǎn)品發(fā)布前越早淘汰掉不那么閃光的產(chǎn)品思路，讓產(chǎn)品更快的“一擊即中”。

產(chǎn)品原型-A

產(chǎn)品原型-B

創(chuàng)建變量：導(dǎo)航欄位置 – 上下，是否增加用戶(hù)發(fā)表故事功能。

A/B測(cè)試過(guò)程

分析結(jié)果：更多的用戶(hù)喜歡B組更輕量化的界面布局，A組認(rèn)為“每日推薦”和“故事功能”重疊；B組普遍認(rèn)為“小而美”的應(yīng)用在使用上也應(yīng)該給人小眾的感覺(jué)，比較喜歡用戶(hù)發(fā)表故事的功能。

– 6 – 反思總結(jié)

這是我大三前半學(xué)期一直在做的項(xiàng)目，有拖延癥的我這幾天整理作品集才把《Music Story》交互設(shè)計(jì)過(guò)程整理出來(lái)，交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)、動(dòng)效設(shè)計(jì)是獨(dú)立完成的，交互設(shè)計(jì)也是邊學(xué)邊做。從小到大學(xué)畫(huà)畫(huà)、到大學(xué)順其自然學(xué)設(shè)計(jì)的我在之前項(xiàng)目中更注重視覺(jué)界面設(shè)計(jì)，對(duì)于交互設(shè)計(jì)也只是“信息建構(gòu)、做可交互產(chǎn)品原型圖”，通過(guò)這次的學(xué)習(xí)，尤其讓我明白了用戶(hù)研究的重要性，比如之前定位目標(biāo)用戶(hù) – “喜歡的音樂(lè)人”，通過(guò)用研才知道我的用戶(hù)定位與碎片時(shí)間推薦音樂(lè)的產(chǎn)品目標(biāo)偏差是多么大。

現(xiàn)在產(chǎn)品在交互方面仍有很多不足，需要改進(jìn)學(xué)習(xí)的地方，畢竟“好的設(shè)計(jì)必然是來(lái)自多次的iteration（迭代）”。

現(xiàn)在和團(tuán)隊(duì)兩個(gè)分別負(fù)責(zé)iOS和后臺(tái)的技術(shù)人員一起開(kāi)發(fā)iOS版本，預(yù)計(jì)一個(gè)月左右開(kāi)發(fā)完成。

視覺(jué)UI設(shè)計(jì)會(huì)這兩天整理好分享出來(lái)~ 最后，歡迎喜歡設(shè)計(jì)的“PP”們跟我這個(gè)“小PP”一起交流產(chǎn)品、交互、設(shè)計(jì)，一起成長(zhǎng)為“大PP”。

設(shè)計(jì)稿展示圖出來(lái)啦~

本文由 @設(shè)計(jì)小PP 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。