用户体验要素(以用户为中心的产品设计)

1、用户体验要素(以用户为中心的产品设计)一、用户体验为什么如此重要(2015/8/17 )1、从产品到设计：用户体验并不是指一件产品本身是如何工作的，用户体验是指“产品 如何余外界发生联系并发挥作用” ，也就是人们如何“接触”和“使用” 它。2、为体验而设计：使用第一，产品越复杂，确定如何向用户提供良好的使用体验就越困难； 产品也必须将用户体验设计纳入考虑范围。3、用户体验和网站：网站提供优质的用户体验是一个重要的、可持续的竞争优势；不仅仅对网 站对所有类型的产品和服务也是如此。 用户体验形成了客户福哦企业的整 体形象，界定了企业和竞争对手的差异，并且决定了客户是否还会再次光 临。4、用户体验就

2、是商机；用户体验对客户忠诚对有很大的影响， “客户忠诚度”并不是关注网站的 用户体验所带来唯一的回报； ，对企业而言：投资所得的回报( return on investment )投资回报率( ROI) ,使用金钱衡量， 投资收益度量标准： 转化率 (conversion )。例：3 个注册并订阅邮件的用户除以 36 个访问着 =8.33%的转化率。5、在乎你的用户：做以用户为中心的设计，考虑用户的体验，把它分解成各个组成要素从不同的角度来了解它，只有这样才能确保控制力决策所有造成的全部后果。 个人总结：用户体验不仅仅是指触觉 视觉 嗅觉 还有听觉 味觉；所有产品带给的感 知和应用都可以理解为

3、用户体验。用户体验不论对设计师还是对日常工作 的大家都至关重要，如工作交付中应该从交付对方习惯方式入手；站在对 方的角度去思考；让对方易于接受理解；之前一直作为一个用户，来体验 很多产品，如 app ，网页有深刻感受，当在一个网站找不到查询按钮时的 痛苦；近日来真正去设计网页的时候更需要从用户角度去思考，视觉上， 让用户更直接了当的去找到；减少用户的思考。二、认识这些要素( 2015/8/18 )1 、 五个层面：表现层(suface ):在表层看到的是一系列的网页，由图片和文字组 成， 些图片是可以点击的从而执行某种功能。框架层(skeleton )：按钮、控件、照片和文本区域的位置。是结的

4、 具体 表达方式。结构层 ( structure )：是用来设计用户如何到达某个页面，并且在他们做 完事情之后能去什么地方。范围层( scope )：结构层是确定连网站各种特性和功能最适合的组合方式。战略层(strategy ):网站范围基本上是由网站战层所决定的；包括经营者向从网站得到什么和用户想从网站得到什么。2、自下而上地建设 ：五个层面提供了一个基本架构，只有在这个基础架构上，我们才能讨论用户体验地问题，以及用户用什么工具来解决用户地体验。最底层不用考虑网站、产品或服务最终地外观，只关心网站如何满足我们地战略。在最顶层，我们只关心产品所呈现地最具体地细节。随着层面地上升，决策会更 具体

5、，细节会越精细。每一个层面都是根据它下面地层面来决定。3、基本地双重性 ：当网站地用户体验开始形成时 设计者采用两种不同地语言， 造成了很大地沟通障碍；为了解决这种双重性质，从中间这五个层面分开，左边描述功能型地平台类产品，右边用于描述信息型地媒介类产品。功能产品这边主 要关注任务；信息型产品这边关注信息。4、用户地体验要素战略层： 企业外部的用户需求 (user need )和对网站的期望目标即产品目 标( product objective )范围层：功能规格 (functional )内容需求( content requirement )。 结构层：交互设计( interaction d

6、esign )。信息架构( information architecture )，导航设计( navigation design ) 表现层：感知体验( sensory experience )。5、应用这些要素：设计和模型这两个部分， 在每一层中这些要素必须相互作用才能完成该层的目标之一。内容( content )和技术( technologu )最终也会对用户体验产生影响。个人总结 ：为了考虑用户可能采取的每一个行动的每一种可能性，并且 去理解在这个过程的每一个步骤中用户的期望值，把设计用过虎体验的作 分解未五个层面：表现层 框架层 结构层 范围层 战略层 每一个层都是 自下而上的都根据它

