五步走,带你了解交互设计流程

本文作者分享交互设计的流程,但切记具体问题具体分析哦~交互设计(Interaction Design):定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the interaction, 即人工制品在特定场景下的反应方式)相关的界面。
——维基百科


本文作者分享交互设计的流程,但切记具体问题具体分析哦~

五步走,带你了解交互设计流程

尽管“交互设计”在近几年的设计行业中早已不是什么新鲜名词,但依然还是有很多朋友,尤其是刚入行的新人会问:

  • 什么是交互设计?
  • 交互设计师到底是干嘛的?
  • 交互设计的流程是怎样的?

交互设计(Interaction Design):定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the interaction, 即人工制品在特定场景下的反应方式)相关的界面。

——维基百科

五步走,带你了解交互设计流程

Allen Cooper在《软件观念革命:交互设计精髓》(About Face)中提到一个国际上广为认可的交互设计流程:

一、定性研究(Qualitative Research)

针对可能使用你的产品的人,可以是问卷、访谈……不管是以什么形式,主要是了解交互行为的五要素,也就是用户的行为(Activities),态度(Attitudes),资质(Aptitudes),动力(Motivation),技能(Skills)。

二、人物角色(Persona)

人物角色一般会包含一些个人基本信息,家庭、工作、生活环境描述,与产品使用相关的具体情境,用户目标或产品使用行为描述等。一个产品通常会设计3~6个角色代表所有的用户群体。

为了准确定位人物角色,你需要对他们有所了解。真正的了解用户并不需要华而不实的调研,最好途径就是通过协作。

下面这幅图会给你答案。

五步走,带你了解交互设计流程

三、脚本 (Scenario)

问题脚本(Problem Scenario)& 动作脚本(Action Scenario)

基于你对人物角色(Persona)的理解,设想出目标用户在使用产品中可能遇到的问题。你可以为每一个人物角色(Persona)列一个问题清单,猜想他们在使用产品时会发生的细节并将这些细节准备一个合理的解决方案。这个时候呢,你的交互方案的概念模型已经基本成型了,这个概念模型是通过解决问题脚本里的问题而得出的。

画线框图(Framework) & 制作原型 (Prototype)

线框图和原型都是对你的方案进行具象化的步骤,借助当下流行的原型工具,例如Mockplus, Axure,Justinmind, Invision 等等一箩筐的工具,不要程序员的帮忙,也可以轻松地展现你的想法。

五步走,带你了解交互设计流程

四、专家评测(Expert Evaluation)

原型完成后,可以邀请设计师对你的原型做一个评估。比较常用的评测方法是启发式评估法(Heuristic Evaluation),而这种方法比较常见的标准是尼尔森交互设计法则(Nielsen Heuristic)。

以下是十条尼尔森交互设计法则(Nielsen Heuristic):

  1. 系统状态是否可见(Visibility of system status)
  2. 系统是否符合现实世界的习惯(Match between system and the real world)
  3. 用户是否能自由地控制系统(User control and freedom)
  4. 统一与标准(Consistency and standards)
  5. 错误防范(Error prevention)
  6. 减轻低用户的记忆负担(Recognition rather than recall)
  7. 灵活性和效率(Flexibility and efficiency of use)
  8. 美观简洁(Aesthetic and minimalist design)
  9. 帮助用户认知、了解错误,并从错误中恢复(Help users recognize, diagnose, and recover from errors)
  10. 帮助文档(Help and documentation)

如何做启发式评估法(Heuristic Evaluation)?很简单,专家们各自将自己发现问题列出来,并将之与对应的法则相关联,或者根据法则来查找问题,然后专家们分别给自己的问题打分。专家们完成自己的问题列表后,一起讨论,将问题整合起来。

常用的打分方法如下:

  • 4分 – 问题太过严重,一旦发生用户的进程将会终止并且无法恢复
  • 3分 – 问题较为严重,很难能恢复
  • 2分 – 问题一般严重,但是用户能够自行恢复,或者问题只会出现一次
  • 1分 – 问题较小,偶尔发生,并且不会对用户的进程产生太大影响
  • 0分:不算问题

记住:评测完后别忘记修改你的线框图和原型!

五步走,带你了解交互设计流程

五、用户评测(User Evaluation)

原型通过专家评测后,你可以找一些典型用户使用原型。你可以把任务列给他们,让他们自己尝试完成任务。中间遇到的问题可以记录下来,设计师通过观察来进行评分。

比较常用的用户评测方法是Think Aloud,做法也很简单,你让用户使用原型完成指定的几个任务,让他们在使用过程中将他们的每一步和心中的想法说出来。如果他们忘记说或者不知道该怎么说,你可以适当提问。与此同时,你要将屏幕和声音录下来,可以用录屏软件或摄像头。完成后,你回放这些视频,把观察到的问题和用户报告的问题全部记录下来,与交互法则关联并且打分。

