2016-10-27 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
話(huà)說(shuō)，云音樂(lè)是最早做歌單個(gè)性化推薦的——在首頁(yè)根據(jù)你的口味推薦歌單，只是一開(kāi)始絕大多數(shù)用戶(hù)都不知道有這個(gè)功能。
為什么呢？因?yàn)槲覀冊(cè)谡故旧戏浅５驼{(diào)——在首頁(yè)上的表現(xiàn)就是，熱門(mén)推薦歌單和個(gè)性化推薦歌單混雜在一起。一般用戶(hù)會(huì)以為都是熱門(mén)推薦，只有非常細(xì)心的用戶(hù)才可能發(fā)現(xiàn)，比如你最近聽(tīng)了不少古典音樂(lè)，那在首頁(yè)上就會(huì)看到古典相關(guān)的歌單推薦。
我們覺(jué)得這是我們的一個(gè)特色，應(yīng)該發(fā)揚(yáng)光大，讓更多的用戶(hù)感知到。針對(duì)這個(gè)問(wèn)題，我們首頁(yè)做了一次改版，將熱門(mén)推薦和個(gè)性化（口味）推薦分成兩個(gè)獨(dú)立的欄目，各自配以明確的標(biāo)題，同時(shí)給每一個(gè)口味推薦加上了推薦理由。
改版之后，就收到很多用戶(hù)反饋：很喜歡你們的個(gè)性化推薦功能！mummm……人的感知就是這么簡(jiǎn)單粗暴。
這一版首頁(yè)設(shè)計(jì)維持了相當(dāng)長(zhǎng)一段時(shí)間。直到某一天，產(chǎn)品再次提出：“我們現(xiàn)在首頁(yè)的內(nèi)容太少，滾兩下就沒(méi)東西可看了，浪費(fèi)了首頁(yè)這么好的位置。我們要在首頁(yè)推更多的內(nèi)容給用戶(hù)，不光是歌單，還有專(zhuān)輯、MV、電臺(tái)節(jié)目等等，讓云音樂(lè)里更多好的資源曝光?！?
設(shè)計(jì)：“那原來(lái)的個(gè)性化推薦欄目怎么辦？”
產(chǎn)品：“沒(méi)有這個(gè)欄目了，之后的首頁(yè)欄目按照內(nèi)容類(lèi)型分，每個(gè)欄目里都有可能出現(xiàn)個(gè)性化推薦的內(nèi)容?！?
設(shè)計(jì)：“那不又回到之前的老問(wèn)題了么？用戶(hù)感知不到個(gè)性化推薦?！?
產(chǎn)品：“現(xiàn)在用戶(hù)應(yīng)該都知道這個(gè)功能了吧。”
設(shè)計(jì)：“……”
看在產(chǎn)品在首頁(yè)改版上沉淀了這么久的情分上（通常是情難卻），還是勇敢地面對(duì)首頁(yè)要改這個(gè)事實(shí)吧。
按照設(shè)想初步繪制的原型：
mummm…..左看右看，反正就是看上去變平庸了——和那一票在首頁(yè)分類(lèi)推薦各種內(nèi)容的XX軟件沒(méi)啥區(qū)別。雖然我們自己知道，整個(gè)首頁(yè)都是個(gè)性化推薦，每個(gè)人看到的首頁(yè)都是不一樣的……除了新手引導(dǎo)（一次性的引導(dǎo)容易被忽略），如何讓用戶(hù)感知到這件事情呢？
每個(gè)內(nèi)容后面跟個(gè)推薦理由？首頁(yè)內(nèi)容變多，布局變緊湊之后就擠不下了。
給每個(gè)口味推薦的內(nèi)容打個(gè)標(biāo)記？畫(huà)出原型之后，就覺(jué)得太傻太壯觀。
點(diǎn)擊進(jìn)入內(nèi)容頁(yè)以后出個(gè)toast顯示推薦理由？并不是每個(gè)用戶(hù)都想看到這玩意兒的，軟件里現(xiàn)有的各種toast已經(jīng)讓人心累。
挖空心思在想哪里還有空間。
這時(shí)候有一種設(shè)計(jì)模式從記憶里浮現(xiàn)出來(lái)。微信朋友圈，瀏覽到很下面，想往回滾動(dòng)的時(shí)候，頂部的系統(tǒng)狀態(tài)欄會(huì)短暫地被一個(gè)回到頂部的快捷操作提示替換一下。類(lèi)似toast，但又沒(méi)有toast那么囂張。
感覺(jué)利用這個(gè)位置去顯示“推薦理由”還算靠譜，好處是沒(méi)有干擾主體界面展示。雖然從看見(jiàn)的時(shí)機(jī)上來(lái)說(shuō)晚了一步，但是，至少還有機(jī)會(huì)真真實(shí)實(shí)地用肉眼看到。
同時(shí)我們還設(shè)計(jì)了一些其他的功能露出：
比如新用戶(hù)還沒(méi)有任何口味數(shù)據(jù)的時(shí)候，中間的每日歌曲推薦功能是不可用的，此時(shí)將這個(gè)入口替換成讓用戶(hù)設(shè)置初始化口味的功能。
又比如把首頁(yè)的第一個(gè)tab名稱(chēng)由“推薦”變?yōu)椤皞€(gè)性推薦”；在首頁(yè)下拉出現(xiàn)的背景上顯示“首頁(yè)內(nèi)容根據(jù)你的口味生成”，等等。
新版上線(xiàn)之后，一大波老用戶(hù)反饋來(lái)襲：哎呀原來(lái)首頁(yè)我很喜歡的個(gè)性化推薦功能怎么沒(méi)了？mummm……人的感知就是這么簡(jiǎn)單粗暴。
不過(guò)這個(gè)改版我們已經(jīng)想了很久，方向已定，就不會(huì)因?yàn)橛脩?hù)反饋而回退，能做的就是跟用戶(hù)說(shuō)明，然后讓時(shí)間去沖淡一切。不知道現(xiàn)在有多少人知道我們首頁(yè)的個(gè)性化推薦呢。
產(chǎn)品迭代過(guò)程中，如何優(yōu)雅地讓用戶(hù)感知到我們的功能特色，是個(gè)永恒的議題。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com
