Mockplus三周年原型设计大赛
bg
Close

TIMING音乐

ICY

最佳设计奖

TIMING音乐APP的用户群体分为两类:一是民间优秀音乐人的创作和展示平台,二是喜欢不一样的声音的音乐爱好者。该设计原型包括六个大模块: 1、推荐模块:该模块主要是为了让用户去关注和发现自己喜欢的音乐,会根据用户的喜好推送相关音乐,这里是音乐爱好者自由发挥的场所,可以上传自己的作品,平台会按照一定的机制排列和推送; 2、品乐模块:该模块是讲述音乐故事的模块,分别采用视频、音频和文字的形式讲述音乐人和他们的音乐故事,该模块需要音乐人投稿,需要审核和精选才能展示; 3、回音模块:音乐人吸粉的最佳场,有以下两种展现形式: a、通过直播的形式展现自己的音乐和声音,喜爱他们的用户也会参与进来; b、除了直播还加入了主播电台模块,吸引喜爱听电台的用户。 (直播和电台是不同模式的展示方式,直播是实时的,电台是提前录好的。该模块页面展示比较简单粗暴,还有很多细化的空间); 4、音乐播放:所有模块中的音乐都会在该模块下播放(除了早午茶和品像模块),该模块的存在意义是当用户在听音乐的同时不影响浏览其他页面,用户也能快速地切回播放页面; 5、创建内容模块:主要包括三种方式,录音上传、文件上传和直播内容,三种方式适合不同的场景。 a、录音:录音方式是最为快速便捷的上传方式,录制后的音频会自动上传,上传前会让用户选择发布模块:普通音频或是电台专辑。普通音频则直接上传并以日记的方式在推荐模块展示,而电台专辑则会在回音模块以专辑形态展示给用户; b、文件上传:用户可能不满足与手机录制的音效,需要将录制编辑的文件上传,则可以通过这种模式发布,但该路径暂定通过电脑端上传,上传前也会让用户选择发布模块; c、直播:该种方式需要身份认证,会在回音模块的直播tab下展示 d、还有一种是投稿方式,需要投稿模块(例如品乐)的下拉刷新入口会展示投稿方式 6、我的:是关于自己账号的一个管理。

TIMING音乐
演示

评委点评

细节很棒,比如模拟唱片封面以及旋转的唱片,比如播放界面的仿卡带样式,很好的让用户融入音乐的世界。栏目规划合理,突出了 app 主旨:一是民间优秀音乐人的创作和展示平台,二是喜欢不一样的声音的音乐爱好者。品乐可以展示出很多音乐背后的故事。推荐可以让用户更好的发现音乐,回音融入了时下流行的直播元素,让听众与音乐人也有了直接的互动。综合UI、交互、用户体验与创新性,给予所有入围作品中第一名。

- 吴铁柱

uimaker网站创始人,资深设计师

平台打造思路清晰,内容生产、筛选、消费、评价体系形成闭环,利于运营和商业变现,兼顾音乐人和普通用户的用户体验,力求艺术和商业的平衡。

- 罗慧

北京印刷学院数字媒体艺术专业副教授

一款成熟的设计,商业化程度较高。UI还有提升空间,播放器进度条很有时代感,让用户愿意停留。无论用户主动和被动交互,都有伸展空间,适合大多数听众的习惯。创新性在于有阅读性,听而有感,相互呼应。

- 杨文辉

成都市软件行业协会第三届秘书处副秘书长

很认真做的原型,功能分析到位,交互动效做足,同时中间的LOGO很有创意。

- 梁健辉

设计达人网站创始人

整体界面UI简洁大方,图标设计上有一定的个性,交互流畅,内容比较全。

- 宋金虎

学UI网创始人,设计总监

比较完善,但是部分界面考虑不完善,以及部分交互不合理,例如评论详情页面点击收起,直接跳转来“猜你喜欢”。

- 牟长昊

Fotor懒设计、Fotor摄影

从原型作品来看,是最完整的一套作品,创作说明也是很具体,用户定位说明清晰。

- 张运彬

IXDC 联合发起人&副秘书长

交互框架清晰,UI风格统一,有一定的创新性,整体传递给用户简洁明快的用户体验。

- 黄霞

简途旅行 交互设计主管

