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

本文作者分享交互设计的流程,但切记具体问题具体分析哦~交互设计(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

相关推荐

  • 从三个案例出发,聊聊交互设计师的核心价值

    交互设计师的核心价值是什么?这个问题很经典,知乎上有这样的提问,面试中也会被问到。为了避免过于空洞和理论,本篇结合三个小案例来聊聊我的理解。

    2017-05-30
  • 交互设计入门–了解交互设计

    之前写过类似的文章,想写的东西太多,结果什么都没讲明白。所以重新写一套入门的教程,分「了解交互设计」、「交互设计的职能范围」、「交互设计的常用方法」……几个章节把我对这门行业的理解和经验做个分享。

    2017-08-04
  • 【IXD案例】国际第一时尚品牌VOGUE-iPhone端案例高保真原型-抽屉效果案例

    本次分享给大家展现依然是高保真效果的原型,上一次展现的是iPad版本的,这次是iPhone端版本的原型,和上次一样,我们依然以国际第一时尚品牌VOGUE为例:iPhone端的效果比iPad更复杂,难度更高,我们要做的是抽屉效…

    2016-02-26
  • 电子书阅读APP原型设计解析

    我是比较喜欢纸质书的,一本好书,我总愿意买本纸质书,放在家里可以随意翻看,或一遍,或多遍,偶尔也会当花瓶放着。 阅读纸质书是视觉,听觉,触觉,嗅觉的享受,甚至连带着回忆都是美好的。 柔和不刺眼的纸张带…

    2015-06-11
  • UE网国内首发:Axure APP:Axshare APP下载地址非google play

    很多童鞋反应googleplay下载不下来,我们发布在 UE社区 以后各种新的东东想第一时间知道欢迎安装我们的UE小组APP 请需要的同学尝鲜下载。 http://www.iamue.cn/read.php?tid=16&fid=2 不过阿西这里要提醒下,这…

    2015-05-25
  • 【优秀作业展示】交互设计基础(一)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优业。优秀学生作业第一期周亦辂产品设计1511高铁取订票界面设计色彩选取字体:冬青黑体字号:18、21、24、28、30、32、36风格:利用从...

    2018-04-04
  • 基于用户体验的污泥脱水干化解决方案

    点击上方蓝字关注“公众号”题  目:基于用户体验的污泥脱水干化解决方案报告人:上海复洁环保科技股份有限公司  许太明  总经理第一部分:背景与缘起各位领导、各位专家、各位同行,中午好。我给大家做的报告是基于用户体验的污泥脱水干化解决方案。作为我们公司来说,主要的产品是低温真空脱水干化成套技术,所以我从这个技术本身给大家分享一下应用性能与效益的评价。主要分三部分,一个是背景与缘起,第二是用户体验与详情,第三个是总结与展望。污泥脱水干化设备...

    2018-04-30
  • 新手学交互----必看书籍之《微交互》

    最近有很多童鞋想学习交互设计,问我有什么好的书籍可以看看,今天小编为大家推荐一本好书《微交互》---细节设计成就卓越产品。由Smart Design的交互设计总监Dan Saffer所创作的,通过这本书展示怎么设计微交互,即…

    交互设计 2015-04-29
  • 交互分析:什么时候该用新窗口打开(target=_blank)?

    是否从新标签打开页面看起来也许并不是特别起眼,甚至可以说是一个很小的细节。但是正是这种小细节往往决定了你网站的用户粘性,是否可以在竞品中胜出。

    2017-08-04
  • 困扰多年的选择困难症,居然让交互设计给我治好了...

    觉得自己患上了选择困难症?也许这并不是你的错,而是对方给予的选项太多。 Hick’s Law(席克法则)中说道:一个人面临的选择(n)越多,所需要作出决定的时间(T)就越长。用数学公式表达为反应时间 T=a+b log2(n…

    2015-09-10