7、下面的层面来决定；用户体验要素不仅仅是这五个； 任何领域都有自己的专业术语，也就是都有他的双重性为了解决这个问题 把五个要素分成了功能型和信息型。三、战略层面(产品目标和用户需求) (2015 823 ) 成功的用户体验，其基础是一个被明确表达的“战略” 。1 、 战略层定义： 导致网站最失败的基本问题：我们通过这个产品得到什么？ 用 户 要 通 过 这 个 产 品 得 到 什 么 ？ 即 需 要 明 确 产 品 目 标 ( product objectives )和用户需求( user needs )。2 、 产品目标： 商业目标：企业网站目标：替公司赚钱货替公司省钱。品牌识别：对于任 何网

8、站，她需要描述的基础目标之一就是品牌识别。品牌概念 原 因超越 视觉表现，还可以事概念系统，也可以事情绪反应，他之所以重要事 因为 无法不被用户注意。成功标准：理解目标有一个最重要的部分，就是理解 你要怎样才能知道 “什么时候能到达终点” 。成功标准就是一些可最终的指标在产品上线以后用来吸纳时他是否满足了我们自己的目标和用户的需求印象树( impressions )网站上每一个广告的每天被展示的数量。 一个有效 的网站可以提供工具和资源的简便途径，如此则能缩短销售人员的工作时 间也就是直觉转化成增加的年收益。3 、 用户需求我们事为他人设计， 如果想要这些他人喜欢并使用我们创建的东西， 那么就

9、 必须了解他人是谁？以及他们的需求是什么？及时我们设计的事一个仅供 企业内部使用的网站， 也仍然需要大范围的考察用户的需求， 如果我们川剧 的事一个服务所有消费者的手机应用， 那需要考虑各种可能型就会成倍增加， 要对这些用户需求寻根问底，必须要定义谁是我们的用户，他们想要什么， 同事也能帮助我们确定这些需求的优先级别。4、 用户分析 把大量的用户需求划分成几个可管理的部门分，这些将通过用户细( user segmentation )分来完成。 有多少用户类型几乎就有多少中方式来细分用 户群。用户细分即将全部的用户划分为较小的、有共同需求的小组，以此 来帮助我们更好地了解用户地需求。市场营销人员

10、通常依据人口统计学 (demographic )地标准来划分用户： 性别、年龄、教育水平、 婚姻状况、 收入登。消费心态档案( psychographic progile )是用来描述用户对于这个世界， 尤其事与你的产品有关地某个事务地观点和看法地心理分析方法。按照人 口统计特征划分出来的同一个用户群之中，其世界观和感兴趣地事情往往不同。我们设计必须要能容纳不同类型地用户群。除了了解用户对技术的熟练程度和适应程度，我们还需要知道他们对于网站相关内容地知识知道 多少。人们使用信息地方式经常取决于他们地社会或专业角色。我们要么 选中针对单一用户群设计而排除其他用户群，要么为执行相同任务地用户 群提

11、供不同地方式。这将会影响日后与用户体验相关地每个选择。可用性和用户研究；问卷调查和焦点小组的市场调研方法( market research )。现场调查( contextual iquiry )是一套完整、有效切全面地方 法，用于了解在日常生活情境中的用户行为。任务分析：认为每一个用户和 茶品的交互行为都发生在执行某一任务的环境中。 用户测试： 请用户来帮忙 测试你的产品。可用性的最终目标，都是寻找茶品更容易使用的途径。卡片 排序法( card sorting )用于探索用户如何分类或组织各种信息元素。创建 用户角色(personas )：也叫用户模型或用户简介；可以让用户变得更真实； 帮助我

12、们在亲啊近的每一步都时时记着用户。5、 团队角色和流程 战略专家( strategist )可以帮助客户处理项目中的问题。决策层( stake holder )是一群资深的决策者，他们管理那些回影响产品决策的部门。产 品目标和用户需求经常被定义在一个正式的战略文档 ( stategy document ) 或愿景文档( vision document )提供不同的目标之间的关系分析，并且 说明这些目标要如何融入更大的企业环境中区。一个有效的战略文档不仅 可以在用户体验开放队伍中起到试金石作用；它还可以成为企业其他部门 的项目支持文档。战略事用户体验的流程中的起点； 战略可以演变和改进； 当战略

