如何做别人眼中专业的交互设计师

最近发现网上可以学习的交互知识和如何去做交互设计的内容还是比较匮乏，所以想将自己这些年做互金行业的一些交互知识经验贡献出来，希望给一些刚入行的朋友看到能有所收获。

本篇属于实战篇，所以开始我不去解释什么是交互设计，交互设计的价值是什么？用户体验设计又是什么这些基础知识，这里只有干货，具体交互基础大家可以到网上自行搜索了解。本人在语雀也有自己收集整理的交互知识库，大家有兴趣可以去语雀自行查看。

我觉得做交互设计是个相对复杂繁琐的过程，如果你不清楚整个产品设计的流程，不知道每个阶段要干什么，以及你要负责哪几个阶段和需要做什么，恐怕很难上手工作。如果公司没有懂行的或带你入行的人，你甚至连自己要干啥都不知道。

1.在产品的设计前期需要做哪些工作？

作为一名设计师，经常会遇到PM或者开发问你这里为什么要这样设计？有什么依据？如果你没有相应的数据或者理论做支撑，特别是刚进公司初期，别人很容易会质疑你的专业性。如何避免这种尴尬呢?你可以试着把设计的理由以分析报告等资料的形式罗列出来，不但会受到领导的青睐，而且在同事中会显得你很profesional。

如何写分析报告呢？一名合格的UE需要写哪些报告呢？在这，我建议可以先写《产品分析报告》《竞品分析》《产品用户调研》这三份报告。当然还可以写其他类型的报告，根据公司具体的产品而定了。但这三个属于比较重要的，直接影响到UE的交互设计，如果自己能写出具体的分析报告，那么对自己的产品会有一个较深的了解和认知，设计起产品来也会得心应手。

《产品分析报告》怎么写？首先准备工作要做好，先要去深入了解自己的产品，从产品全局、产品源头去考虑为什么这个产品会诞生，它的初衷是什么，能帮助用户得到什么，用户通过这个产品能做什么？（这需要跟产品经理多沟通，打好交道，哪怕破费请吃几顿饭也是值得的）很多公司的PM也会写这个报告。于是他自己就不写了，直接看PM的分析报告了。在我看来，PM和UE看问题的角度是不尽然相同的，只有作为自己去写，才能深入思考产品的问题所在，使自己的设计贴合产品。

《竞品分析》这个就好写多了，多去了解几家行业内有代表的，用户数据领先的同领域竞争企业，详细说明他们的产品的优缺点在哪，值得借鉴的地方在哪，可以改善的地方在哪，从而去完善自己的产品，使其竞争力更强。竞品企业不要选择太多，2-3个为好。多的话写的太多也没意义，一个竞品又太少。报告呈现方式尽量可以用表格方式呈现，这样比较直观，一目了然。

《产品用户调研》这个报告的准确形成需要一定时间，前期由于没有用户，只能靠竞品的用户分析和产品的自身定位，去粗略描绘用户画像和用户的使用场景、操作行为。根据用户的各项数据和使用场景、操作习惯的不同去优化产品。后期我们根据自己产品实际活跃用户数据，来形成较为准确的用户画像，使用行为和场景让技术埋点去做数据分析，加上需要对用户进行一系列的调查研究，线上约用户做网络调查报告，线下让销售找用户做书面调查报告。把这些收集起来以便产品优化改进。

这里我们举个栗子！本人之前在互金行业做p2p用户调研的时候，前期我们没有用户，怎么做用户调研呢？我们只有根据同行产品的用户分析和产品自身的定位，对用户做出了如下画像：年龄段在25-40岁之间，白领精英，已婚，有家庭，有理财观念，信任互联网，使用的场景应该大部分都是工作时间在pc端来进行操作。

但是在后期，当产品运行了一年以后，我们根据后台数据发现事实并不是这样的：50-60岁的中老年用户在线下销售的推广下成了产品的主力人群，占了所有年龄段用户的52%，令人咋舌，实际上他们不怎么会上pc端，都是以用移动端为主。后续我们根据用户画像的这一改变专门设计一些贴心的交互功能，比如我们去设定用户年龄为50岁以上的自动显示大号字体，当然50岁以下的还是用常规字体。

