PMCAFF（www.pmcaff.com）：互聯(lián)網(wǎng)產(chǎn)品社區(qū)，是百度，騰訊，阿里等產(chǎn)品經(jīng)理的學(xué)習(xí)交流平臺。定期出品深度產(chǎn)品觀察，互聯(lián)產(chǎn)品研究首選。

外包大師（www.waibaodashi.com）：要外包，找大師。PMCAFF旗下高質(zhì)量互聯(lián)網(wǎng)外包解決方案提供商。外包大師服務(wù)號：waibaodashi365

作者：騰訊體驗(yàn)設(shè)計(jì)師 ivy

最近，全民K歌迎來了它的三周年慶，三年里，全民K歌一步步走來，承載了太多人的回憶和故事，用心的用戶每年周年慶都會有一個(gè)定制MV送給全民K歌，作為這個(gè)產(chǎn)品最早期的設(shè)計(jì)師之一，常常感覺非常驕傲和幸運(yùn)。這篇文章，想通過最近完成的歌房項(xiàng)目，復(fù)盤整個(gè)K歌的設(shè)計(jì)歷程，也作為一個(gè)回顧和小結(jié)。

關(guān)于設(shè)計(jì)

在我的理解，設(shè)計(jì)分三個(gè)層次，界面設(shè)計(jì)－體驗(yàn)設(shè)計(jì)－生活方式設(shè)計(jì)。

界面設(shè)計(jì)是最基礎(chǔ)的功能布局、邏輯跳轉(zhuǎn)，而體驗(yàn)設(shè)計(jì)是關(guān)于用戶更立體的需求、動(dòng)機(jī)、行為；生活方式設(shè)計(jì)則是需要在體驗(yàn)設(shè)計(jì)基礎(chǔ)上，于生活的各個(gè)可被設(shè)計(jì)的觸點(diǎn)去影響用戶，培養(yǎng)使用習(xí)慣，最終構(gòu)建行為習(xí)慣，成為一種生活方式。

我們在最近一年里，完成了全民K歌TV版；和友唱團(tuán)隊(duì)合作推出了線下M-bar；和聯(lián)想、迅途合作推出麥克風(fēng)…這些其實(shí)都是在商業(yè)生態(tài)的層面不斷拓展和用戶在生活中的觸點(diǎn)，通過這些觸點(diǎn)不斷影響用戶，影響大家休閑娛樂的生活方式。

關(guān)于歌房

歌房是一個(gè)多人實(shí)時(shí)唱歌互動(dòng)的虛擬空間，歌房的設(shè)計(jì)完整打造用戶在這里唱歌互動(dòng)的體驗(yàn)，是一個(gè)完整的體驗(yàn)設(shè)計(jì)的案例。

在我看來，體驗(yàn)設(shè)計(jì)的關(guān)鍵點(diǎn)在于回答三個(gè)問題：從何而來、到哪兒去、如何做到。

從何而來，需要你深刻理解你的產(chǎn)品、你的用戶，清楚需求的來源；到哪兒去，則是需要分析清楚具體需求，確定設(shè)計(jì)目標(biāo)；如何做到則是在具體達(dá)成目標(biāo)的過程中遇到問題、解決問題。

那么，歌房從何而來？

從何而來

1、從全民K歌的體系來看

全民K歌是一款興趣社交產(chǎn)品，一直以來在做兩件大事：基礎(chǔ)K歌和社交互動(dòng)。

在基礎(chǔ)K歌的維度，為了滿足用戶唱得好的需求，我們不斷拓展內(nèi)容類型的豐富度，從普通音頻作品，到MV、說唱、以及最近正在做的短視頻，都是為了幫助用戶在這里產(chǎn)生豐富的內(nèi)容。

同時(shí)，為了幫助用戶產(chǎn)生優(yōu)質(zhì)內(nèi)容，我們提供海量曲庫、HQ伴奏、練唱等能力；給會員用戶提供教唱視頻，幫助用戶系統(tǒng)、全面地了解氣息、發(fā)聲等等知識。

在社交互動(dòng)的維度，為了滿足用戶玩得嗨的社交需求，除了基礎(chǔ)的評論、送禮、私信以外，我們不斷打造特色的互動(dòng)玩法，比如打擂、合唱、家族、pk等等。

