Mockplus 设计大赛获奖选手专访 | High 音：轻松生活，随心嗨音

2018-01-02 11:00:00

“看似低调，实则高调的设计，UI设计是用了功力，主页功能和内容一览无余，方便用户选择，金字黑底，给予用户极好的奢华体验。原来听歌也是一种视觉享受。创新性源于对听歌氛围的把握，大幅的图片，刺激的音乐，让用户随心嗨。”

这是专家评委（成都软件协会副秘书长杨文辉先生）对 Mockplus大赛 获奖作品《High音》的评价。

是的，在High音里，听音乐，俨然是一场视觉和听觉的饕餮盛宴。

查看优秀设计奖作品《High音》：https://www.mockplus.cn/ux2017/show/mNGdx

设计师高杰，艺术设计专业背景，虽是一名90后妹纸，但从事UX设计行业已逾五年时间。主要做b端的产品，现在在北京做基因检测领域的后台设计。关于《High音》的诞生和本次参赛获奖，我们听听设计师本人如何说。

Mockplus 设计大赛的主题是音乐播放器，您觉得设计音乐 APP 原型最大的难点是什么？

“设计一个音乐App原型并不是什么难事，只要学会了软件的基本功能，任何人都可以做原型设计，原型图是最终的产出物。难点在于怎么做出一个用户体验好的音乐 A pp原型。用户体验的主体是用户，对象是产品，主要是指用户对产品在使用之前、使用期间和使用之后对全部感受。包括情感、喜好、认知印象、生理反应、心理反应、行为和成就等各方面。用户体验并不是我们看到的原型静态页面，而是一个过程，要结合用户的真实使用过程。”

为什么想要做一款夜间模式的音乐 APP 原型呢？ High 音的设计灵感来自哪里呢？

“在深夜中，总是有那么一群人深感寂寞、没有安全感、抱怨着社会的不公平、承受着各种压力而不知所措，他们白天把自己最耀眼的一面展示给别人，而在深夜中的他们才是最真实的他们，他们不愿把深夜中真实的自己暴露给他人。这群人需要的并不是发泄，而是一个归属。high音就是他们的归属，high音这个名字表面上看是一款很活力的名字，这只是表象，就像这群人一样，表面活的很光鲜亮丽。 high音是一款专为深夜人群打造的音乐app。 ”

3.High 音的色彩很鲜明，您是如何把控界面色彩的呢？

“有艺术设计的背景，色彩把控自然不在话下。整体色调采用了深蓝底的背景色，衬托了夜间的氛围，这种暗蓝色，是纯度、色相、明度最低的非彩色。象征着力量，有时感觉沉默、虚空，有时感觉庄严肃穆。主色调为接近金色的色调，但又不像纯金色那样奢华和刺眼。这种颜色是在橙色和白色中间取的颜色。这种偏白的橙色在暗蓝色的背景上显得很鲜亮，它的特性得到了最大化的发挥。整体色彩的把控可以很快的抓住用户的眼球。”

High 音中您最满意的一个设计什么呢？是如何实现的呢？

“第一：“ 随心high ”这个功能是整个产品中的一个亮点，这个功能是一个随机听歌的功能，这个产品的用户群在深夜中，他们会有不知所措，不知道自己想听什么歌的想法，这群人此时脑子可能很空白，或者想着很多事情而不愿去考虑自己想听什么。所以这个功能是完全随机的听歌。交互上采用了左滑不喜欢，右滑喜欢的效果。这种效果可以让用户的视觉中心集中在一首歌曲上，而不是常常的列表让人很难选择。”

“第二：首页上的导航设计采用了光碟的效果。让用户一进来这个App就能感触到音乐的存在。也正是因为这样的设计，恰好突出了“随心high”这个功能亮点。”

您曾发表过一篇设计 “ 十感 ” 的文章，提到了 “ 荣誉感 ” ，您在本次大赛中荣获优秀设计奖，这是否就是您所说的 “ 荣誉感 ” 呢？

“站在参赛者的角度来讲，来参加比赛的大多数都想着可以获得个奖项。那么获奖意味着什么？第一：可以在这个领域中有一定的名气，为自己的职业生涯铺路。第二：当你在众人之中脱颖而出时，别人会羡慕你，甚至嫉妒你。从而你就会产生荣誉感，一种一人之下万人之上的感觉。”

您有艺术设计专业背景，这对您从事 UX 设计是否有什么影响呢？

“优势：可以很好的把控整体原型的设计感，做出来的效果更亲近于用户使用时候的效果。劣势：很容易陷入页面的布局排版中，但其实更重要的是用深入用户的使用场景，要更深的考虑到用户的预期、生理和心理反应。”

您从事 UX 设计多年，这 5 年里，您遇到的最大挑战是什么呢，或者有没有什么具有挑战性的项目让您觉得记忆犹新呢？