值得注意的有两点:

  1. 这些步骤并不是每步都是必须的,要根据项目去分析你所使用的方法。
  2. 这个过程中每一步都是和用户相关的,切莫主观臆断。

 

本文由 @jongge 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/24784/

(0)
CatherineCatherine
上一篇 2017-05-09 16:55
下一篇 2017-05-09 18:57

相关推荐

  • 用户体验和可用性之间的联系和差异,你都知道吗

    可用性涉及到产品的有效性,效率和满意度,用户可以尽可能简单那地完成某些任务。另一方面,用户体验涉及到用户和网站互动上更为广泛的领域中的方方面面。作者|Amy Smith源自|优设网最近几年来,用户体验设计逐步成为了目前设计圈中广泛认同的重要设计环节。而“可用性”这一词也作为改善用户体验设计的重要度量而发挥着无与伦比的作用。于是乎,除了“用户体验设计师”这一职位,在欧美的产品和设计团队当中还诞生了“可用性工程师”这样的专业职位。另一方面,...

    2018-03-06
  • 关注 Web 设计

    相较于设计教程,这样的问答对于个人来说更有针对性,离我们日常的设计工作更近一些。我个人也有这样的体会,有时会有一两个问题长期停留在脑子里,得不到解决,偶然的碰到刚好涉及到这方面的文章,会有一下子豁然开朗的感觉。所以这样的形式也是非常有价值的。以下就是第1周的所有问题和答复,希望在设计对大家有所帮助。

    2015-01-03
  • App动效类型,其实就是五部分

    App中的动效设计不是具体的需求设计,不能对产品本身产生很大的变化和改进,只是能在设计层面和体验层面为用户创造多一点的价值。所以在做相关设计的时候,不可为做动效而做动效,要把握住动效的“度”,不可华而不实,需要服务于具体的需求和场景。

    2017-05-06
  • 现在!极限UI设计的时间到了

    毫无疑问,数字设计其增长突飞猛进超过过去五年和服务设计更是如此。合并用户体验、 客户体验、 交互设计和技术创新有助于更好,并协助组建健壮的规则、 模式和人民已经认识到的用户界面语言。然而,我不禁感到东西死了前进的道路。

    2014-12-28
  • 实例解析「交互设计七大定律」在设计中的应用(上篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,通过一些实例来解析下这些原则在设计中的应用~由于文章有点长,影响阅读体验,姑本文将分为上下两篇来发~一、费茨定律(Fitts’ Law)费茨定律指的是:使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(...

    2018-03-16
  • 设计师们全都疯了!出Ps的Adobe公司又出新神器!

    图文来源:新设技 这次Microsoft 与 Adobe 强强联手退出了神器一样的应用,让现场设计师为之疯狂~~,不多说了,看视频吧... 设计师们,这到底是什么节奏啊~~?你们都懂的... 随著 Microsoft CEO Satya Nadella 近日…

    2014-10-12
  • 我们请50位用户体验了一把Q音的“养生黑科技”

    【快讯】据英国伦敦大学史密斯学院最新研究,两周参加一次演唱会可延长寿命9年。为了亲爱的用户们身体健康心情愉快,QQ音乐团队精心研究,在此成果上推出“食疗续命”公益项目——“肚子饿了!”!4月1日,该项目试点落地北京顺义,经过一番严格筛选,撸串巨星GALA乐队受邀与50位幸运用户共赴春游,在音乐与美食中修身养性,延年益寿。活动后GALA乐队与用户均反馈良好,经非权威机构检测,他们的健康幸福指数在参与“肚子饿了!”后上升显著。科技改变生活,...

    2018-04-10
  • 交互设计师怎样理解信息架构

    设计文章 / 交互设计 | 发布者: GUImobile 这篇适合交互设计或者对交互设计感兴趣的小伙伴们看。所以我就不解释信息架构是什么了。今天写一下产品信息架构的思考。 任何产品都有信息架构,或繁杂或简单。在文中讨论…

    2014-10-15
  • 交互设计的五要素:用户、行为、目标、场景、媒介

    在公众号里经常收到朋友的留言,到底什么是交互设计师?交互设计师具体是干什么的?为什么很多互联网公司都没有交互设计师这个岗位?希望通过这篇文章把交互的本质说清道明。

    2017-05-14
  • 一个产品小白如何理解尼尔森交互原则的?

    上完培训课,又开始投入忙碌工作中,由于目前公司是做汽车后市场服务,并且近期在准备新产品开发事宜,因此每天跟产品经理、研发同事少不了一些探讨。与之前有所不同,现在工作过程中,可能会下意识地用Blues老师讲解的一些知识来思考、理解、验证产品。

    2017-06-01