以磁带播放动画置于首页开宗明义,产品属性一目了然,设计风格优雅宁静。但推荐采用左右滑屏交互,品乐、回音和我的采用上下滑屏交互,缺少一致性,交互原型交互操作完成率约70%,个别页面缺少返回交互,文案排版略显粗糙(如对齐)。

- 熊传鹏

长虹创新设计中心CD学院运营总监

原型规范,一看就是有经验的人,对原型的目录进行了模块的划分,正因为如此所以东西相对全面规范。并且对每个模块进行了解释。不是为了画图而画图,看得出参赛者比较用心。

- 曹成明

人人都是产品经理、起点学院 创始人兼CEO

评论

抱走iMac: 细节太棒了 (2017-11-2 10:22)

JasonZhang: 很多很有趣的创意点~ (2017-11-2 14:30)

ux设计师-高杰-北京: 确实很细 有创意 (2017-11-2 15:04)

178793913@qq.com: 创意很棒,原型也做的很精致,赞!!!! (2017-11-2 16:44)

liqiang4973: 界面布局和样式精致,功能性强,赞赞赞! (2017-11-3 17:38)

1158586806: 那个主键自己动是怎么用这个软件做到的,还是你上传的是GIF图 (2017-11-4 10:47)

ICY: 那个自己转动的效果可以用软件做的呀,不是gif (2017-11-4 17:25)

1936866316: 做的太棒了,很有自己的创意,不拘一格 (2017-11-6 8:55)

丫丫: 这个是目前所有作品里面最有创意的了,有不错的立意,还能形成闭环,视觉效果和交互动效都不错,很赞! (2017-11-6 17:53)

阿呆: 很喜欢这个作品,但是录屏的像素有点低,真实原型比较精致呢,那个磁带转动的效果很赞 (2017-11-6 18:06)

380306268: 有自己的想法,逻辑很清晰 (2017-11-6 19:00)

616957786: 界面干净,思路清晰。 (2017-11-13 10:00)

436743775: 很有创意 (2017-11-13 11:44)

346367576: 这个可以 (2017-11-13 11:48)

lianpeng26: 好牛的样子 (2017-11-13 12:15)

xiumin: 喜欢。 (2017-11-13 15:47)

1171550031: 可以,很强 (2017-11-13 17:13)

1994558949: 不错不错 (2017-11-13 18:34)

大哥: 不错不错不错 (2017-11-13 19:36)

935695314: 不错 不错 有创意 (2017-11-13 20:04)

523538351: 很强势 (2017-11-13 20:29)

远远的阳光房: 相比较更喜欢舍一些,毕竟这个的基础是来源于舍吧~~~ (2017-11-14 14:27)

ICY: @远远的阳光房:我的作品并未借鉴“舍”,要说借鉴也是借鉴市面上比较文艺的产品的某些模块,例如MONO(早午茶的来源)和余音,这里我不否认。TIMING是时机和时序的意思,用在这款音乐软件上有一语双关的意思,其一是基于想成名出师的音乐人,掌握和把握好“一乐惊人”的好时机;另一层意思是面向喜欢听音乐的人群,定时为他们响起优秀美妙的音乐。所以该音乐平台不仅仅是发现音乐和享用音乐的平台,更是创作优质音乐的平台,在设计中我注意到了整个产品闭环,当然也有不成熟的地方,也感谢大家给我意见和支持! (2017-11-14 16:39)

Chloe-Mockplus: 配色温柔好看~~祝Mockplus发展越来越好~~爱你们~~~~ (2017-11-21 20:16)

浅唱丶回忆: 能将产品的功能设计到化繁为简,同时兼顾高保真原型特有的真实性实在不易,原型采用的色彩搭配也恰到好处为原型本身增分不少。 (2017-11-30 9:22)

pepit: 打开是为了看特效?确定有做过产品? (2017-12-7 11:59)

guluxu: @ICY 我们有个软件下载站,最近正在改版, 可以帮我们做几个页面原型么?有偿答谢! Q Q:4643 654 (2017-12-15 18:14)

969663243: 膜拜,因为我本身是一个喜欢音乐的用户,能做出差异化,又这么有理念很棒,细节就不说了,学习,希望越来越好!彼此 (2017-12-24 11:20)

1443556385: 三张图片的阴影用Mockplus怎么做出来的 (10-21 22:11)

分享作品 TIMING音乐 到:

Close

分享到微信朋友圈:

Close

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。