基礎(chǔ)K歌和社交互動(dòng)這兩個(gè)維度是相互促進(jìn)的良性循環(huán)過程。社交互動(dòng)的原始需求要求基礎(chǔ)K歌能力不斷完善，基礎(chǔ)K歌能力的完善，幫助用戶不斷產(chǎn)生優(yōu)質(zhì)內(nèi)容，而用戶圍繞優(yōu)質(zhì)內(nèi)容又有了更強(qiáng)的社交互動(dòng)需求，在這個(gè)過程中，用戶粘性也就不斷提高。

事實(shí)上我認(rèn)為所有的興趣社交應(yīng)用都可以從這個(gè)思路去設(shè)計(jì)，打磨圍繞興趣的基礎(chǔ)能力的同時(shí)，打造社交互動(dòng)玩法，兩者良性循環(huán)粘住用戶。

2、從社交連接的維度來看

社交是關(guān)于人與人建立連接的，在K歌前兩年的時(shí)間里，我們所有的社交連接都需要依賴發(fā)表異步作品，一個(gè)用戶發(fā)表作品，其他用戶來聽歌，然后用戶之間產(chǎn)生評論、送禮等社交連接，這種連接是間接的、相對慢的。

為了幫助用戶更直接更快地連接起來，去年我們開始打造直播這樣的能力，給用戶提供了一個(gè)人與人實(shí)時(shí)連接的虛擬空間，在這個(gè)空間，有人唱歌，其他人立刻就可以聽歌，信息流通速度和效率都得到了提高，社交連接也更快速、通暢。

直播也有一定局限，在唱歌-聽歌的維度，直播是1對多的單向傳播關(guān)系，一個(gè)人需要撐起全部的表演，這對于表演者的要求是非常高的，所以一般而言，主播會玩得比較遛，對于普通用戶來說，直播會有點(diǎn)尷尬、玩不起來。

那如何更好地去滿足普通用戶的表演欲讓大家也實(shí)時(shí)玩起來呢？我們想到了群體的力量，就是如果不是用戶一個(gè)人上去唱，而是有表演欲的大家一起去唱，大家都來唱歌的場景下，一來一個(gè)人表演的尷尬感和壓力感都小很多，二來大家一起玩互動(dòng)性更強(qiáng)了，普通用戶也就會更愿意在這里玩起來。

3、從K歌用戶的社交關(guān)系來看

說到歌房，大家最容易想到的就是線下ktv，線下ktv是純熟人、小圈子的玩法。

K歌并不是一個(gè)純熟人的社區(qū)，在平臺里活躍的更多人，一直在不斷向陌生人展示自我，尋求關(guān)注。

我們會看到用戶不斷在私信里給各種人發(fā)自己的作品求互粉求關(guān)注，在評論里不斷地刷說來聽聽我的歌，然后特別喜歡跟一些粉絲多的人合唱，因?yàn)橐坏┍皇珍浰涂梢垣@得更多關(guān)注。

所以，歌房，其實(shí)是給到這樣的一群人一個(gè)虛擬空間，幫助他們突破地理限制、以歌會友；充分地展示自我、實(shí)時(shí)地社交互動(dòng)，更快速更廣泛地獲得關(guān)注，建立社交連接。

事實(shí)上，我們最大的競品唱吧，很早就做了歌房類似的能力，但他們實(shí)現(xiàn)的，僅僅是簡單的輪流獨(dú)唱，我們認(rèn)為其互動(dòng)性還遠(yuǎn)遠(yuǎn)不夠。

到哪兒去

了解清楚歌房的來龍去脈之后，我們開始回答第二個(gè)問題，到哪兒去。

我們K歌用戶大致能分為這樣六類，如剛才所說，粉色標(biāo)記的這類用戶，他們希望展示自我，渴望一夜成名，但他們不是頭部的主播用戶，他們在直播里沒辦法真的吸引那么多用戶來圍觀他，所以他們很有可能來歌房里唱歌，滿足他們展示自我和獲得關(guān)注的需求；而這些藍(lán)色這幾類有社交行為、喜歡關(guān)注追隨他人的人，則可能會在歌房里扮演聽歌互動(dòng)的角色。

接下來我們就去細(xì)化場景、挖掘動(dòng)機(jī)、提煉需求。