13、被系统的修改和校正时，这些工作就成为贯穿整改过程、持续的灵 感源泉。个人总结： 如果一个用户体验想要取得成功一定要有战略；是日常工作和生活中的计 划；战略：就是明确用户想要什么我们做产品想得到什么？是做产品前需 要明确产品目标；了解用户需求，对用户细分并研究用户研究有多种方式， 创建用户角色可以避免忽略统计数据后所代表的真正人物并且每一步都是 记得用户，从而明确用户需求。四、范围层(功能规格和功能需求) (2015 823 ) 明确用户想要什么， 我们想要什么 才能清楚的如何去满足这些战略的目标。 当把用户需求和产品目标转变成产品英国提供给用户什么样的内容和功能 时，战略就变成了范围。1、范围

14、定义过程( process )的价值在于，到国内整改事情还处在假设阶段的时候，它 能迫使我们区考虑潜在的冲突和产品中一起粗略的点。 我们能确定解决那些 事情，而那些必须要迟一点才能解决。产品( product )提供了一门讨论这 件事情的共同语言， 定义好我们的要求能保证在设计过程中避免出现模棱两 款的情况。需求要有：固定工作流程(working flow )日常安排(schedule )、 里程碑( milestones )。必须用文档来定义产品需求：原因是这样才知道我 们正在建设什么？不需要建设什么？当前难以满足的需求， 可以成为启动下 一个版本的基础，这样就可能形成一个不断循环的开发过程

15、。2、功能和内容范围层分层两个部分： 功能型产品和信息层产品方面； 功能型产品方面是功 能需求规格(functional specifications);信息型产品方面我们考虑的是内容，这属于编辑和影响推广的传统领域。 范围层确定的是全部的功能需求和 功能规格( functional specifications )。使用谷歌说明书来描述文档本身， 而用需求来描述文档的内容。定义内需求( content requirements )的过 程，实际上与技术专家和董事会集体商议功能需求， 并回顾已有的文档纪录 没有本质上的区别; 两者的意图和方法是一样的。 真正的内容常常是通过一 个内容管理系统(

16、Content Managenmentsystem ，CMS)来进行管理的。3、定义需求 一些需求适用于整改产品，品牌需求是最常见的一种。某些技术需求，比如 支持浏览器和操作系统是另一种， 只是用于特殊的特性。 需求的详略程度常 常取决于该项目的具体范围。 最用之不竭的需求源泉总是来自用户本身; 但 更多的时候， 你的需求将来自与项目利益相关的同事。 不管是那种情况去了 解人们想什么的最佳途径就是专家询问他们。需求来源分三个： 1)人们讲 述的。 2)通过创建虚拟人物来帮助我们更好的理解用户需求，我们称之为 场景( scenarios )。3)竞争对手中得到的启示。4、功能规格说明。 功能规格

17、说明书强调一个真正起到了作用的功能规格说明书的重要性。 文档 不能解决问题但是定义可以; 我们需要足够清楚和准确。 功能规格说明需要 包含在设计开发过程中国年出现有可能混淆的功能定义， 纪录在创建这个产 品时已经确定下来的决议。 记下来： 有几条规则适用于撰写任何类型的功能 规格说明；乐观( be positive )：描述这个系统将要做什么事情区防止不好 的事情发生。具体：尽可能详细的结束清楚状况，这是我们决定一个功能是 否被实现的最佳途径。避免主观的语气( avoid subjective language )：使 需求保持明确和避免歧义。 成功的标准能使战略目标得以量化， 用量化的标 准

18、来定义功能也能有助于知道我们是否满足了需求。5 、 内容需求 内容指的是：文本、图像、音频、视频这些互相协作满足某个需求。 FAQ ( Frequently Asked Questions 常见问题)，给予用户的真正价值在于它 可以随时提供用户普遍需求的信息。 尽可能的确定某个人来负责每一个内容 元素是非常重要的。 对于已有的大量内容项目而言， 很多关于内容的信息都 记录在内容清单( content inventory )中。6 、 确定需求优先级1 一个战略目标将产生多个需求。另一个方面一个需求也可以实现多个战略 目标。项目范围是建立在战略基础上， 因此我们应该区评估这些需求能否满 足我们的

