一、交互设计师是什么
交互设计师(英文:Interaction Designer)是指参与完成对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程的设计师,即定义人造物的行为方式的工作者。交互指的是产品与它的使用者之间的互动过程,而交互设计师则是秉承以用户为中心的设计理念,以用户体验度为原则,对交互过程进行研究并开展设计的工作人员。
二、交互设计师的职能
交互设计是以一种目标导向设计,所有的工作内容都是围绕着用户行为去设计的。交互设计师通过去设计用户的行为,让用户更方便更有效率的去完成产品的目标任务,获得愉快地用户体验。
交互设计师的职能
从上图中可以看出,交互设计主要干三件事:定义部分需求、定义信息架构和操作流程、组织页面元素并制作原型demo。
1、完善需求
需求不只是业务需求还有用户的情感需求 ,在情感分析方面,交互设计还是有优势的,交互设计师需要协助产品人员一起完善需求。
2、定义框架
这部分的内容属于交互设计师的核心工作内容,也就是我上一章节所讲的框架设计阶段。这个阶段的产出质量直接影响到业务目标和转化率。如果框架混乱,接下来的界面怎么优化都是无效的。这好比大型超市的走道设计,如果路线规划的不好,再多再大的指引图标都是低效的。交互设计就是让用户快速完成目标,提升操作效率,这才是框架设计的意义所在。定义框架包括结构导航设计、流程的设计。
(1)、结构导航的设计
把我们的产品想象成一个巨大的图书馆,我们需要帮助用户(有目的性的、目的不明确的,无目的性的)寻找他们感兴趣的图书,怎么帮助用户准确的寻找完成目标任务,这就是导航设计。导航的设计任务一般在新项目或重构项目。
导航大概可以分为三种类型:结构导航、关联导航、可用性导航,交互设计师的首要任务就是将业务内容信息组织分类,划分出主次关系,根据业务目的和用户习惯定义规划全局导航和局部导航的设计。
(2)、流程的设计
在流程的规划设计中要遵循:1、以业务目的为主要导向;2、兼容到用户的习惯;3、尽量让流程做减法,多一个流程就会丢一部分用户;4、任务是连贯和清晰的;5、考虑实现方式的复杂程度。
3、组织页面元素并制作原型demo
经过了需求的完善和框架的设计,之前的这些工作还是停留在抽象的想法阶段,怎么把想法转达给项目组的其他人员呢?交互还需要把想法和规划表达出来,那么最好的方式就是制作原型Demo。把Demo做出来,让产品,开发,测试直观的看到产品的雏形, 再广泛的接受意见,对原型进行不断的修正,改进,做简单的用户测试继续挖掘情感需求。
三、交互设计师工作内容
交互设计师工作内容包括:对产品进行行为设计和界面设计。 行为设计是指各种用户操作后的效果设计。具体表现为:
1、分析业务需求,深入研究用户的使用偏好、习惯和需求,设计产品的信息展示架构、人机交互界面结构、用户操作流程、交互反馈细节等;
2、输出清晰的产品交互原型和交互说明文档,对产品的整体用户体验与交互设计质量负责;
3、与产品经理、视觉设计师和开发工程师合作,跟进产品的开发与落地;
4、结合用户反馈、竞品分析、用户研究等多角度信息,对产品的交互体验和功能进行改良,持续优化产品的可用性、易用性和用户体验;
5、参与交互规范的制定,输出交互规范文档。
四、交互设计师的职业要求
交互设计师所需的知识按照交互设计的一般流程,即从需求分析开始,到信息架构、流程设计,到原型设计,再到可用性测试,大致包含以下几方面。
1、熟练使用原形制作工具,熟练运用交互设计各种方法;
2、对交互有热情和兴趣,有一定知识积累和眼界。富有激情和创造,勇于挑战。
3、有很强的执行力,出色的沟通意识和表达能力,能与团队和不同职能部门密切合作。并对工作有规划、有结果、有积累。
4、丰富的相关经验和项目背景,能快速理解产品、运营模式。熟悉视觉与前端技术,了解开发常识。
5、建立交互数据分析模型、建立监测规则,整理结果。通过深度的分析和发掘对网站、产品和流程的体验进行优化
6、通过数据指导对UED产出和产品设计。对运营模式进行策略影响,增强业务合作方对交互数据的认知。
7、有较好的沟通能力、团队合作能力。
五、交互设计师工作流程
一个规范的交互设计师的工作流程是:需求分析→设计初稿→设计细化→设计评审→设计走查→效果评估。
1、需求分析
在这个阶段,交互设计师要配合产品经理做好市场调研工作,深刻理解需求,因为只有理解了需求,才能做出符合自身产品特性的好设计。同时也要对竞品进行一定的调研与分析,充分的竞品分析完善你的用户场景,帮你更好地了解产品用户。寻找你的产品与竞品之间的共通性及差异点,找到自己产品的竞争优势,可以帮你清晰自身产品定位,打通自身产品卖点。
工作内容:需求讨论、竞品分析、数据分析、用户调研
2、设计初稿
了解了关键用户信息,交互设计师在这一步会梳理产品任务流程图、产品结构图,以进行管理信息和组织信息,为方便绘制原型图,同时也要输出交互设计最重要的交互文档。
工作内容:系统架构图、用户流程图、导航设计、页面布局、重要的交互方式。
3、设计细化
细化产品功能、内容,得出交互原型,进行测试验证。这个阶段,需要对产品的信息、功能进行优先级排布,进一步细化产品形态,得出详细的功能、流程设计,并画出设计原型,交互Demo,并交与用户测试。
4、设计评审
设计评审的参与者有:产品、设计、前端、后端、测试,主讲人为设计师。设计师对自己的设计产出进行详细讲解,包括导航设计、用户使用流程、设计细节、异常状态等(不讲视觉,因为在标注里有)。主要照顾的对象是前端、后端、测试。前后端关心能不能、好不好实现,接口怎么写。测试关心逻辑是否清晰。
一般情况下,需求评审完后,后端就已经开始工作了,此时后端最关心的就是,设计方案是否会影响到自己的实现方法。如果有,一般是比较介意的,因为他要返工。所以,在跟产品经理之前做设计沟通的时候,如果有后端实现方法的变更,要及时同时后端。这个一般产品经理能判断出来。
5、设计走查
前端样式和交互写完,就可以进行设计走查了,设计师对前后端实现的效果进行验收,把不符合设计稿的地方记录下来提给相应的研发,让研发修改。这个过程可能会循环好几遍。
6、效果评估
项目上线后,1-2个星期就行设计评估,包括定性和定量。通常采用的方式是用户调研、可用性测试、各种用户反馈渠道搜集。交互设计师需要分析用户反馈问题的合理性、是否需要优化。对于值得重视的反馈,需要思考设计方案、推进实现。
六、交互设计师常用工具
1、axure 原型工具
Axure是交互设计师最核心的工具,Web端产品使用较多。通过它输出的"原型"(交互稿)是交互设计师与产品经理、前端开发、后端开发、测试等人员沟通的最好媒介。"原型"是产品开发前期的重要设计内容,它直观的体现了产品的框架结构、界面内容以及功能模块之间的逻辑关系,且不断确认产品中的模糊部分,为后续的视觉设计,产品开发提供了准确的产品信息。主要功能除了绘制"原型设计图",还包括"操作流程图"、"信息架构图"等其它内容。
2、Sketch (苹果电脑)
Sketch大部分功能和操作思路,和Axure是一样的,如果我们期待做更精致的原型界面,或者出高保真原型时,sketch是个很好的工具。各种方便的插件,大大提升了工作效率。目前工作过的团队基本UI设计都是使用的sketch,如果大家使用同一种工具,那么在交流、修改等时间成本上就会快很多。
3、Xmind or Mindmanager思维导图工具
XMind/mindmanager是非常实用的思维导图软件,简单易用,功能强大。在进行产品规划,头脑风暴,任务分析等工作时,都需要借助XMind来完成。XMind的文件可以导出成Word,PPT,PDF,图片等格式,方便将内容与其他人共享。
4、Viso
viso这款工具主要是用于绘制流程图,操作简单易懂,小伙伴们上手练练就能懂。另外就是ProcessOn,这是一个在线作图工具的聚合平台,它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等,无需担心下载和更新的问题,不管Mac还是Windows,一个浏览器就可以随时随地的发挥创意,规划工作。
5、Figma
Figma是一个基于浏览器的在线工具,与墨刀相似,现在也有桌面版,个人版免费;界面与Sketch相仿,可以制作可交互原型。在国外是时下最多人用的交互设计软件之一。但Figma只有英文版,对网络也有要求。很好用的一个交互工具,只是目前在国内不好推广。
6、MockingBot 墨刀
墨刀是一款在线原型设计与协同工具,以前只有网页版,现在也有客户端,但都需要联网使用。有点类似于Figma,国产中文版的一款很好的交互设计软件。
优点:墨刀上手难度不高,墨可以实现元素切换、界面跳转,动效平滑,可以调试参数;支持win和mac,有桌面版,支持移动端预览(iOS&AndROId),有Sketch插件等。
不足:也是无法实现条件判断等复杂交互逻辑(不过这对于很多项目来说也不一定要做出来,有时间成本和学习难度)。
7、Mockplus
Mockplus(摹客)是一款简洁快速的原型图设计工具。适合制作低保真原型,界面简单,能够快速上手。
优点:界面简洁,快速上手,有交互组件可用,可生成单独的压缩包,打开即可演示。摩客还有一个原型托管平台,也挺方便,不过要收费~
缺点:无法实现复杂逻辑如条件判断等情况的交互,市面上可用的组件较少;适合做手机的简单原型,不适合做网页的原型。2年前用过,不知道现在这么样,平台收费,开发运维不易,支持国产。
七、交互设计师常见问题
1、作为交互设计师,最有成就感的是什么时候?
能看到自己在工作中的成长变化是很容易产生成就感的吧,还有与产品经理和研发的同事们共同探讨一个新功能,偶尔能够相互带来启发和新方法的时候也会觉得有收获,有成就感。
2、交互设计师的产出物是什么?
交互设计师产出物应该是交互设计稿。还应该包括或包含: 完整的流程图。更多的指用户侧的流程,如果有逻辑复杂、异常流的情况下,必须要提供。
总结
优化猩SEO:交互设计的好坏会影响用户对产品的印象,同时也会影响用户对品牌的看法,作为一个交互设计师,必须要对用户体验方面的理论有较深的理解和认识,才能为更好的完成产品的交互设计。
参考链接:
交互设计师_百度百科
https://baike.baidu.com/item/%E4%BA%A4%E4%BA%92%E8%AE%BE%E8%AE%A1%E5%B8%88/3329267
交互设计师岗位职责_交互设计师工作内容是什么- 职业百科
https://baike.zhipin.com/wiki/sfab49a48a3676c701Xw~/
交互设计师的工作流程 - 知乎
https://zhuanlan.zhihu.com/p/158648034
修改于2023-08-27