豆瓣音乐人redesign

  • 作品类型APP
  • 作品属性原创作品
  • 作品版权署名-非商业性使用-禁止演绎
12432 65 357 2016-08-24

经历了好多个日日夜夜豆瓣音乐人的APP重新设计redesign终于完成了。虽说不完美但是也算是一个作品


我说说我的设计流程

豆瓣音乐是我一直喜欢的音乐站,里面有很多独立音乐小众音乐,我也是豆瓣音乐的忠实粉丝之一。其实不止是我还有一部分特别忠诚的用户,所以APP还是有一部分人用的,我还有一个伙伴也是用了好几年的豆瓣音乐了。虽然说现在网易云音乐虾米音乐崛起,但是我们有自己喜欢的音乐人,所以我为了豆瓣音乐,也是为了完成了一个心愿,做了这个设计。

说多了说说我一步步的经历

前期分析和感悟

1、在豆瓣其他小组和豆瓣音乐里面了解到,用户体验是真的不好,除了闪屏之外还有很多问题(界面不好看、交互流程呆板、资源很少、不符合发现当下最酷的独立音乐的宣传语),用过豆瓣音乐的都知道APP的登陆界面太令人恼火了,居然没有豆瓣网站的其他登录方式,而且注册还是要到网站注册的,所以通过这些讯息和自己使用的过程萌发了重新设计的念头

2、观察同类APP的交互流程和页面布局,发现他们除了设计之外,交互和资源方面也做的很棒,比如网易云音乐的播放界面是我特别喜欢的一个界面

交互性极强,而且界面非常美观(不是夸呀,这是事实)

3、豆瓣FM做的还不错,至少交互和界面方面比豆瓣音乐好太多啦。可借鉴豆瓣同类产品

想法和设计

1、豆瓣是一个知识型社交网站,里面包括影评、书评、乐评、社交是豆瓣的核心,所以豆瓣音乐人既然是音乐人就应该把社交放进去。

2、分析网站模版,网站音乐分类里面几乎每一个模块都和音乐人有关,所以我把产品分为用户-音乐人-交流这三块划为我设计重点

3、就开始收集素材和进行界面的交互稿和原型图的设计了,在一些论坛和网站上面查看网络对于豆瓣音乐的侧重点和讨论的话题在哪,进行功能模块的划分。(PS自己的感受还是占了不小的一部分)

4、交互稿和原型图出来之后,就进行界面设计

5、我根据的是实时豆瓣音乐的网站面板上面的讯息来进行界面设计的,资料也就是用的豆瓣音乐网站的资料(音乐人、歌曲、专辑等)所以设计出来配图的话可能不是太好,但是是我的真实想法,还原一个真实的豆瓣音乐人APP的设计。

终于完成最终稿啦,好开心!!!新手的成长之路!

