预测用户需求的交互设计

来源公众号:Mufly
IXDC获授权转载

今天要聊的内容是关于“预测用户需求”的交互。

先来一个很常见的例子:

如图所示,当我们通过百度搜索“天气”时,百度就会向我们展示当前地理位置的天气信息,而不是展示“天气”的相关网站信息。这是百度对用户需求进行预测的结果,将用户可能需要的结果,合理的展示出来,提高用户的使用效率。

那么,怎么设计好“预测用户需求”的交互呢?

 

一、完整流程

在交互设计时,将操作的流程,完整的罗列展示出来。这里要思考的操作流程,不仅仅停留在自家APP上。

来个例子:

比如淘宝这个例子,在你浏览商品,并截图的时候。淘宝就会自动出现这样的提醒,自动帮你生成分享链接,并复制好链接。

我们反向思考下,将商品截图后,我们可能会进行什么操作?同时哪一种操作是有利于产品的?

在这里,合理的答案为:分享。

我们进行截图后,很有可能是因为我们需要分享给别人。虽然这里也存在其他操作的可能性,但是相比之下,分享这种操作方式,即符合了用户未来的操作,也有利于产品的传播。

这样一个预测流程是合理的,有效提高用户操作效率的。

小结:将一个操作流程,完整的罗列展示出来,预测用户下一步可能的操作流程,并进一步筛选出有利于产品的操作;

 

二、触发点

有了第一步的分析后,我们可以得到一个模糊的结果,即用户可能进行的操作行为,而这一步,我们需要寻找出该操作行为的“触发点”,而触发点就是触发“预测结果”的开关。

先来个例子:

当你手机相册存在“新增图片”的情况;同时,在聊天截图,你点击“+”号按钮,这时,微信(安卓端)就会将新增的图片,快捷的展示出来,让你快速完成分享图片的操作。

在这个例子中,触发点为点击“+”号按钮,同时存在一个触发的前提条件。

当你地理位置发现变化时,打开大众点评应用,会自动进入“旅游版”界面,将当地的特色信息快捷展示在首页。

在这个例子中,触发点是手机GPS位置信息,而且是被动触发的。

当主动选择某个词语时,kindle会自动将“选中的词语”含义展示出来,左右滑动,还可以展示“选中的词语”的翻译结果。

在这个例子中,触发点是选择词语的操作,而且触发的结果是多样性的。

通过QQ发送多张图片时,当你先好图片后,QQ会自动将相册内容左移,把下一张图片的信息展示出来;这里省去了用户手动滑动展示下一张图片的操作。

在这个例子中,触发点是选中一张图片的操作。

小结:触发点可以是主动的,也可以是被动的;同时合理的触发点,应该“隐藏”在操作流程中,让用户流畅高效的完成操作;

 

三、变量元素

接下来,就是确认“变量元素”,顾名思义,就是通过这个变量元素,来控制展示的结果。

还是先来个例子:

使用易信聊天时,当你聊天的信息内容包含“类电话号的数字”时,对应的内容会以下划线的方式提醒用户有额外操作可选;点击对应的内容,可以进行快速呼叫,添加到通讯录等快捷操作。

在这个例子中,变量元素为“类电话号的数字”;换句话说,就是很有可能是电话号码的数字字符。

使用DailyCost进行“餐饮”类型的记账时,会根据当前记账的时间,自动将未命名的账单名称,命名为“早餐”、“午餐”和“晚餐”。

在这个例子中,变量元素为“当前记账的时间”。

回到刚刚谈“触发点”时,大众点评的例子;可以发现,变量元素跟触发点的关系很密切,“被动的触发点”也承担着“变量元素”的作用。

小结:变量元素是预测用户需求的核心元素之一,它跟触发点的关系很密切;

 

四、回归场景

其实通过前面三步,从完整流程的挖掘,到寻找触发点,最后确认变量元素;可以基本完成“预测用户需求“的交互方案。

但有一个核心元素,不能忽视,不然很可能会让这个方案显得“无意义”。这个元素就是“回归用户的真实操作场景去思考”。

还是先来一个例子:

京东跟淘宝在“截图分享”这个设计上大同小异,都是在用户截图时,给予分享的提醒。

不同的是,淘宝是生成链接,并自动复制好链接,并提供“微信”和“QQ”两个快捷入口;而京东没有生成连接,而是提供了几个分享的快捷入口。

为什么呢?因为微信对淘宝分享的支持不友善,无法从微信中,直接打开淘宝商品的链接。

淘宝生成的分享链接,也不是普通的网站链接,而是经过特殊处理的“淘口令”链接;但是京东不存在这个分享问题啊。

如果这里忽略了这个展示的场景限制,那本来想实现一个预测用户需求的高端设计,就变成了干扰用户操作的“反设计”了……

小结:认真思考每个场景/环节,从哪里来,回哪里去;

 

五、总结

预测用户需求的交互,其实挺常见的,各种搜索引擎/广告推送等,都在做着这件事;这次主要针对“交互设计”这个环节进行分析。

总的来说,整个设计构思流程大概分为四步:整理完整的流程,寻找触发点,确定变量元素,回归场景检查设计。

最后还有一句话:如果这个预测用户操作的交互是合理的,那么给产品带来的就会是正面效应;反之,如果没有合理的设计这个过程,会给用户正常操作带来不必要的干扰,形成负面效应。

往期回顾:

「竞品分析“教科书”」:腾讯视频、爱奇艺竞品分析报告

面试官到底想看到什么样的交互设计作品集?

微信小程序设计规范(官方)文档

IXDC,引领设计变革

官方微信

官方微博