交互设计的三要素:目标、任务和行为
在讲交互设计的三要素之前,我们先举个实例看一下:小鹏是个销售员,下午出去拜访客户,完事后发现已经六点多了,非常饿,小鹏想回家自己做饭吃,但是实在是太饿了,回家又要做好久的地铁,还不如就在附近找家小饭馆吃了呢,于是环顾四周,发现马路对面左前方200米有个麦当劳,于是就穿过马路,沿着道路走了过去,到了麦当劳要了一份套餐,风卷残云的吃完了。
问题来了,在这个例子中:
什么是目标?
小鹏饿了,想把自己填饱,这就是目标。
什么是任务?
回家自己做是一种任务,到附近的地方吃也是一种任务,任务比较抽象,实现同一个目标可能有很多不同的任务,它是利用产品达成这个目的的具体步骤,多个步骤合起来就达成了目标,比如去楼下饭馆,点餐,吃,结账,走人等五个任务。
什么是行为?
穿过马路,走到麦当劳,推门进去,排队,点餐,等候,就餐,这些就是行为,行为是每个任务的具体动作,比如吃的时候你用筷子还是刀叉,坐在靠走廊还是靠窗,行为体现出了用户的操作习惯和对这个事件的认知水平。
就是可以看到的用户的具体操作,专业点的叫“用例”,现在先这么叫做“行为”吧。
马海祥觉得这三个对于做用户体验和交互设计来讲至关重要,决定了后边的交互工作是否有效,是方向性的。
1、交互设计三要素
一个普遍的问题是,目标和任务容易混淆,不过这也正常,因为有三个概念,数量有点多。
人们对事物的认知基本上就是二元的,比如“对-错”、“好-坏”、“美-丑”、“想-做”等等,马海祥猜想,人类最熟悉的事物莫过于人类自身,我们的身体看起来就是个总体对称的物体,左手右手、左耳朵右耳朵,所以人们对于两个东西是最熟悉的,一旦超过了这个就稍微有点难以理解了,那么我们到底该怎么区分呢?
目标--Why,为什么做?
任务--What,要做什么?
行为--How,怎么做?
打个比方,大象关进冰箱的故事,把大象关进冰箱里,这其实是个任务;第一把门打开,第二把大象放进去,第三把门关上,这就是行为,但是为什么要这么做呢?其实是为了阻止大象去参加动物园的联欢会,这才是目标。
当然,目标是可以不断抽象的,比如回家过年是为了什么?目标是跟亲人团聚。那跟亲人团聚是为了什么?是为了得到亲情和爱,上升到这个高度了就不要再上升了,不要问得到亲情和爱是为了什么,马海祥也回答不上来了,只能说,这是人性,不要绕进“究竟是鸡生蛋,还是蛋生鸡”这个死胡同了。
此外,任务是可以不断细分的,比如说大象的故事里那三个步骤也可以说是任务,不过没有什么意义了,开门、关门这对于一个人来说已经是很明确的操作了,没有必要再细化为伸出手-抓住扶手--拉开--这么细节的动作了。
操作就是普通用户一看就知道怎么做的事,任务就是需要分解之后才能具体操作的事。
界定任务和行为,我们可以抛一个问题:这个事要怎么做?
如果不能立即做那就是任务,如果能够立即做那就是行为。
通常情况下,马海祥觉得目标和任务是可以互相转化的,这一层次的目标可能就是上一个层次的任务,是不是有点难以理解?
比如“订票”是过年回家这个目标的任务,但是却是12306注册登录、搜索车票、预定、支付任务的目标。
2、这三要素跟之前的五个层次有什么关系?
之前学了Web页面用户体验框架的五个层次(不知知道的,可查看马海祥博客的《Web网站界面设计规范的五大层次》相关介绍),可以用来分析、分解产品,是从商业角度和用户维度一起来综合分析的,是一个大框架。
交互设计的工作主要影响到结构层、框架层,对范围层、表现层也有一定的影响,但是会比较少的影响到战略层,因为战略层基本是个长期稳定的东西,如果是个错误的战略,很快就被市场和用户抛弃了,并且战略层的制定通常由公司所有者来确定,交互设计师的确担负不了那么重的责任。
不过,有意思的是战略层的制定者通常关注商业方面,也就是公司想要什么,对于用户想要什么关注的并不是很够,所以有格局的交互设计师会从战略层关注用户想要什么----用户的目标,这个可以作为交互设计师和用户体验从业人员的一个至高追求。
3、交互设计师要做些什么?
交互设计师在支撑用户达成目标的过程中能做些什么呢?就是范围层、结构层、框架层。
交互设计师通过对用户目标的理解,分析出来用户的需求,然后给出能满足用户目标的功能(当然很多产品经理也在做这个事情,没关系,那就一起做)。
然后根据用户的任务将这些有功能的单元做合理的组织,将信息做合理的呈现,这阶段主要是用户使用路径的规划(用户的任务可以分为哪些子任务,需要哪些步骤),信息架构的搭建(页面的分类)。
然后再确定路径上每个节点的细节功能或是所包含的具体内容,到这里为止,交互设计师做的东西都是不为用户直接感知到的,之后再根据上一个环节的结果确定框架层,到这里就是具体的页面了。
很多时候,一些交互设计师只是把页面布局画出来(具体可查看马海祥博客的《交互设计师必须知道的五大交互设计流程》相关介绍),纠结于页面上的一些具体细节,比如要用check box还是radio button啊,点一下按钮菜单是从顶部还是从底部浮出来啊;或是画个流程图,琢磨于这个流程是不是可以少几个环节等等,这些工作是必要的,但是这只是最初级的水平,甚至说是错误的方式。
交互设计师是为用户创造好的使用体验,这么纠结出来的方案有时候用户根本不关心,看一下这东西不是自己想要的扭头就走,哪怕你的按钮交互做得多优秀多妙,达不成用户的目标,满足不了用户的需求,一切工作都没有意义。
马海祥博客点评:
从现在开始多把设计的工作提升到用户目标的层面来思考,然后在进入到任务和行为的设计,先看用户要什么,再看怎么做功能和结构才能更好地帮助用户实现目标。
本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/jhsj/759.html,注明出处;否则,禁止转载;谢谢配合!您可能还会对以下这些文章感兴趣!
-
交互设计中最常见的10个基础术语
交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互。随着移动互联网的迅猛发展,移动产品UI设计人员也开始面临紧缺起来。很多其他行业设计师也转行做UI设计,那么,作为一名UI设计师新手应掌握哪些知识,下面,我就带着大家先知道一下交互设计中最常见的10个基础术……【查看全文】
-
动效设计的物理法则及应用
动效设计可以拓展空间内容,简化引导流程,降低学习成本,更重要的是给用户带来意想不到的惊喜,它就像人类的肢体语言,通过肢体语言传达更多的抽象信息和性格展现,动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒……【查看全文】
阅读:572关键词: 动效设计 日期:2015-09-25 -
网站分页导航的10大交互设计因素
在进行产品设计的时候,我们一切都是从用户需求的角度出发来进行思考和设计的。但是,产品是同时满足用户需求和公司需求(通常是盈利)的东西,所以,有时候,不得不考虑其它的一些东西。比如,在你浏览某些新闻资讯类网站的时候,你会发现,每一页的内容只有可怜的一两……【查看全文】
-
交互设计案例:产品结构化繁为简的设计理念
化繁为简,从不是件简单事,如何既保证功能体验完整,又体现WP平台自身极简、轻量的特点,成了贯穿我们设计始终的思考。“真正的简洁不是删繁就简,而是在纷繁中建立秩序”,打造全功能版的云音乐WP端,无论是设计还是开发都经历了从混乱到有序的过程。……【查看全文】
-
如何将需求还原成情景变成可用性设计?
可用性是交互式IT产品或系统的重要质量指标,主要用来表示产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,即用户能否用产品完成他的任务,效率如何?主观感受怎样?实际上是从用户角度所看到的产品质量,是产品竞争力的核心。为了优化产品,提升用户体验……【查看全文】
-
交互式视频设计的分类和实现工具
交互式视频是指通过各种技术手段将交互体验融入到线性的视频的新型视频。它风靡起源于2005年,随着当时宽带接入速度的提升和多媒体播放技术的成熟,交互式视频越来越多,最初主要是由广告商赞助的广告视频,借用各种新奇的交互方式来吸引人们点击观看,增加产品的曝光度……【查看全文】
-
基于交互设计的默认值分类和设定
一般来说,在交互设计过程中涉及到系统缺省的都需要默认值,它起到引导、补救、宣传等作用。“默认值”这个词来自工程师术语,因为系统有很多默认操作。有了默认值用户就不会觉得慌乱,也就是给用户一个常态,在现实中我们也可以看到这样的例子:电脑默认值是关闭的:省……【查看全文】
-
交互设计的三大隐形机制:加载、刷新和缓存
刷新、加载、缓存机制的设计,我不清楚是否应该归纳进交互设计师的职业范畴,但是作为一名用户体验设计师,这些点或多或少地影响着用户的使用体验,我们都应该给予足够多的重视。这些机制,独立来看都有现有模式可参考,但是交互设计师不应该把他们割裂地设计,不同机制……【查看全文】
-
交互设计是什么?
从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,通过对产品的界面和行为……【查看全文】
阅读:792关键词: 交互设计 日期:2015-06-19 -
如何制定交互设计效果的可量化考核方案
作为一名交互设计师,我一直在思考如何让我们每天的工作内容能够更直观体现其价值或效果的量化考核,如何将你的技能和除网站之外的知识运用到搜索设计工作中去,这也正是大多数用户体验真正开始的地方。其实交互设计师,视觉设计师,开发人员,信息架构师,搜索引擎优化……【查看全文】
分类目录
互联网更多>>
- 基于高斯模糊原理的模糊图片的研究 高斯模糊(Gaussian Blur)的原理中,它是根据高斯曲线调节象素色值,它是有选择地模糊图像。说得直白一点,就是高……
- 盘点2010年代这10年的重大网络安全事件 二十一世纪的第2个十年即将过去,在过去十年里有很多的重大网络安全事件发生,我们见证了过去十年,大量的数据……
- 互联网思维的一些特征 如今,互联网迅猛发展已经渗透人们生活各个方面,尤其是互联网正加快向传统行业渗透和融合,对传统行业提出严……
SEO优化 更多>>
-
如何使用留言评论进行推广引流
随着新媒体的快速发展,留言评论变得随处可见…… -
今年网站SEO优化要注意的6大策略
通俗的来说,SEO技术就是一种达到SEO效果所采用…… -
移动端手机站做站内优化的要点
随着移动流量的与日俱增,移动搜索引擎的功能…… -
百度搜索将推出飓风算法2.0:严厉打
为了营造良好的搜索内容生态,保护搜索用户的…… -
史上最全的网站SEO策略方案
在搜索引擎优化中,一个网站的SEO策略能最终影…… -
SEO是什么?
对于刚入SEO行业的新人来说,要想做好网站的s…… -
百度冰桶算法5.0:保障移动搜索用户
为了提升移动搜索落地页体验,营造优质的移动…… -
网站收录量对于网站排名的影响作用
很多做SEO的朋友都会问,是不是网站收录越多网……