19、战略目标， 还有实现这些需求的可能性有多大 (无论网站目标还是 用户需求)。很少有需求是独立存在的，有些特性要和其他的一起衡量，才 能得到一个连贯的， 统一的产品。 任何不符合当前项目的战略目标的特性建 议，都要通过范围定义将其排出去。个人总结： 范围层是由战略层决定的， 范围层被定义为功能型产品和信息型产品； 范围 层确定是全部的功能需求或功能规格。功能规格即需要有功能规格说明书； 范围指的是过程和产品； 在过程中需要用文档来定义产品需求；定义需求来 源有三种：人们讲述的，创建虚拟人物、竞争对手中的启示。产品开发中需 要撰写规格说明书。 内容需求有很多种都需要纪录在内容清单中。 确定需求 优

20、先级别，关注战略目标；任何不符合当前项目的战略目标的特性建议，都 需要通过范围定义将其排除出去。五、结构层(交互设计与信息架构) (20150825 )1、机构层定义 机构层适当的将我们的关注从抽象的决策与范围问题， 转移到更能影响最后 到用户体验的具体因素。为用户设计结构化的体验的方法被称为交互设计 (interaction design )。在内容建设方面主要是通过信息架构 ( information architecture )来构建用户体验。确定各个将要呈现给用户的元素的模式 ( patterns )和顺序( sequences )交互设计关注于将影响用户执行和完成 任务的元素。 信息

21、架构则关注于将影响用户执行和完成任务的元素。 信息架 构则关注如何将信息表达给用户的元素。2、交互设计交互设计关注描述可能的用户行为， 同时定义系统如何配合和响应这些用户 行为。3、概念模型 用户对交互组件将怎样工作的观点成为概念模型。 规划号概念模型能帮助我们作出一致的决定。 使用人脉熟悉的概念模型， 会使用户很快适应一个不熟 悉的网站，如果打破传统只要有一个好的理由说明“为什么这样做” ，同时 准备好另一个符合用户需求且再清理之中的概念模型以备使用。 一个概念模型可以反应系统的一个组件或是整个系统，一个叫 slate 的网站 上线时， 他的概念模型是一本现世界中的杂志， 因此它的内容主要由

22、新闻和 评论组成。 我们不必将模型概念明确的告诉用户， 概念模型是用于再交互设 计开发过程中保持使用方式的一致性的。 将现实世界中相对应的比喻仿佛我 们的概念模型汇总对系统功能的世界可能会有一定的价值。 第一个同时也是最好的防止错的方法，是将系统设计成不可能犯错的那种。 第二个避免错误的方法就是使错误难以发生。 交互设计会处理每一个级别的 错误，以确保更高比例的用户能又积极体验。3、信息架构 只要人与人之间又信息要传达， 就必须要选择并组织这些信息， 以确保能理 解并使用它们。 信息架构研究的使人们如何认知信息的过程， 对于产品而言， 信息架构关注的就是呈现给用户的现象是否合理并具有意义。机构

23、化内容， 信息架构主要的工作是设计组织分类和导航的结构； 让用户可以高效率， 有 效的浏览网站的内容。从上到下( top down approach )的信息架构方法 将从战略层考虑的内容， 即根据产品目标于用户需求直接进行结构设计。 是 由战略层驱动的。从下到上( bottom up approach )的信息架构方法也包括了主要分类和 刺激分类，但它是根据对内容和功能需求的分析而来的。 是由范围层驱动的。在两者找到平衡可以避免两者缺点。 一个高效结构的优点就是具备容纳成长 和适应变动的能力。 一个完整的用户体验包括网站结构， 都是建立在对网站 目标和用户需求的理解之上的。信息结构的基本单位

24、是节点 (node )，节点可以对应任意的信息片段或组合。 层级结构( hierarchical structure )：树状结构或中心辐射( hab and spoke )机构。节点于其他相关节点之间存在父级子级关系。 。矩阵结构( matrix structure)： 允许用户在节点于节点之间沿着两个或更多的唯独移动。通常帮助嗲着不同需求而来的用户。自然结构( organic structures )：对于探索一系列关系不明确或一直在演 变的主题很适合；适合自由探险的感觉。线性结构( sequential structures )。来自我们最熟悉的线下媒体，连贯的 语言流程是最基本的信息结

