分享:交互设计之目标导向设计(下篇)
部门分享~
目录 CONTENTS
01 概述:目标导向设计
02 理解用户:中间用户和定性研究
03 为用户建模:人物角色和目标
04 设计的基础:场景剧本和需求
05 从需求到设计:框架和细化
03 为用户建模:人物角色和目标
成功容纳大量用户的最好方式是为具有特定需要的特定个体类型设计。
作为设计工具的人物角色的好处
1.我们很难在繁杂的用户研究资料中挖掘有用的信息。而通过对用户建模,即使用人物角色,可以很好的理解没有结构化的数据,突出特性或关系,并弱化不显著的细节。
2.人物角色为讨论设计决策提供了共同的语言。更容易在设计中达成意见一致和承诺,共同的语言带来共同的理解。因为人物角色与真人相似,将他们与真人联系起来要比用功能列表、流程图与真人联系起来容易得多。
3.解决弹性用户问题。我们讨论设计问题与场景时,所使用的“用户”一词,都基于个人对于用户的不同理解,这就导致该“用户”是弹性的,很容易被变形扭曲。而我们的产品是要满足实际用户的需要,实际用户及代表他们的人物角色不是弹性的,他们有具体的目标、能力和情景的具体需求。
4.人物角色能够帮助我们对功能优先级进行排序。
他提供了设计的现实检查,我们可以问:”小刘会经常进行这种操作吗?“类似的问题,以对功能进行清晰的排序。
目标
1.目标驱动着使用模式
目标是人物角色行为背后的驱动力。它提供了为什么及如何期望使用产品的答案。
2.目标来自哪里
一个人无法清晰准确的描述出研究人员想要的目标。设计师需要认真的从观察到的行为、对问题的回答,以及一些没有表达出的暗示以及周围环境中重新构造目标。每个目标尽量用一个简单的句子来表达。
3.三种用户目标

04 设计基础:场景剧本和需求
通过清楚的定义用户需要,当实施过程中遇到问题时,产品定义不会出现风险。
作为设计工具的场景剧本
场景剧本:是设计落地的开始。基于人物角色的场景剧本是使用产品来实现具体目标的人物角色的简明叙述性描述,我们以某个用户角色的角度通过一个故事描述其理想体验,从这里开始设计。
场景剧本来源于研究阶段收集,并在建模阶段进一步分析得到的信息中推导出来的。人物角色作为场景剧本中的人物,就像演员进行即时创作一样。
使用人物角色和场景剧本定义需求
从模型到设计解决方案的转变过程中有两个主要阶段:
需求定义:回答了产品是什么、产品应该做什么的问题;
框架定义:回答了产品如何行动,如何构成 以满足用户的目标。
我们先讨论需求定义阶段:
第一步:创建问题和场景综述
问题综述:解决缺乏明确的产品要求的问题,有助于在设计推进之前,在利益相关人之间达到理解一致。 问题综述定义设计的目标,简明的反应需要改变的情况。
例如:X公司的顾客满意率低,市场占有率从去年开始已经下降了10%。因为用户没有充足的工具完成某项任务,而完成这些任务则能帮助用户满足其目标G。
前景综述:从用户需要开始,转向如何用设计视图满足商业目标。
例如:设计的新产品X,会帮助用户实现目标G。让用户更好的完成某项任务,并且不会产生其现在遇到的问题,从而有力的改善X公司的顾客满意度,并增加市场占有率。
第二步:头脑风暴
在进行了几天甚至几周的用户研究和建模方面的工作,不可能没有形成先入为主的偏见和成见。在需求定义阶段的早期进行头脑风暴的原因就是,需要把这些想法从脑子中拿出来,公正的记录他们,并让它们随着时间的推移而自然的发展。以此将注意力集中在我们的人物角色,及角色怎样融入产品中。
头脑风暴不受约束,不加评判,将所能想到的甚至没有想到的都说出来,并整理记录下来。
第三步:确定人物角色的期望
正式纪录人物角色的期望:
人物角色在产品体验方面可能有的一般期待和愿望;
人物角色对产品行为的期待和愿望;
人物角色认为什么是数据的基本单元或者元素。
第四步:构造情景场景剧本
场景剧本是人及其活动的故事。它应当是广而浅的,不应该描述产品或交互细节,而应当专注于较高层次上从用户角度描述的行动,来映射大的图景。



