<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 網易云音樂交互設計:如何讓用戶感知到個性化推薦

          2016-10-27    濤濤

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里網易云音樂交互設計:如何讓用戶感知到個性化推薦-IAMUE-交互設計學堂

          話說,云音樂是最早做歌單個性化推薦的——在首頁根據你的口味推薦歌單,只是一開始絕大多數用戶都不知道有這個功能。

          為什么呢?因為我們在展示上非常低調——在首頁上的表現就是,熱門推薦歌單和個性化推薦歌單混雜在一起。一般用戶會以為都是熱門推薦,只有非常細心的用戶才可能發現,比如你最近聽了不少古典音樂,那在首頁上就會看到古典相關的歌單推薦。

          網易云音樂交互設計:如何讓用戶感知到個性化推薦-IAMUE-交互設計學堂

          我們覺得這是我們的一個特色,應該發揚光大,讓更多的用戶感知到。針對這個問題,我們首頁做了一次改版,將熱門推薦和個性化(口味)推薦分成兩個獨立的欄目,各自配以明確的標題,同時給每一個口味推薦加上了推薦理由。

          網易云音樂交互設計:如何讓用戶感知到個性化推薦-IAMUE-交互設計學堂

          改版之后,就收到很多用戶反饋:很喜歡你們的個性化推薦功能!mummm……人的感知就是這么簡單粗暴。

          這一版首頁設計維持了相當長一段時間。直到某一天,產品再次提出:“我們現在首頁的內容太少,滾兩下就沒東西可看了,浪費了首頁這么好的位置。我們要在首頁推更多的內容給用戶,不光是歌單,還有專輯、MV、電臺節目等等,讓云音樂里更多好的資源曝光。”

          設計:“那原來的個性化推薦欄目怎么辦?”

          產品:“沒有這個欄目了,之后的首頁欄目按照內容類型分,每個欄目里都有可能出現個性化推薦的內容。”

          設計:“那不又回到之前的老問題了么?用戶感知不到個性化推薦。”

          產品:“現在用戶應該都知道這個功能了吧。”

          設計:“……”

          看在產品在首頁改版上沉淀了這么久的情分上(通常是情難卻),還是勇敢地面對首頁要改這個事實吧。

          按照設想初步繪制的原型:

          網易云音樂交互設計:如何讓用戶感知到個性化推薦-IAMUE-交互設計學堂

          mummm…..左看右看,反正就是看上去變平庸了——和那一票在首頁分類推薦各種內容的XX軟件沒啥區別。雖然我們自己知道,整個首頁都是個性化推薦,每個人看到的首頁都是不一樣的……除了新手引導(一次性的引導容易被忽略),如何讓用戶感知到這件事情呢?

          每個內容后面跟個推薦理由?首頁內容變多,布局變緊湊之后就擠不下了。

          給每個口味推薦的內容打個標記?畫出原型之后,就覺得太傻太壯觀。

          網易云音樂交互設計:如何讓用戶感知到個性化推薦-IAMUE-交互設計學堂

          點擊進入內容頁以后出個toast顯示推薦理由?并不是每個用戶都想看到這玩意兒的,軟件里現有的各種toast已經讓人心累。

          網易云音樂交互設計:如何讓用戶感知到個性化推薦-IAMUE-交互設計學堂

          挖空心思在想哪里還有空間。

          這時候有一種設計模式從記憶里浮現出來。微信朋友圈,瀏覽到很下面,想往回滾動的時候,頂部的系統狀態欄會短暫地被一個回到頂部的快捷操作提示替換一下。類似toast,但又沒有toast那么囂張。

          網易云音樂交互設計:如何讓用戶感知到個性化推薦-IAMUE-交互設計學堂

          感覺利用這個位置去顯示“推薦理由”還算靠譜,好處是沒有干擾主體界面展示。雖然從看見的時機上來說晚了一步,但是,至少還有機會真真實實地用肉眼看到。

          網易云音樂交互設計:如何讓用戶感知到個性化推薦-IAMUE-交互設計學堂

          同時我們還設計了一些其他的功能露出:

          比如新用戶還沒有任何口味數據的時候,中間的每日歌曲推薦功能是不可用的,此時將這個入口替換成讓用戶設置初始化口味的功能。

          網易云音樂交互設計:如何讓用戶感知到個性化推薦-IAMUE-交互設計學堂

          又比如把首頁的第一個tab名稱由“推薦”變為“個性推薦”;在首頁下拉出現的背景上顯示“首頁內容根據你的口味生成”,等等。

          網易云音樂交互設計:如何讓用戶感知到個性化推薦-IAMUE-交互設計學堂

          新版上線之后,一大波老用戶反饋來襲:哎呀原來首頁我很喜歡的個性化推薦功能怎么沒了?mummm……人的感知就是這么簡單粗暴。

          不過這個改版我們已經想了很久,方向已定,就不會因為用戶反饋而回退,能做的就是跟用戶說明,然后讓時間去沖淡一切。不知道現在有多少人知道我們首頁的個性化推薦呢。

          產品迭代過程中,如何優雅地讓用戶感知到我們的功能特色,是個永恒的議題。

           藍藍設計m.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務 

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://m.sdgs6788.com

          存檔

          亚洲欧美日韩久久精品第一区| 精品久久久久久无码人妻蜜桃| 免费无码国产欧美久久18| 无码AV中文字幕久久专区| 久久亚洲AV成人无码国产 | 韩国免费A级毛片久久| 午夜视频久久久久一区| 香港aa三级久久三级| 无码人妻久久一区二区三区| 久久精品视频网| 99久久国语露脸精品国产| 久久精品国产99久久久古代 | 久久久久18| 国产精品美女久久久久av爽| 99久久99久久久精品齐齐| 久久午夜综合久久| 亚洲精品久久久www| 久久久国产亚洲精品| 精品久久久久成人码免费动漫 | 久久伊人五月丁香狠狠色| 久久精品国产秦先生| 久久久久99精品成人片欧美| 久久综合九色综合网站| 香蕉99久久国产综合精品宅男自| 国产精品久久成人影院| 色综合久久久久综合体桃花网| 亚洲国产成人久久综合区| 国产精品VIDEOSSEX久久发布| 久久妇女高潮几次MBA| 久久久久亚洲av成人网人人软件| 国内精品伊人久久久久影院对白| 国产精品青草久久久久婷婷 | 久久人人爽人人爽人人av东京热 | 久久国产精品无码一区二区三区| 久久久久久久久久免免费精品 | 97热久久免费频精品99| 久久无码人妻一区二区三区| 久久精品无码专区免费东京热| 无码精品久久久久久人妻中字| 久久久久亚洲AV成人片| 狠狠色婷婷久久一区二区三区|