25、构类型。组织原则：节点在信息架构中是依据组织原则( organizing principle )来 安置的， 组织原则基本上就是我们据丁那个姐弟哪来编成一组， 结构的下一 个层级是其他与内容紧密相关的因素。 任何一种信息收集 (不论它是包括两 个项目、 200 个或是 2000 个)都有一个固定的概念性结构，我们必须要解 决的问题之一是穿件一个能与我们的目标和用户目标相对应的、 正确的结构。 范围层告诉我们什么样的信息满足那些用户需求。 在创建结构时我们就要具 体地识别出用户心目中至关重要地那些信息， 成功地用户体验是能事先预知 用户地期望并将其纳入设计之中。语言和元数据：手控词典(contr

26、olled vocabulary)、类词词语(thesaurus )、元数据( metadata )。4 、 团队角色和流程 文档一定要描述清楚网站地结构从命名原则和元数据地具体细节， 到信息 架构和交互数据地整体概况项目复杂度地不同， 可以又很大地不同。信息架 构或交互数据地主要文档是示意图。 视觉化地呈现结构对我们而言， 这是表 述 分之、群组、组件之间联系地一种高效地方式。架构图( architecture diagram )成为我们内部用来描述这种网站结构工具 地术语。 架构图最重要地是纪录概念关系； 那些需要放在一起？那些需要保 持独立？在交互过程中那些步骤要怎样相互配合？个人总结：

27、 范围层对用户需求排好优先级别之后对最终产品将会包括什么特性可以有 清晰地图像，结构层是说明如何将这些分散地片段组成一个整体。 机构层中要有交互设计概念模型， 如何对错误处理和结构化地内容 (架构图)六、框架层(界面设计、导航设计和信息设计) 结构层中开始形成了大量的需求，这些需求都来自我们的战略目标的需求。在框架层， 我们要更进一步地提炼这些结构确定很详细地界面外观、 导航和 信息设计，这能让晦涩地结构变得更实在。1 、 框架定义；结构层界定了我们地产品将用什么样地方式来运作； 框架层则用于确定用什 么杨地功能和形式来实现。 框架层我们地关注点几乎全部在独立地组件以及 他们之间地相互关系上。

28、功能性产品我们用界面设计( interface design ) 来确定框架。信息型产品我们用导航设计 (navigation design )呈现信息。 信息设计( information design )是功能和信息两个方面都必须做的，它用 于呈现有效地信息沟通。提供给用户做某些事地能力属于界面设计， 通过它， 用户能真正接触到那些 结构层地交互设计中 确定的具体功能。；传达想法给用户去某个地方地能力 就事导航设计；，传达想法给用户就是信息设计，信息设计是这个层面中范 围最广地一个要素， 涉及几乎是到目前位置在功能性和信息型产品两者都看 到过地全部内容。 无论界面设计还是导航设计都需要在一

29、个良好地信息设计 地支持前提下取得成功。2、习惯和比喻 习惯和反射作用是我们与这个世界交互时地各种基础。电话：三乘四布局。 当某种不同地方式又很明显地益处时， 你反而应该试着谨慎地违背一些习惯， 建立一个成功地用户体验，要求你在做每一个决定地时候都又充分的理由。 让你地界面与用户早已养成地那些习惯保持一致很重要，但是更重要地是， 几面要与他资深保持一致。有效地使用比喻就是要减少用户在理解和使用你的产品功能时对猜测地要 求。3、界面设计 界面设计要做地全部事情就是选择正确的界面元素， 这些界面元素要能帮助 用户完成他们地任务，还要通过适当地方式让他们容易被理解和使用。 哪个功能要在哪个界面界面上

30、完成， 是我们在结构层地交互设计中已经决定 的；而这些功能在界面上如何被用户认知到，则属于界面设计地范畴。 成功地界面设计是那些能让用户一眼就看到地最重要地东西地界面。 复选框( checkbox )允许用户独立地选择各个选项。单选框( radio button )允许用户从一组互拆地选项中选择一个。文本框( text field )允许用户等待用户输入文字 下拉菜单( dropdown list )提供和单选框相似地功能。 多选菜单( list box )提供和复选框相似地功能。 按钮( action button )可以做很多不同地事情，通常情况下，他们告诉系 统接受用户通过其他界面元素提

31、交地所有信息， 并且用这些信息来做一些事 情采取行动。下拉菜单由于在视觉上隐藏了重要地选项， 可能会妨碍用户， 单选框很容易现实所有可选项，但是它需要更多地界面。4、导航设计任何一个网站导航设计都必须同时完成以下三个目标， 首先，它必须提供给用户一个在网站间跳转地方法。 其次，导航设计必须传达出这些元素和他们所包含地内容之间地关系。 第三、导航设计必须传达出它地内容和用户当前浏览页面间地关系。 全局导航； 提供覆盖整个网站地通路， 局部导航提供给用户在这个架构中附 件地点的通路。 辅助导航： 提供了全局导航和局部导航不能快速达到地相关 内容地捷径。 上下问导航有时也叫内联导航， 是嵌入页面自身

