兰亭妙微设计思维:交互设计的三要素 —— 目标、任务、行为

很多交互设计师拿到需求就开始画原型、抠细节:这个地方用复选框还是单选框?点按钮后菜单从顶部弹还是底部弹?流程能不能少一步?这些工作当然重要,但兰亭妙微在项目中反复强调:如果方向错了,细节做得再精致也没有意义。

做交互设计之前,先要搞清楚三件事:用户的目标是什么?为了达成目标需要完成哪些任务?每个任务具体通过什么行为来操作?这就是交互设计的三要素。

一个故事讲清三者区别

先讲个故事。小鹏是个销售员,下午拜访完客户,发现已经六点多了,饿得不行。他想回家自己做饭,但回家要坐好久地铁,实在等不及,于是决定在附近找个地方吃。环顾四周,发现马路对面左前方 200 米有个麦当劳,于是穿过马路走过去,点了一份套餐,风卷残云地吃完了。

在这个故事里:

  • 目标是什么?小鹏饿了,想把自己填饱。这是 Why—— 为什么做。
  • 任务是什么?回家自己做是一种任务,在附近吃是另一种任务。任务是实现目标的具体步骤组合,同一个目标可以有多种任务路径。这是 What—— 要做什么。
  • 行为是什么?穿过马路、走到麦当劳、推门进去、排队、点餐、等候、就餐 —— 这些是每个任务下的具体动作。这是 How—— 怎么做。

目标是方向,任务是路径,行为是脚步。三者层层递进,缺一不可。

image.png

怎么区分目标和任务?

目标和任务最容易混淆。一个简单的区分方法是不断追问:

目标可以不断向上抽象。 回家过年是为了什么?跟亲人团聚。跟亲人团聚是为了什么?得到亲情和爱。再往上?那就是人性了,别再追问了,会陷入 "鸡生蛋还是蛋生鸡" 的死胡同。

任务可以不断向下细分。 "订票" 这个任务,可以拆成注册登录、搜索车票、选择车次、填写信息、支付 —— 每一步又是一个子任务。但细分到 "伸出手、抓住扶手、拉开门" 这种程度就没有意义了,那已经是行为层面的东西。

还有一个实用的判断标准:问自己 "这个事要怎么做?" 如果不能立即动手做,那它就是任务;如果能立即做,那它就是行为。 "订票" 你没法立即做,得先搜索再选择再支付,所以它是任务;"点击搜索按钮" 你能立即做,所以它是行为。

另外要注意:目标和任务是可以互相转化的。 这一层的目标,可能就是上一层的任务。比如 "订票" 是 "过年回家" 这个目标下的任务,但它同时又是 "注册登录、搜索、预定、支付" 这些任务的目标。理解了这种层级关系,做信息架构和用户路径时就不会乱。

三要素和用户体验五层次

交互设计三要素不是孤立的,它和用户体验的五个层次(战略层、范围层、结构层、框架层、表现层)有明确的对应关系。

交互设计师的工作主要影响结构层和框架层:通过对用户目标的理解,分析出用户需求,给出能满足目标的功能(这涉及范围层);然后根据用户的任务,把功能单元做合理组织,把信息做合理呈现 —— 这就是用户路径规划和信息架构(结构层);再确定路径上每个节点的细节功能和内容,最后落到具体的页面布局(框架层)。

很多人觉得战略层是老板的事,跟设计师没关系。但兰亭妙微认为,有格局的交互设计师,应该从战略层关注用户想要什么 —— 也就是用户的目标。 战略制定者往往更关注商业目标(公司想要什么),对用户目标关注不够。如果设计师能把用户目标带入战略思考,产品就不会跑偏。

别只做 "页面搬运工"

文章里有一句话说得特别好:很多交互设计师只是把页面布局画出来,纠结于用 checkbox 还是 radio button,琢磨流程能不能少几个环节 —— 这些工作是必要的,但只是最初级的水平。

为什么?因为如果用户打开产品一看,发现这根本不是自己想要的,扭头就走,那你的按钮交互做得再精妙、流程再简洁,又有什么意义呢?达不成用户的目标,满足不了用户的需求,一切细节工作都是零。

兰亭妙微在做设计评审时,第一个问题永远不是 "这个交互好不好",而是 "这个功能帮用户达成了什么目标?" 目标想清楚了,任务路径自然就清晰了,行为细节也就水到渠成。

写在最后

交互设计三要素 —— 目标、任务、行为 —— 听起来简单,但真正做到 "从目标出发" 并不容易。我们太容易陷入细节,太容易被 "这个动画很酷"" 这个布局很新颖 "吸引,却忘了用户根本不在乎这些,用户只在乎" 我能不能快速搞定我要做的事 "。

image.png

所以,从现在开始,每次拿到需求,先别急着画。问自己三个问题:用户为什么要用这个功能(目标)?他需要经过哪些步骤(任务)?每一步具体怎么操作(行为)? 先把这三个问题想明白,再动手,你的设计就不会跑偏。

交互设计师的终极使命,是为用户创造好的使用体验。而好的体验,始于对用户目标的深刻理解。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档