最終得到我們的設(shè)計(jì)目標(biāo)。

如何做到

帶著設(shè)計(jì)目標(biāo)，我們開始回答最后一個(gè)問題 ，如何做到。

分兩大塊來看——歌房的空間布局、歌房的核心亮點(diǎn)

歌房的空間布局

打造一個(gè)多人實(shí)時(shí)唱歌互動(dòng)空間。思路上有兩種，思路一是強(qiáng)調(diào)每個(gè)人、平等參與；思路二是突出表演者，給表演足夠大的空間，在唱歌人數(shù)和整體參與人數(shù)的維度里。

思路一強(qiáng)調(diào)每個(gè)人平等參與，可以唱歌的人多，但整體參與人數(shù)沒辦法很多；思路二整體參與人數(shù)可以很多，但同一時(shí)間唱歌的人少。我們希望是唱歌人數(shù)和整體參與人數(shù)都盡可能多。

我們的解決方案是，分區(qū)展示，平衡展示自我和社交互動(dòng)。

具體來看。

1、舞臺區(qū)

舞臺區(qū)的目標(biāo)是讓唱歌者獲得陪伴、展示自我、獲得關(guān)注，除了一個(gè)人一個(gè)人輪流唱以外，我們還可以滿足用戶和別人一起唱的需求。

同時(shí)，就像演唱會或者livehouse那種，唱歌和唱歌之間都會有一些dj或者主持人起到一定串場的作用，讓整個(gè)show不至于干。

所以我們設(shè)定了三種狀態(tài)，獨(dú)唱、合唱、語音席。語音席就是dj或者主持人的能力。區(qū)域上給最大的空間去展示表演者的視頻畫面，底部一行區(qū)域展示表演者的頭像，吸引關(guān)注。

語音席的觀眾同樣也給到頭像展示，讓大家知道是誰在串場說話，他也可以獲得一定的關(guān)注。

表演結(jié)束后，動(dòng)畫展示成績并突出關(guān)注按鈕，如果用戶覺得她唱得好，就可以直接關(guān)注，幫助表演者快速直接地獲得關(guān)注。

2、觀眾區(qū)

這里的目標(biāo)是讓用戶聽歌互動(dòng)得爽，土豪用戶能炫耀。從需求上來說和觀眾在直播間圍觀唱歌是非常類似的，所以我們基本沿用了直播的設(shè)計(jì)。

底部普通消息在互動(dòng)區(qū)盡可能多地滾動(dòng)展示；為了滿足土豪炫耀的心里，就像我們在演唱會送花上臺一樣，送禮的消息會跨界進(jìn)入舞臺區(qū)被所有人看到；也支持土豪付費(fèi)讓信息跨界到舞臺區(qū)讓更多人關(guān)注到。

3、房間信息區(qū)

頭部房間信息區(qū)就比較簡單，清晰地呈現(xiàn)誰的房間、有多少人、有多熱鬧即可滿足需求。

這樣，多人實(shí)時(shí)空間里各類人群就都有了滿足他們需求對應(yīng)的位置。

接下來看他們的操作

4、操作項(xiàng)布局

如前面所說，我們有4種角色，唱歌的、聽歌的、語音席的、房主的，而這四種角色還會相互切換，所以一共有19種操作，如何能夠清晰地呈現(xiàn)這么多操作，并且保證用戶在不同身份狀態(tài)切換時(shí)不迷失呢？

我的方案是，首先，依據(jù)核心行為分類整理；唱歌相關(guān)操作、聽歌互動(dòng)操作以及管理和其他。然后還原用戶進(jìn)行操作的場景，分類展示。

唱歌相關(guān)操作，是用戶表演的入口以及表演時(shí)的相關(guān)設(shè)置，所以將它放在舞臺區(qū)的位置呈現(xiàn)，方便用戶想要上臺以及在臺上表演時(shí)操作。

唱歌前會點(diǎn)歌、查看已點(diǎn)，唱歌過程中，專注于唱歌，調(diào)音相關(guān)的設(shè)置一般不會頻繁設(shè)置，所以把人聲伴奏調(diào)節(jié)濾鏡混響等操作收到控制臺里替換點(diǎn)歌的入口。