字体数字能加粗的加粗，需要注意的地方用鲜艳色来体醒等等，这一系列的改动，获得了不少老年用户的表扬点赞。这些改动其实就是我们根据后台数据，还有上百组用户体验的调查，根据他们提的需求，做出了相应的改动。在不影响其他用户的情况下。让那些中老龄用户的体验得到了提升。

由于签了保密协议。在这我就不将我写的相关报告分享出来了。后续我将分别就这三个报告怎么写，再详细出一套教程。敬请期待。

2.产品原型的设计及交互规范怎么出？

前期东西都准备的差不多了，就要跟产品沟通，让PM出需求文档和功能列表还有简单的原型图。注意：这里很多公司岗位运作模式不一样，有的公司PM需要出原型图，UE来完善原型图，而有的公司PM则比较强势，他们是不愿意画原型图的，所以UE的硬技能必备之一画原型图。

目前画原型的软件很多，但主流的也就Axure,sktech，墨刀,OmniGraffle origami等。这些软件我都用过，具体每个软件的优缺点我就不细讲了，我在这里提个我们团队这几年发现的比较高效的搭配方案：墨刀+sketch。

首先，产品可以在墨刀上画初稿原型，然后UE可以根据墨刀里的初稿原型图在sktech里完善最终原型图，再一键上传到墨刀上，有任何改动都可以实时更新，最后UI再将设计好的界面也上传到墨刀上。

这样，产品的雏形、原型、UI界面都在一条逻辑线上清晰完整地呈现出来，页面相对之间的任何偏差都可以一眼看出来，标注和功能注释等也可以方便前端和开发查看，减少了开发的疑惑和一些不必要的沟通，极大的提高了团队的工作效率，先声明下，这不是帮墨刀打广告，只是我觉得这套方法使团队的开发变的很高效，分享给大家，仅供参考。

画原型的时候要有自己的一套交互知识体系。可以参考学习：Ben Shneiderman的8项交互设计黄金法则，Nielsen的启发式评估10条原则，产品的易用性十大原则等等。活用这些原则可以更好的去设计原型图。但也不能把这些当作不变的真理，毕竟实践出真知，要从自己产品的用户身上，找到最适合自己产品的交互体系。

UE做好了原型图，接下来就是写交互规范。这是比较考验UE的思维完整性和逻辑思维能力。比如注册界面。用户名有无长度限制，如有是多少位，错误提示将显示在哪里，分别有哪些提示语，密码输入有无限制，必须字母+数字还是有大小写限制，错误提示语如何写等等。交互状态中输入框初始的状态是什么样，光标移上去有什么不同，点击输入又有什么不同。各种人机交互效果要充分考虑清楚。描绘清楚，这样才真正算的上一个好的交互设计师。

3.产品上线后如何优化用户体验？

UE在做交互设计的过程中经常会纠结，按钮放在什么地方合适，内容的排版方式，特别是首页的按钮，文字内容展现方式在一定程度上可以直接影响用户的转化率注册率。对此，UE可以多做几套方案，跟开发团队一起做A/B TEST来选取最优方案。(A/B测试如同GitHub、Docker、APM一样在国外已经非常流行，在国内也在逐步被企业所应用采纳，其测试范围也不仅仅局限于网页优化，移动端的A/B测试也可以做的到，只是移动端的技术难度与复杂度都要高得多，看各自公司的开发团队能力，如果开发团队能力有限，可以找网上的一些专门做A/B TEST的公司来帮忙做测试。）

如果想更专业一点，可以对产品进行埋点，对web和移动端进行监测，分析页面热力图点击率等来对产品进行优化。如果开发成员有限，技术程度难以实现，市场上已经有很多提供数据分析的公司如Ptengine、growingio、 神策等，都可以免费试用。

此外，用户的调查反馈也是改进产品用户体验的重要手段之一。定期利用线上线下的一些渠道去进行用户调查，收集调查结果来分析产品在一些功能点上优化的可能性。这些在前面也有所介绍，用户调查不是短期的，而是一个需要贯穿产品开发迭代周期的必要任务。

时代在不断发展，技术在不断创新，有新的好的交互体验也在不断的推出，大家应该紧跟时代，多读多看多学习，才能不被后浪拍死在沙滩上。