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

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

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

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

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、 神策等,都可以免费试用。

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

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

原文发布于微信公众号 - 设计谜(UXMystery)

原文发表时间:2018-11-01

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏数据和云

摩拜物联网架构演进之路|数据与架构齐驱,看摩拜创造奇迹

编辑手记 最近召开的首席技术官领袖峰会上,互联网不同行业顶尖技术领导者齐聚一堂,充分交流与碰撞最前沿的技术思想和实践,探讨技术创造商业价值的途径,推动商业变革与...

3597
来自专栏企鹅号快讯

未来机器人大脑将获取互联网知识自我学习

所谓的“机器人大脑”就是一个大型计算系统,该系统可以学习所有公开、可用的互联网资源。为了能够成为家庭、办公室和工厂的好帮手,机器人需要学习和理解这个世界是如何运...

2015
来自专栏人称T客

那些年,我们一起误解的公有云

编译 T客汇 Felix 每个公司都有不同的要求,因此云解决方案的种类越来越多,比如:私有云、公有云、混合云和多重云,这些方案每个都各自具有自己独特的管理和服务...

3585
来自专栏罗超频道

微博开推的内容开放协议,会再造一个互联网吗?

内容创业浪潮正在深刻改变互联网的形态:基于URL的WEB已不再是主流形式,反而是一个个内容平台,正在形成大量的“内容孤岛”:微博、微信、今日头条、百家号、企鹅号...

35210
来自专栏DevOps时代的专栏

传奇 Netflix:全周期开发人员 – 运维你构建的内容 | 译文

1213
来自专栏钱塘大数据

排名前20位的大数据职位及其职责,你能胜任么?

大数据在全球范围内的IT就业市场占有越来越重要的影响。根据Gartner公司提供的数据,截至到2015年将有440万的IT工作来支持大数据,仅美国就会有190万...

3389
来自专栏杨建荣的学习笔记

对于技术价值的思考和建议

最近的一次技术讨论,领导的一个问题一下子点拨了我。我们聊的是一个元数据交互的场景,我提出了目前数据同步的一些问题,也列举了目前在同步过程中双方存在的一些...

932
来自专栏腾讯移动品质中心TMQ的专栏

腾讯TMQ在线沙龙回顾|技术债

技术债 活动时间:2017年11月23日 QQ视频分享 活动介绍:TMQ在线沙龙第三十四期分享 本次分享的主题是:技术债 有72位测试小伙伴报名参加活动! 想...

2206
来自专栏大数据挖掘DT机器学习

【解析】BI系统的应用组织思路与数据分析模式

BI商业智能软件一般都会提供若干数据整合、数据查询、分析与评价、数据可视化及数据分享的手段,但是在BI项目的构建与实施过程中,如果不按照一定的应用组织思路...

5083
来自专栏ThoughtWorks

如约而至|2017年3月期技术雷达正式发布!

技术雷达是什么 技术雷达是由 ThoughtWorks 技术战略委员会(TAB)经由多番正式讨论给出的最新技术趋势报告,它以独特的雷达形式对各类最新技术的成熟度...

2703

扫码关注云+社区

领取腾讯云代金券