1.场景剧本处在较高层次;始终与人物目标相关,尽量去除过多的任务。
2.在设计的早期阶段,假设界面有魔术效应。有助于跳出条框看问题。对用户造成最少侵扰
而达成目标几乎是魔术般的,不仅仅是技术而是目标导向的行为创造了这种效果。
第五步:确定需要
分析场景剧本并提取人物角色的需求。包括对象、动作、情境。(需求不等于功能和任务)
例如:直接从约会记录中拨打电话给某个人。
经过上面这些步骤之后,现在应该形成了一个从用户模型和场景剧本中提取出来的需求和要求的简化列表。接下来需要具体的钻研产品的行为细节,并开始考虑如何表达产品及其功能。
05 从需求到设计:框架和细化
在经历了设计过程的第一步,即设计场景剧本定义需求,现在我们准备开始设计。
设计框架

当涉及复杂的行为和交互设计时,我们发现过早的把重点放在小细节、小部件且精细的交互上会妨碍框架的设计,将导致无法有效的开发出可以包含产品全部的行为的综合框架。
定义交互框架
定义外形因素、姿态和输入方法。
定义功能和数据元素。
决定功能组和层次。
勾画出大致的交互框架。
构建关键线路场景剧本。
通过验证性的场景剧本来检查设计。

将产品想象为人类来构建交互层的细节也是有效的,和数字系统打交道,就如同和一位彬彬有礼并且乐于助人的人打交道一样。当你考虑产品交互、行为和功能元素时,试想一下,如果是一位乐于助人的人,他会怎么做?体贴周到的交互应该是什么样的?该产品对待首要人物角色时是否有人情味?
定义视觉设计框架
1.开发视觉语言研究

2.将选择的视觉风格运用在屏幕原型上

细化外形和行为
在细化阶段中,草图故事版将变成全解析度的屏幕,在像素上来描绘用户界面。在经历了整个细化阶段之后,视觉设计者应该发展并提出一套视觉风格指南。
设计验证和可用性测试
进行进展式可用性测试:
简言之,下面几点对成功进行进展式可用性测试非常必要。
•测试不能太早,要在基本的设计成形之后进行测试,因为这时有实质性的内容:也不能太晚,这样一旦发现问题,还可以对设计和实现进行调整。
•具体的测试任务和用户体验的相关方面要和手上现有产品相适应。
•从目标用户群中招募参与测试人员,采用你的人物角色作为指导。
•让参与测试人员清晰地执行规定好的任务,并且采用大声思考的方式。
•让参与测试人员直接使用低技术含量的原型(不过,一些纸质原型无法反映的具体交互,还是需要专门的硬件)。
•主持对话过程,从而发现问题并探索产生的原因。
•让不曾参加过此项目的人担任主持。
•关注实验参与者的行为及其基本原理。
•测试后和观察者一起听取报告,找出并确定所观察到的问题的原因。
•在研究过程中要有设计者参与。
设计者参与可用性研究:
•在计划阶段中关注在设计上重要的问题。
•使用人物角色及其属性来划定选择实验参与者的标准。
•运用场景剧本来编写用户任务。
•观察实验过程。
•和其他人一道共同分析研究中的发现。














































![Amazon亚马逊 I 主图A+ [合集]](https://img.zcool.cn/community/6a38dcce3687ayo427oj4f8979.png?k=80d296bac7d8085da7b7ab987dc355d3&t=6a68d200&x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)


