聽歌互動(dòng)以及其他的操作是用戶一進(jìn)入房間就可以做的，所以放到房間底部穩(wěn)定呈現(xiàn)，并且根據(jù)用戶身份和狀態(tài)切換去做變化。

聽眾狀態(tài)是最基礎(chǔ)的，評論、分享、其他放在左邊，送禮突出放大到右下角引導(dǎo)聽眾送禮。當(dāng)聽眾被邀請上語音席后，在普通操作基礎(chǔ)上，增加語音操作。

房主相對比較特殊，有一系列管理能力的操作，但并不是那么頻繁，所以都收起來放到管理里替換更多的入口；同樣，語音操作也放在最后面，保持和語音席一致。

這樣保證整體操作相對穩(wěn)定，用戶在各種角色切換過程中，就不會迷失了。

到這里，多人實(shí)時(shí)唱歌互動(dòng)的空間就搭建完成。唱歌和聽歌就都有了各自展示和操作的地方。

歌房的核心亮點(diǎn)——合唱

接下來是歌房最核心的亮點(diǎn)能力：合唱。這是用戶在歌房能夠互動(dòng)玩起來的一個(gè)很關(guān)

鍵的點(diǎn)，也是業(yè)界首創(chuàng)，同時(shí)也是一大難點(diǎn)。

1、流程問題

如果是一個(gè)人唱歌，流程其實(shí)很簡單，點(diǎn)歌、選歌、上麥然后就可以加載伴奏唱歌。

但在歌房合唱的情況，就比較復(fù)雜了。首先，合唱雙方需要有序地完成一系列操作，點(diǎn)歌選歌、申請合唱、確認(rèn)合唱、上麥唱歌；觀眾側(cè)需要同步實(shí)時(shí)接收兩端聲音聽到合唱。所以這其實(shí)需要完整考慮三端的體驗(yàn)。

從流程來看，有序很簡單。一個(gè)人發(fā)起合唱、選歌、排麥、上麥，這時(shí)候觀眾們看到了，就可以發(fā)起合唱申請，發(fā)起人從申請人里選擇一個(gè)來合唱、被選中的人上麥、然后加載伴奏合唱，觀眾側(cè)即可聽到合唱。

我們會發(fā)現(xiàn)，在這個(gè)過程中，發(fā)起方需要等待上麥、上麥后等待別人申請、確認(rèn)跟誰合唱后等待加入，最后等待加載伴奏；而合唱方，需要等待確認(rèn)申請、等待加載伴奏；觀眾方則需要等待他倆完成這一系列的過程。需要等待的地方太多時(shí)間太長。

怎么辦呢？我們回過頭來仔細(xì)審查了一下這些等待時(shí)間，其實(shí)有一些是可以合并的。

我們在用戶必須要等的排麥階段去完成一些操作。

首先是預(yù)加載，在點(diǎn)歌的階段去完成伴奏加載，將等待加載伴奏的時(shí)間合并到等待排麥中。其次是提前申請合唱的時(shí)機(jī)，其實(shí)最理想的是在排麥階段就完成整個(gè)申請確認(rèn)的過程，就像線下我們倆說好了我們合唱，我們就一起上臺合唱。

但線上的情況，考慮到用戶如果反復(fù)在排麥列表進(jìn)出去確認(rèn)申請?bào)w驗(yàn)不好，而且中途如果加入合唱的用戶離開房間還需要考慮是否告知發(fā)起人重新選擇等等，就更復(fù)雜，所以目前是支持用戶在排麥列表發(fā)起合唱申請，那發(fā)起人一上麥就可以從申請人里選擇一個(gè)加入合唱，申請人等待確認(rèn)的時(shí)間也就相應(yīng)縮短。

2、技術(shù)限制時(shí)設(shè)計(jì)決策

合唱我們還遇到了另一個(gè)非常大的問題：實(shí)時(shí)唱歌涉及到人聲伴奏的同步，聲音在物理傳輸過程中會有延遲，合唱雙方有一輪延遲，兩端傳到觀眾又是一輪延遲，如何解決呢？

技術(shù)側(cè)給到的方案是，演唱者A把人聲伴奏傳給演唱者B，演唱者B這邊合成好兩個(gè)人的聲音后，一起傳給觀眾。這樣演唱者A始終無法聽到演唱者B的聲音，但至少演唱者B和觀眾是能完整聽到合唱的。

