为你解读“交互行为五要素”

你是否遇到过这样的问题:

拿到领导或产品经理的需求,好像明白,却又无从下手;做好了方案,去给团队评审的时候,面对他人的疑惑或询问,怎么解释都言之无物;想学交互设计,书看了很多还是云里雾里。

那么,这次本文要讲的“交互行为五要素”,可能会让你拨开云雾。

说到“五要素”,大家可能用户体验的五层要素最为熟悉,它是Adaptive Path的创始人加瑞特提出的,在2000年3月公布到网上后,被正向引用。

但是我们今天要讲的,不是这个。

而是,“交互行为”的五个要素。

这二者在理论上有所交叉,但在使用范畴上不尽相同。交互设计五要素能够指导我们更系统的进行实际设计活动,从而达到良好的用户体验。

“交互行为的五要素”是由辛向阳老师2005年在论文《交互设计:从物理逻辑到行为逻辑》一文中提出的,这五个要素主要是“用户、场景、行为、工具或媒介、目的”,但这五个词语是译文,如果要更好的理解这几个词要表达的含义,建议大家在英文语境下思考,就是:

“people、contexts、actions、means、purpose、”。

在详细讲解之前,给大家先埋下一个理念前提,就如同论文标题所讲,这五个要素是建立在“行为逻辑”这个基础之上的,它与传统产品设计的“设计物体”的物理逻辑想区分。传统产品设计是基于物理属性:如尺寸、形状、结构、色彩、材质等功能或物理组成;而交互设计是强调:什么人在什么情况下,要通过什么途径和方式完成什么事情。

打个比方,比如你要设计一个茶杯。

物理逻辑的产品设计,是先考量它有哪些功能:杯身、杯盖、杯把手、滤网、可能还有个杯垫,于是你可能把它设计成以下的几种杯子。

图片来自于网络

