[20 day]网易云音乐- 热评墙的用户社区
今天给大家带来的是网易云音乐热评墙的设计分享。
Tip:从需求/场景分析,设计体验维度分析!!!
第二十天,
Hello,大家好,我是小子...
今天给大家带来的是网易云音乐热评墙的设计分享。
还记得在上大学的时候,看学校晚会,都会有一个微博墙,编辑上墙内容,发送到100862…一大溜的数字。不过那会儿为了上墙,可以拼了老命的不断编辑发送,编辑发送。就是为了短信内容可以上墙,停留个2-3秒。那种感觉,别提多妙了。

都说设计源于生活,所以,【弹幕】设计的原型就已经出现了。大家可以实时对节目的表演做出点评,点评可以通过精选上墙,展现给所有人看,而上墙带给用户的【惊喜感】是远远比简单的吐槽带来得心理感官会更加强烈。
最近很多软件都出现了热评的功能,评论区不再是隐藏在对话图标的下面,得到很多用户认可的评论,可以被送上热评,首页显示。这就和之前的微博上墙不谋而合,当你的评论被置顶,被优先显示时,用户的虚荣心得到了很好的满足。
之前的文章中有提到【评论功能是辅产品】,用户其实很喜欢看评论的,这绝不是伪需求,很多时候,评论的世界会比主内容来得更精彩,都说评论出大神,一点也不假。那如何做好大神评论带来的热效应?推动整个社区的发展?
需求/场景分析:
通过热评墙的形式,增加用户与用户,用户与产品之间的互动,既能满足用户的猎奇心理,也能满足上墙的虚荣心,还能推动社区的正向发展。
热评跟音乐结合在一起,拉动音乐曝光量的内需,也能让更多的用户参与进来。微博的热搜是内容驱动,云音乐的热评则是音乐驱动。
体验设计:
现在很多的搜索可以说是照抄的微博热搜(淘宝,京东,抖音等)。他们都希望通过热搜的概念拉动产品的曝光,【热搜榜】也变得再熟悉不过。所以,设计的差异化显得尤为重要,相信网易也做个热搜榜,一定会淹没在产品的大势中。在热评墙的设计中,通过音乐激起一群人的共同感知,更容易让用户接收,也使功能变得顺其自然。
热评墙的重点是热评,是评论的内容,所以这才是设计布局的重点。如果该页面的设计,加入了很多的音乐元素,会让整个功能趋同化,用户甚至会分不清在哪个功能下面。
热评数量的控制,更能体现出产品对用户的负责,说明这些热评是精心挑选后呈现出来的,可以增加用户对产品的信任感。
设计思考点:
热评墙的全屏设计感官更像是小视频的全屏,用户的操作习惯一旦固定,就会习惯性的往下滑,去查看下一个内容。而现实是左右切换的。所以这里的卡片设计会来得更轻巧,便于用户通过视觉设计延伸交互设计。

![[19 day]叮咚买菜- 做产品就是做服务](https://img.zcool.cn/community/01f3155f3ddf17a801215aa05d5ef3.jpg?k=d62faf34079c860ca6325c791589b499&t=6aeca800&x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[18 day] 微信- 不喜欢弹幕的我,却喜欢上了视频号的浮评](https://img.zcool.cn/community/01b4545f3c9acda80120a821e7a3ef.jpg?k=a05d89270e05294faea773ec72dc590e&t=6aeca800&x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)




![[16 day] 安居客- 不会打断用户心流的设计细节](https://img.zcool.cn/community/01454f5f39e2eaa801215aa0423a30.jpg?k=1ba382ba0a2cb3d74685d1823b266415&t=6aeca800&x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[15 day] 微信- 不被打扰的圈子(订阅号)真好](https://img.zcool.cn/community/0195945f35ef15a801215aa01859e5.jpg?k=a44177dc75b5332e5b9c98ddc5e7e24a&t=6aeca800&x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)





![[14 day] 夸克- 让你暖心的设计细节在这里...](https://img.zcool.cn/community/01aa885f34a170a801215aa0bd3089.jpg?k=f596e8f705a4e8e1572cce8ace321793&t=6aeca800&x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[13 day] 夸克- 搜索,目前就他最敬业](https://img.zcool.cn/community/0129005f33489ba80120a82187119d.jpg?k=f898f9c2c9dc9fbcaaa873fc00560cf0&t=6aeca800&x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[12 day] 百度地图- 公交线路设计的截图功能](https://img.zcool.cn/community/017ac35f3240d8a80120a82132e7ef.jpg?k=9248ea5cae3bedd814486caa91873910&t=6aeca800&x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[11 day] PP体育- 分屏设计](https://img.zcool.cn/community/013ccc5f30a748a80120a821d0e7e0.jpg?k=bbfe3543c505bbdc8a595af8768b1b5b&t=6aeca800&x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[10 day] 微信- 拍一拍](https://img.zcool.cn/community/016f565f2caf61a80120a821619eb2.jpg?k=9c3f4bf91109513762bffeca4098fa61&t=6aeca800&x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)


























