這里就遇到?jīng)Q策，到底哪一方來做有損的一方呢？我們考慮了三個(gè)因素，首先，是可控性，我們可以在發(fā)起前給到一定的說明和提醒，其次是一致性，異步合唱的體驗(yàn)里，發(fā)起方發(fā)出時(shí)也是不知道最后會合唱成什么樣的。

最后是參與合唱的愉悅感，我們認(rèn)為加入合唱應(yīng)該是愉悅的，要不然我就自己去獨(dú)唱了，為什么要加入合唱呢。所以綜合考慮，我們最后選擇讓發(fā)起方來做有損的一方。

在發(fā)起方點(diǎn)歌時(shí)，提前告知合唱會有這樣的情況，唱歌過程中解釋清楚為什么會有這樣的情況，然后在唱歌結(jié)束后提供保存作品的能力，后續(xù)他可以去聽歌、發(fā)布。

至此，整個(gè)歌房的主界面設(shè)計(jì)、核心的唱歌互動(dòng)體驗(yàn)就設(shè)計(jì)完成；核心的設(shè)計(jì)目標(biāo)達(dá)成。歌房里特殊身份還有一些特殊能力，例如房主，他可以邀請觀眾上語音、控制麥序等；土豪型用戶除了已經(jīng)涉及到的炫耀相關(guān)需求以外，還會有例如他不想等排麥，我們支持他去付費(fèi)置頂?shù)鹊鹊母璺吭鲋迪嚓P(guān)的需求。

滿足完歌房里所有人的需求之后，歌房內(nèi)的體驗(yàn)就完成。后續(xù)也將持續(xù)在基礎(chǔ)K歌和社交互動(dòng)兩個(gè)維度不斷升級歌房的能力。

回到歌房在整個(gè)K歌的體驗(yàn)閉環(huán)里，關(guān)于如何產(chǎn)生，即創(chuàng)建入口和創(chuàng)建流程的設(shè)計(jì)；關(guān)于如何觸達(dá)，關(guān)系鏈外我們在熱門、附近去曝光，并且提供主題歌房吸引用戶；關(guān)系鏈內(nèi)，我們在用戶日常會產(chǎn)生關(guān)聯(lián)的地方去曝光，例如動(dòng)態(tài)feed、個(gè)人主頁、家族歌房等等；最后跟異步作品這里，也做了一個(gè)串聯(lián)，歌房可以產(chǎn)生作品、作品也可以引流回歌房。

至此，歌房完整的體驗(yàn)設(shè)計(jì)完成。

設(shè)計(jì)結(jié)果

從數(shù)據(jù)來看，我們目前還沒有完全放開歌房的創(chuàng)建能力，vip用戶才可以創(chuàng)建，但可以明顯看出，比ugc直播活躍度高，0.58的創(chuàng)建量，帶來了1.1倍的觀看量，以及3.2倍的次均觀看時(shí)長，收入也相當(dāng)可觀。可以感受到大家真的在這里活躍起來了。

在微博上也去關(guān)注了一下大家的反饋，大家表示玩得很開心。

小結(jié)一下

從界面設(shè)計(jì)到體驗(yàn)設(shè)計(jì)，最終到生活方式設(shè)計(jì)，我們的愿景是，就像微信和滴滴改變和影響大家社交、支付、出行等方面的生活方式，K歌能更深入地影響到大家休閑娛樂的生活方式，讓有歌聲的地方就有全民K歌。

關(guān)鍵點(diǎn)則是做好每一個(gè)體驗(yàn)設(shè)計(jì)，深刻理解你的產(chǎn)品、用戶；分析清楚需求確定設(shè)計(jì)目標(biāo)；帶著目標(biāo)去解決問題，回答好從哪兒來、到哪兒去、以及如何做到三個(gè)問題。

點(diǎn)擊閱讀原文，獲取5000個(gè)成熟解決方案

中高端求職 & 招聘，PMCAFF人才服務(wù)最懂你

=> alice.zhang@pmcaff.com

總結(jié)

以上是生活随笔為你收集整理的复盘 | 听全民K歌体验设计师聊聊歌房项目完整设计历程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。