交互式媒体设计1.1.2交互设计三要素交互设计三要素.ppt

PPT模板下载：/moban/ 交换式媒体设计 交互设计三要素 交互设计三要素 交互的三要素：用户、目标、行动 交互设计三要素 用户–Who，给谁用的 目标–Why，为什么做 行为–How，怎么做 交互设计三要素 交互设计师在支撑用户达成目标的过程中能做些什么呢?就是范围层、结构层、框架层。交互设计师通过对用户目标的理解，分析出来用户的需求，然后给出能满足用户目标的功能(当然很多产品经理也在做这个事情，没关系，那就一起做)，然后根据用户的任务将这些有功能的单元做合理的组织，将信息做合理的呈现，这阶段主要是用户使用路径的规划(用户的任务可以分为哪些子任务，需要哪些步骤)，信息架构的搭建(页面的分类)，然后再确定路径上每个节点的细节功能或是所包含的具体内容，到这里为止，交互设计师做的东西都是不为用户直接感知到的，之后再根据上一个环节的结果确定框架层，到这里就是具体的页面了。 交互设计三要素 很多时候，一些交互设计师只是把页面布局画出来，纠结于页面上的一些具体细节，比如要用check box还是radio button啊，点一下按钮菜单是从顶部还是从底部浮出来啊;或是画个流程图，琢磨于这个流程是不是可以少几个环节等等，这些工作是必要的，没错!但是这只是最初级的水平，甚至说是错误的方式。交互设计师是为用户创造好的使用体验，这么纠结出来的方案有时候用户根本不care，看一下这东西不是自己想要的扭头就走，哪怕你的按钮交互做得多优秀多妙，达不成用户的目标，满足不了用户的需求，一切工作都没有意义。 交互设计三要素 所以，从现在开始多把设计的工作提升到用户目标的层面来思考，然后在进入到任务和行为的设计，先看用户要什么，再看怎么做功能和结构才能更好地帮助用户实现目标。 交互设计三要素 交互设计三要素 表现层? 　　在表现层（surface），你看到的是一系列的网页，有图片和文字组成。一些图片是可以点击的，从而执行某种功能，例如把你带到购物车里去。一些图片就只是图片，比如一本书的封面或网站自己的标志。? 框架层? 　　在表现层之下是网站的框架层（skeleton）：按钮、表格、照片和文本区域的位置。框架层用于优化设计布局，以达到这些元素的最大效果和效率——使你在需要的时候，能记得标识并找到购物车的按钮。? 结构层? 　　与框架层相比更抽象的是结构层（structure），框架则是结构的具体表达方式。框架层确定了我们的结账页面上交互元素的位置；而结构层则用来设计用户如何到达某个页面，并且在他们做完事情之后能去什么地方。框架层定义了导航条上各项的排列方式，允许用户可以浏览书籍的不同类别；结构层则确定哪些类别应该出现在那里。? 范围层? 　　结构层确定网站各种特性和功能的最合适的组合方式，而这些特性和功能就构成了网站的范围层（scope）。有些卖书的网站提供了一个功能，使用户可以保存之前的邮寄地址，这样他们可以再次使用它。这个功能——或任何一个功能——是否应该成为网站的功能之一，就属于范围层要解决的问题。? 战略层? 　　网站的范围基本上是由网站的战略层（strategy）所决定的。这些战略不仅仅包括了经营者想从网站得到什么，还包括了用户想从网站得到什么。就我们的网上书店的例子而言，一些战略目标是显而易见的：用户想要买书，我们想要卖出它们。另一些目标可能并不是那么容易说清楚的。 谢谢您的耐心学习！