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

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

相关推荐

  • 涨姿势 | 这份交互设计纲领,已被我内定!

    最近一个月的电影市场完全被《头号玩家》支配,身边清一色的“自来水”,那票房蹭蹭涨,眼瞅着都十好几亿了!所以斯芬克趁此良机跟大家说说交互这门自带特效的技术!往期内容一览:服装设计出国学?看这一篇就够了!(点击此处查看详情)学平面设计前,给你一份须知!(点击此处查看详情)怎样做准备,才能当上室内设计玩家?(点击此处查看详情)交互设计适合你吗?我们往往会觉得,交互设计不就是做个网站、搞个APP么,最多再玩玩特效啥的……其实咧,交互可不仅仅存在...

    2018-04-27
  • 5种设计策略,让你的UI更加安全稳妥

    安全的设计应该是清晰,简单并且能够引导用户的。

    2017-08-04
  • 信息架构与导航系统,还傻傻分不清楚吗?

    作者:Jennifer Cardello,翻译:小球娘   几句话概述:信息架构是支撑网站的骨架;导航指的是网站交互界面上,用来让用户到达具体信息内容的元素。 人们有时会把信息架构(IA)和导航系统的概念混淆到一起,这些概…

    交互专题 2017-08-07
  • 2018年04月07招聘岗位

    诚聘:通辽澳鼎医疗器械公司诚聘:工作人员要求:40岁到50岁之间的女性,能长期工作的,有爱心,有孝心,家庭没有负担的,高中以上文化程度,语言表达能力好待遇:中午有工作午餐,每个周日休息,节假日休息,基本工资1800元,满勤奖200元,年底奖金不少于12000元。联系人:闫经理。联系电话,15247572846,15374967717不能长期工作的勿扰!招聘服务员工资底薪2500加提成收银员2700元加提成招聘电话:8663888,157...

    2018-04-08
  • 『真实』两个女设计师:一个互联网新手,一个30岁面临艰难选择

    编辑:我是UE网-@Tina爱学习  责任校对:@Tina爱学习 两个真实的经验送给互联网从业的设计师。 NANA 女 产品设计师  今年三十岁 传统软件企业 图片来自:unsplash 前几天Tina问我:好久不见,最近在忙什么?我说:…

    2015-06-02
  • 如何辨别一个Banner的好坏?(附案例)

    平时经常会有人问我“什么样才算是好的Banner ?”、“我这个Banner 有什么问题呢?”之类的问题,还有时候大家会分享一些作品但是我觉得并不是特别好,所以就觉得要不写一篇“如何判断一个Banner 的好坏”之类的文章吧,因为我们常说设计师要多看,但是多看的前提是要学会辨别一个东西的好坏,要多看好的而非不好的东西哈,要不然怎么提高审美提高眼界呢?

    2017-05-24
  • 如何让头脑风暴更有效率

    头脑风暴法是广泛用于团队的一个产生想法和解决问题的方法。然而,许多头脑风暴活动是有不完美的,最终并不能帮助激发思想上的创新。众所周知,传统的头脑风暴,团体在一起,把想法一个接一个的表达出来,通常这是…

    2014-11-10
  • Design is not about the pixels — or why the lean approach rocks

    For a while now, I focused on building partnerships with my freelance clients. A couple of pages taken out of lean UX book helped a lot. While talking with potential clients, especially coming from D…

    2015-06-02
  • 交互体验设计师竟选择不能抛的捧花 | 真实婚礼

    新娘:@Seiya大鲍鱼婚礼场地:北京阿根廷庄园婚礼人数:120总花费:24w策划布置:6.5w策划:@华尔兹婚礼服务婚礼vendor:5.1w摄影:@ShengVision胜男摄像:@PerfectFilm视频记录化妆造型:@魏臻WeMakeup主持:@李伟MIC甜品:@乡田小墅服饰:3w出门纱:Willowby主纱:Catherine Deane新郎礼服:@殷小小爱喵咪新娘婚鞋:@RogerVivier_罗杰维维亚@Charlott...

    2018-01-30
  • 应届生在简历中如何描述自己的交互设计项目经验?

    应届生和社招的项目展示核心区别在于,应届生的项目大多数是虚拟的、小型的,或者失败的。大部分可能是校园网站项目,公众号运营,轻量化 App 等,用户数量不会太多、很少或基本不盈利。描述、呈现自己项目经历的前…

    2015-10-14