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

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

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

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

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

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

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

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

2.为何想要作一款夜间模式的音乐APP原型呢？High音的设计灵感来自哪里呢？

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

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

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

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

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

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

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

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

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

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

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

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

8.以前有使用过Mockplus吗？此次大胜过后对Mockplus有没有什么新的认识呢？有什么功能让您比较难忘呢？

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

9.您以前有参加过设计大赛吗？您以为参加Mockplus原型大赛对您最大的意义是什么呢？

“以前没有参加过设计大赛，之前关注过一些UI的设计大赛，可是始终还没据说过有原型设计大赛。因此没有参加过。其实我参加Mockplus原型大赛的目的有四点。一、能够提高本身的知名度和影响力。二、之后找工做又多了一份头衔。三、对本身这么多年工做能力的承认。四、能够结实更多的业内人士。”

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

“我平时确实是一个比较善于沟通的人。其实做为一个UX设计师在工做中并非只须要跟其余设计师沟通就能够了。各个环节的各我的员都要有充分的沟通。

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

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

三、跟前端沟通：当UX在作一个原型前，好比想作一个复杂或很差实现的效果时，须要提早跟前端人员沟通这个效果是否能够实现，实现起来的时间成本是多少。而后本身再评估，好比这个功能不重要，是否是就没有必要花那么多的时间成本去作这个。再好比这个效果实现不了，咱们UX是否是能够考虑其余的效果？

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

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

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

11.您比较青睐的设计风格是什么呢？

“其实我我的很是青睐于“轻设计”＋“微交互”。

什么是轻设计？

轻量级的设计，页面没有过多和复杂的元素作陪衬，总体风格很简约，突出功能和内容才是关键。

什么是微交互？

微交互指的是用户与产品交互过程当中，发生的一些细小的交互瞬间，也有一些操做须要等待较长的时间，微交互设计是为了减小用户等待过程当中的厌倦感。这些细节间常常会被产品设计人员所忽视，非交互岗位的人员也会以为这些均可有可无。”

12.您在UX设计领域从业多年，有什么经验之谈能够分享吗？

“我来讲说初级UX、中级UX和高级UX她们在工做中有什么不一样吧！

初级UX：更多的停留在学习软件、基础设计理论、了解设计规范、交互设计基本功等。拿到需求后不会过多的去分析，按照产品经理的意思作就是了。

中级UX：掌握了初级UX的技能会跟上游（产品）和下游（UI）作好充分的沟通，了解作此次需求的目的是什么，能给用户和公司带来什么样的价值。此次需求中那些是重点。而后综合多方面纬度去设计一个最优方案，而且能够讲出为何这样设计，这样设计的优点在哪里。

高级UX：掌握了中级UX的技能，会跟各个环节的各我的员进行沟通，上到能够理解公司战略，下到能够跟市场或运营打成一片。整个工做流造成闭环。从而不断的作出更好的方案，只有更好没有最好。”