但如果是行为逻辑的交互设计,会考虑:一个喜爱喝茶的用户(people)、周末陪闺蜜买衣服走在步行街上(contexts)、口渴走进饮品店(means)、她要喝一杯英式红茶(purpose)、付过钱拿着茶,边喝茶边继续跟闺蜜逛服装店,喝完拎着大包小包回家去(actions)。那这时,用以上的杯子显然都是不行的,因为不方便携带,且回家时不方便扔掉┓( ´∀` )┏

所以基于行为逻辑,设计出的杯子是酱紫的~~

【星巴克的外卖杯】图片来自于网络

people 用户

为什么人而设计,也就是我们常说的用户角色。可细分为“主要用户角色、次要用户角色、临时用户角色”。每个角色有其自身的习惯性特征(比如文化背景、爱好、性格等长期养成的个体特征)和与产品相关的认知特征(比如对某些产品的使用方式、印象评价、使用频率等)。

这些都影响着用户可能的行为动机与决策,比如一个对喝茶过程有期待,且性格慵懒,认为周末不用强调效率,喜欢自然随意的女孩,可能会说服闺蜜坐在饮品店喝完茶再走,这时设计者要提供给她的,恐怕就不能再是外卖的纸杯了。

contexts 场景或环境

这个单词在翻译中,有着“环境、上下文、来龙去脉”的意思,由此可见,它是指用户在与产品产生关系时,自身所处的外在环境,以及用户在行为过程中可能产生的内在与外在相关的情况。

交互设计要为典型场景而服务,就充分体现在这个要素中了。

首先场景环境是与用户紧密相连的,与用户有关系的,才是我们要关注设计的;另外,环境是复杂的,要优先为主要角色所在的典型场景来服务。所以分析与规划场景的主次,是进行设计的前提条件,同时也是在遇到设计矛盾时,用来决策的重要依据。

比如,还是上文提到的饮品店,如果它的门店开在商业步行街,而不是办公区或居民住宅区附件,商业街流动用户数量大、大家关注于琳琅满目的货品,不太有耐心停下来喝完一杯茶或咖啡,又恰巧饮品店要节约成本,那它就可以不设有店内饮用空间、撤销桌椅,直接以纸杯为主销售外带。因为这是他的主要场景和用户群,平衡成本和收益,那些少部分想要进店坐坐的场景,就可以忽略了。

means 工具、手段或媒介

这是用户要达到某个目标所需要的渠道。传统意义上,常常会把means表达的工具当做某个产品,其实不然,它是你使用某个产品的载体。你要买咖啡,要通过饮品店购买;如果点外卖就要用手机或电脑打开外卖软件;远程旅行就要乘坐飞机或火车到达目的地。“饮品店、手机或电脑、飞机或火车”它们是要实现目标需要使用的手段和方法,而不是产品服务本身,这里我们要设计的产品服务,是找到饮品店、决定购买、买完饮品喝完的系列过程;是查看行程、买票、乘车、到达目的地的经历;是一种行为方式。

means提供给我们一种机会、条件或约束,规划了我们以某种方式产生行为。

purpose 目的或目标

purpose是跟动机直接相关的因素,人往往有了某个诉求,才想要去达成某个结果。如果不在乎这个结果,那行为本身,或产品服务本身,也就无从谈起了。

分析目的,我们可以把它归纳为“模糊目的、明确目的、随机目的”。

模糊目的是个大方向,用户知道要获得什么,但又不能很清楚的描述,比如,你长大想成为艺术工作者,可是哪种艺术呢?美术、音乐、文学?它们有共通之处,但又有差异,你可能就先学习通识化的艺术概论和看看普及的资讯,作为一种模糊的行为活动。

明确目的,是用户很不但知道要获得什么,但又能明确描述,比如,你想成为一个美术艺术工作者,在成长过程中,你就去学画画、摄影、三大构成,作为一种具体的行为活动。

随机目的,是想获得什么,但是不知道要什么,更不能明确描述,比如,你想充实的度过这一生,在成长过程中,你可能带着好奇心什么都会学一学,作为一种随机的行为活动。

体现在软件应用设计上,比如你使用一款视频app。模糊目的就是:你很想看电影,但不知看什么,就打开最新热榜翻看,点开一部,看看评论和详情,觉得不感兴趣,就再换一部,进行一个反复的行为;清晰目的就是:你就想看《毒液》,搜索《毒液》,点击观看,看完给个评价,进行一个线性的单次行为;随机目的就是,你在等车等人、或坐公交地铁,有点无聊想随便看点什么,打发无聊的时间,打开软件在首页随意浏览,看看评论、或者收藏、或者直接打开一部就看起来,导致碎片化的不确定行为。

actions 行为或任务

如上所述,purpose和actions成互相因果的关系。action是设计好坏最直接显现的一环了,用户可能会有哪些行为,以及设计者通过界面与流程提供什么样的行为引导,将最直接的让用户评价体验的好与坏。

要达到某个目的,必定会有可预测的一种或几种行为。这些行为一方面可以指导设计者该如何进行交互流程设计,另一方面也能启发设计者从哪些角度可以利用行为,进而创新。

基于用户固有习惯的设计能让用户自然愉悦,从而满足用户的习惯达到舒适的体验,比如,根据“随机浏览内容”这个目的,一些新闻、视频、资讯类的app,就把内容列表做成瀑布流,让用户只需要一个滑动的动作,就一直顺畅的浏览下去,自然而符合预期;当然,还可以做超出预期的设计,不依赖用户的行为,而是引导用户进一步做出其他任务,比如,电商网站,当你已经下单完成目的,它还会根据你的历史数据和喜好,展现出你下单的相关其他产品,让你忍不住再点击看看,诱导进一步消费。

by 蒹葭

将这五要素综合考虑,加以设计的过程,就是我们常说的“交互设计”。

交互设计的对象可以定义为“通过产品的媒介作用来创造和支持人的行为。(creating and supporting human activities through the mediating influence of products)”

综上所述,你了解交互行为五要素之间的关系,和交互设计的本质了吗?

在至今,很多交互设计实践的从业者,都还是不能用很准确的语言描述交互的概念。这五要素受文艺理论家肯尼斯·伯克(Kenneth Burke)戏剧五位一体和“同一”理论的启发,将交互设计概念做了有机的整合,鼓励设计师或分析师从“重新确定参与者、定位行为动机、规划行为过程、谋求新的手段、营造新的场景和环境”五个维度进行设计和创新。

后面文章,我会基于这五要素,进一步为大家讲解该如何做好需求分析和设计方案,让你从分析、设计、到产出,成为一体化的优秀交互设计师。


一套合理且有效的交互设计方案,就是在这五要素的综合影响下产生的,它们决定了设计师要为用户提供什么样的界面与流程。

而在实际工作岗位中,受从事行业或企业业务的限制,这五要素中的people、means、contexts、purpose都相对固定,创造性的空间较小,交互设计师往往输出的重点是actions,当然,这个actions方案也应该是在充分分析前4者的基础之上形成的。

交互行为五要素,是进行交互设计的有利工具,试着用它去思考界面和流程,用它去汇报或讨论你的方案图吧,会受益匪浅的~~

欢迎和我交流你的想法,希望以上能帮到你^_^

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容