“我工作这些年大多数在从事b端的产品设计，还有就是b2b2c的产品设计。之前有做过社交、电商、三级分销、微营销、WMS（仓储系统）、CRM（客户管理系统）、基因检测领域等相关的产品设计。其中印象最深的就是在做CRM产品设计的时候，因为使用者有两类用户，一类用户是员工，另一类是管理者。比如当时做的签到和日志功能，员工端的使用场景是只可以看到自己的记录。而管理员看到的是所有员工的记录。因为功能是相通的，上线的时候也必须一起上线，所以在做原型设计的时候就要来回在不同用户角色中切换。因为员工和管理员关注的点不一样。这样同一时间在不同用户角色中切换思维对于我来将是一个比较大的挑战。也是我印象最深记忆。”

之前有使用过 Mockplus 吗？这次大赛过后对 Mockplus 有没有什么新的认识呢？有什么功能让您比较难忘呢？

“之前没有使用过，我也是无意间在一个群里发现有个原型设计大赛。经过进一步了解才知道这个比赛的原型需要用Mockplus来实现，毕竟我的工作就是做UX设计的，对于我来讲多学一个软件百利而无一害。而且我觉得尝试用新的软件可能会给我工作中带来更大的突破。于是就边做参赛作品边学习Mockplus。刚开始的时候上手有点不习惯，后来经过官方客服的讲解后就容易上手多了。在我做播放页面光碟宣传效果和随心high左右滑动的效果我还是很满意的，不过随心high左右滑动的效果还是没做出来左滑不喜欢，右滑喜欢的效果。以后还会进一步学习Mockplus的。”

您之前有参加过设计大赛吗？您觉得参加 Mockplus 原型大赛对您最大的意义是什么呢？

“之前没有参加过设计大赛，以前关注过一些UI的设计大赛，但是始终还没听说过有原型设计大赛。所以没有参加过。其实我参加Mockplus原型大赛的目的有四点。1、可以提升自己的知名度和影响力。2、以后找工作又多了一份头衔。3、对自己这么多年工作能力的认可。4、可以结实更多的业内人士。”

您在 Mockplus 设计大赛的 QQ 群里都积极发言，看的出是个活泼友善爱交流的人。您平常工作中是否也很看重和其他设计师之间的沟通呢？您觉得设计师之间的交流沟通对产品设计的意义是什么呢？

“我平时确实是一个比较善于沟通的人。其实作为一个UX设计师在工作中并不是只需要跟其他设计师沟通就可以了。各个环节的各个人员都要有充分的沟通。

1、跟产品经理沟通：ux设计师需要跟产品了解具体的业务流程，还有做这个需求的目的是什么，期望达成怎样的效果，给用户和公司带来了什么价值。后期的运营模式如何启动。没错，你们没听错，我说的就是后期的运营。一个产品在决定做这个需求的时候其实他自己心理已经考虑好后期的运营模式了，或者是他已经跟运营人员有过沟通了。了解的越多就越便于我们做产品设计。

2、跟 UI 设计师沟通：虽然这次比赛做的是高保真原型，不过实际在工作中很少会做高保真，第一是时间成本太大，第二是会影响ui设计的想法。用户体验设计包含了视觉体验和交互体验，所以跟UI设计师沟通是必不可少的。举个例子，一个按钮的位置，对于UX来讲更注重放在哪里更便于用户操作。而ui的角度会考虑到放到哪里好看，怎么设计好看。所以UX和UI沟通也是必不可少的。

3、跟前端沟通：当UX在做一个原型前，比如想做一个复杂或不好实现的效果时，需要提前跟前端人员沟通这个效果是否可以实现，实现起来的时间成本是多少。然后自己再评估，比如这个功能不重要，是不是就没有必要花那么多的时间成本去做这个。再比如这个效果实现不了，我们UX是不是可以考虑其他的效果？

4、跟程序员沟通：这种沟通大多数出现在开发过程中，在需求和原型评审阶段的时，有一些底层的逻辑程序员是考虑不到的，只有在开发过程中才会发现这些问题。比如上传一个文件，应该在选择后直接上传还是应该在点击保存时上传到数据库。在做原型的时候我们首先会考虑如果场景是小文件，那么就可以在点击保存的时候上传，这样也会减少数据库里的垃圾数量。但是当真正开发的时候可能就会推翻我们所想的这个逻辑。此时就是考验沟通的时候了，UX需要了解到为什么后台的逻辑不能这样设计，然后再考虑如何做出一个优化方案。

5、跟测试人员沟通：很多童鞋可能会问，原型设计跟测试有什么关系？完整的一套工作流程中，测试并不只是测试功能和逻辑。还有一项用户体验的测试，可能有一些公司没有这样的测试。所以我一般都是在第二轮测试的时候直接介入到用户体验测试。我自己亲自来做这个测试，测试过程中很容易疏漏一些细节，但是我说这个产品的设计人员，细节问题没有人比我更了解了。我自己亲自测试，这样可以更好的把控好产品上线的质量。

6、跟市场或运营人员沟通：当产品上线后，能接触到一线反馈数据的就是市场或运营人员。通过跟他们的沟通，我可以进一步的了解用户的使用情况和反馈。更便于我在进一步做优化。”