全部评论:65

  • 豆豆禾斗

    2017-02-04 18:13

    icon 风格不一,粗细不一,布局乱,80%网易云的影子。。加油吧!

  • 不会Q

    2016-11-22 10:10

    交互不咋地

  • Psyche孙

    2016-10-31 18:05

    有创新肯定是要鼓励的,整体上看起来灰灰的,改进下啦,加油~

  • sito

    2016-10-20 23:19

    仿佛看到了 网易云音乐的 影子。。

  • 小虎仔

    2016-10-18 10:18

    其实我觉得很多界面还不错,就是网易云音乐的味道太浓,当然每个公司的产品策略和规划外人都是未知的,可能豆瓣音乐就是这么规划的一款产品,不过确实豆瓣音乐的体验确实不太好,哈哈,总的来说作者做的还不错的,值得鼓励(虽然我不是视觉专业的,但是觉得还可以了,我也工作不久,觉得新人需要鼓励,成就感这东西有时还是挺重要的~)

  • cassieldeng

    2016-09-28 11:22

    看完之后,我觉得一般般,有点粗糙,我以为我审美不行,结果再看评论一片骂声,这样就对了,我是正常的。。。加油啊

  • 小克神探

    2016-09-24 17:38

    还不错,只是缺少特性!

  • 麦coffee

    2016-09-22 10:54

    不好看,难看。我就是这么直接

  • wewewct

    2016-09-21 10:28

    豆瓣fm和其它音乐类APP很大的区别就是它很轻,加了现有用户不需要的功能之后可能会流失用户,但抢不过现有音乐类APP。 PS.布局上面真的看不出优化的地方,与现有APP太相似了。

  • Leah梨鸭

    2016-09-19 11:57

    这款app灰常难用,登都登不进去,看了文章以为更新了,在下了一次,还是原来的,完全没变,登不进去,登进去闪退,听着听着闪退……

  • 蔚蓝海蓝

    2016-09-14 14:06

    图标不太好看耶

  • Vicsenchi

    2016-09-13 14:19

    对不起,我觉得图标太丑了

  • AeFun

    2016-09-12 15:40

    细节!细节!细节!

  • Zerohe

    2016-09-12 09:43

    豆瓣是不是放弃这个软件了?最新更新居然是2015年1月

  • Zerohe

    2016-09-12 09:40

    展示很不错,但是说实话界面icon真的很粗糙~界面呼吸感也有点差,太紧了~有点地方又太宽了

  • 拾伍小弟

    2016-09-10 15:31

    @快乐要死了: 这是豆瓣音乐人不是豆瓣FM !兄弟

  • Menty

    2016-09-09 16:21

    有些布局还是过于紧凑了,配色和播放界面主张轻设计感觉很不错,icon确实有不统一 需要改进的!加油加油 支持

  • 快乐要死了

    2016-09-09 16:02

    豆瓣主要是对小众音乐!!!!!!!豆瓣主要是对小众音乐!!!!!!!豆瓣主要是对小众音乐!!!!!!!豆瓣主要是对小众音乐!!!!!!!豆瓣主要是对小众音乐!!!!!!!我用豆瓣已经五年了,不得不说作者对豆瓣FM不体会不太深!,豆瓣之所以对我来说很有粘度是因为推荐算法推出的音乐很符合我的胃口,特别是红心随机功能我非常喜欢!对查找,分类豆瓣不是很强调!这套作品和豆瓣FM设计的初衷很背离!

  • Erik FL

    2016-09-09 15:56

    仔细一看好多地方没对齐...比如音乐人的三条信息,验证码按钮...

  • SiriusBlack

    2016-09-09 15:01

    分析了半天,,还是和网易差不多啊。。还不如网易

  • Airnsa

    2016-09-09 09:16

    就不说视觉了,但是分析产品看清功能的本质你做到了,对产品定位做的不错。

  • 拾伍小弟

    2016-09-08 19:48

    今天上UI中国居然发现我的redesign被推送到了首页,首先谢谢小编,谢谢。 这个REDESIGN的初衷其实就是为了把豆瓣音乐打造成一个完整的小众音乐APP,界面方面做的可能不那么仔细,用在分析的时间上可能比用在绘制界面的时间还要多,所以这可以理解为设计一套APP的产品分析。 大家的评论我都看了,谢谢点评者和支持者,以后我还会继续努力的,做自己的东西,有理有据。 谢谢大家的意见,新手成长之路

  • 拾伍小弟

    2016-09-08 19:43

    @AnswerLau: 谢谢提醒

  • 拾伍小弟

    2016-09-08 19:43

    @太阳懒洋洋: 谢谢点评,其实我是以豆瓣网站为主导,在豆瓣音乐听歌确实是没有歌词的,找歌词的话要自己去网站里面找,APP到底放不放这个歌词我也纠结了一下,但是最终还是尊重豆瓣没有把歌词加入到播放界面

  • 拾伍小弟

    2016-09-08 19:41

    @蟹宝宝: 谢谢,下次注意

  • 拾伍小弟

    2016-09-08 19:41

    @Song民咕咕_: 谢谢,主要是还原一个豆瓣音乐人的 APP的真实面目

  • 拾伍小弟

    2016-09-08 19:40

    @阳光向微: 可能东西有点多,作为产品文档我可能写的不足,什么地方该舍去,或者不该舍去,没有那么到位

  • 拾伍小弟

    2016-09-08 19:39

    @I_amzQs: 谢谢谢谢

  • 拾伍小弟

    2016-09-08 19:39

    @超人他哥: 原来的版本主要是交互性能太差,界面很单调,用户体验流程不好

  • 拾伍小弟

    2016-09-08 19:38

    @Geron刘国龙: 是啊,所以redesign了豆瓣音乐

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票