32、内容地一种导 航。友好导航提供给用户他们通常不需要地链接， 但他们是作为一种便利地 途径来使用地。 一些导航没有包含在页面结构中， 而是以他们自己地方式存 在，独立于你的网站地内容或功能这些导航成为远程导航。网站地图就是一 种常见地远程导航工具， 他给用户一个简明地、 单页地网站整体结构地快捷 浏览方式。索引表是按照字幕顺序排列地、链接到相关页面地列表，它与一 些书最后所列地索引表非常像。5、信息设计 常常充当一种把各种设计元素聚合到一起地粘合剂地角色。 指标设计和导航 设计结合到一起，有一个重要地作用，支持指示标识。在网站中，指示标识 通常会涉及导航涉及和信息设计。6、线框图页面布局是将信息

33、设计、 界面设计和导航设计放置到一起， 形成一个统一的， 又内在的凝聚力的结构的地方。线框图是整合在框架层的全部三个要素的方法： 通过安排和选择界面元素来 整合界面设计， 通过识别和定义核心导航系统来整合导航设计， 通过放置和 排列信息组成部分的优先级来整合信息设计， 把这三个放到一个文档中， 线 框图就可以确定一个建立在基本概念结构上的架构， 同时指出来表现层的设 计应该前进的方向。个人总结：框架层是界面设计 导航设计和信息设计组成，框架层决定了实现产品运作 的功能和形式的实现，也就是由界面设计 导航设计；信息设计、线框图呈 现。可以让用户更直观的看到产品的效果。七、表现层 （感知设计） 2

34、0150829表现层是产品用户首先会注意到的地方，感知设计：内容、功能和美学汇集 到一起来产生一个最终设计并同事满足用户的感知设计。1、框架层： 主要解决放置的事儿； 几面设计考虑可交互元素， 导航设计考虑在产品中引 导用户移动的元素的安排，而信息设计考虑传达给用户的信息要素的排布。 表现层主要解决并弥补产品框架层的逻辑排布的感知呈现问题。2、合理设计感知 感受来自五个方面：视觉、听觉、触觉、嗅觉、味觉。 嗅觉和味觉：是用户体验设计师很少考虑的范畴。触觉：工业设计师主要关 注的是用户和产品之间的无力接触。 听觉：声音可以应用到很多不同的种类 的产品中。视觉：这是用户设计师最得心应手的领域。传达

35、品牌的形象，这 是一个网站的最常见的战略目标。3、忠于眼睛 研究人员有时使用精密的眼球追踪( eyetracking )仪器来确定被测人到底 正在看什么。成功的设计：首先遵循的是一条流畅的路径，其次在不需要用 太多细节来吓倒用户的前提下， 它为用户提供有效的选择、 某种可能的引导。4、对比和一致性在视觉设计中， 我们用户吸引用户注意的一个主要工具就是对比 (contrast ) 设计总体策略： 让差异必须足够的清晰， 用户要足够分辨出某个设计选择是 特意要传达一些信息的。在设计中保持一致性( uniformity )是另一个重要组成部分，一致性在视觉设计的许多不同方面都会引起到作用。基于栅格线

36、( grid based layout ) 的布局是来自于平面设计的一种技术， 是一种对网页也同样有效的技术。 没 有设计标准的情况下进行工作是不好的但是教条地遵守设计标准， 而不顾你 适合地需求就可能会更遭。5、内部和外部地一致性 网站被生产出来地方法通常是在企业内部的、 其他进行中地设计中， 被逐渐、 临时、独立生产出来的。解决内部问题(在产品地两个不同的地方反映了不同的设计方法) ：确定可 能在产品各种的界面、导航和信息设计等不同环境中反应出现的设计元素， 在进行设计之前从这些不同的环境中将每一个设计元素独立出来， 通过这个 方法，我们就可以更清楚的看到困扰我们的小规模问题， 而不是被环境所造 成的大规模问题分散注意力。 一个成功的设计不仅仅是手机小巧的精心设计 的东西，相反这些东西应该能形成一个系统