预判设计:引导用户、缩短行为路径的有效设计手段

2024-05-31
来源:网络整理

编者按:预测设计()是一种有效的设计方法,可以引导用户,缩短他们的行为路径。预测设计可以让功能根据用户的行为/用户场景主动找到用户,并让用户自然地与之交互。本文围绕预测设计对七个维度进行了深入分析,希望对你有所帮助。

1. 关于预测设计

这篇文章讲的是“预测性设计”,在此之前我想先说一下我们日常生活中常见的用户操作路径,用户在使用产品时往往会:产生操作目标-找到操作对象-进行相应操作-完成操作。

这种操作模式和我们对大多数产品的使用理解是一致的。交互设计师在设计用户行为路径时,往往从功能出发,将功能按照优先级排列,让用户在界面中找到功能并进行操作。这本质上依赖于用户的主动触发。一般来说,如果用户不主动触发,就不会有后续的行为。

设计心理学提到,用户在操作设备时,会面临两个心理差距:一个是执行差距,用户试图弄清楚如何操作它;另一个是评估差距,用户试图弄清楚设备处于什么状态以及自己采取的操作是否达到了自己的目标。

预测设计着重解决第一个鸿沟:执行的鸿沟。在产品功能复杂的今天,界面中的功能元素和信息元素越来越复杂,有时用户在界面中不容易找到并操作某个功能。预测设计可以让功能根据用户行为/用户场景主动找到用户,并让用户自然地与之交互。

以创建新的收货地址为例,我们经常会遇到需要填写表单的场景,填写信息的过程往往比较繁琐,耗时,而且这个过程并不愉快。

按照正常的操作模式就是:填写收件人、手机号、所在地、详细地址等,设计师在表单设计过程中会对输入方式进行优化,但这些只是基于用户操作先出现,再产生交互反馈的设计。

预测设计就是基于此,考虑到用户创建新收货地址时的场景和用户行为的多样性。比如你有没有给朋友买过东西?朋友通过微信给你发了一个收货地址。如果你要在淘宝和微信之间来回切换,复制粘贴才能输入收货信息,这种体验一定很让人沮丧。

如果你复制了收货地址,打开新增收货地址界面,App会提示“是否粘贴刚刚复制的地址信息?”点击“确认粘贴”,即可将收货地址粘贴到对应的列表项中。这种预测性的设计对于用户来说自然而愉悦,目前已经被广泛应用,比如京东、淘宝、顺丰等。

2. 区分预测设计

预测设计首先立足于用户本身,即系统预测用户即将要做什么,并帮助用户缩短操作路径。虽然整个过程是由系统发起的,但符合用户整体的预期。如果只是单纯由系统触发,但与用户当前行为没有任何关联,则不算是预测设计。

比如,用户刚进入App就会弹出操作弹窗,这只满足了系统主动触发的特性,但是用户却并不期望弹窗出现,容易造成干扰,也不符合预测性设计的特性。

打开APP时出现的弹窗也和淘宝分享给好友的弹窗不同。这是一个常见的预测性设计环节。手机上的淘宝无法通过微信直接调出,当微信好友看到商品,复制淘宝密码通过微信发给你时,你复制淘宝密码打开淘宝,APP自动弹出分享弹窗。这个行为路径是关联的,可以预测为“打开淘宝,查看好友分享的商品”。

3. 预测设计中的行为和场景

用户的交互行为多种多样,最常见的有复制/剪切、截图、手势(如摇晃)等。理论上,各种用户行为都有可能提供预测设计指导。

微信发文字带图是怎么办到的_微信图片文字一起发送_发送微信文字图片起什么作用

预测设计与用户行为、功能场景息息相关。换言之,系统只有根据用户的操作行为或者用户所处的场景才能形成合理的预测,否则很容易引起用户的反感。同样的行为在不同的场景下会有不同的预测设计方向。

1. 搜索场景下淘宝截图的预测

淘宝的图片搜索功能非常强大,我们在使用淘宝时习惯以图搜图,但淘宝并不只是提供图片搜索的入口,当用户截图或者保存图片到手机上,在很短的时间内就会触发搜索功能,搜索框里的图片搜索按钮会自动提示“您可能搜索的图片”,点击即可直接搜索。

淘宝会判断用户想要搜索最近的一张图片,因为“保存图片/截图-搜索”的行为具有潜在的强相关性。基于预测性设计,用户无需点击图片搜索按钮-选择图片,缩短操作路径。如果用户手速快或者点击图片搜索按钮本身进入图片搜索功能页面,依然会出现提示。

这种形式的预测是非阻塞的,仅起到辅助建议而非强制提示的作用,即使用户不想点击预测的图片,也不会影响操作流程。

2. 其他场景下淘宝截图的预测

同样的截图操作,在淘宝其他场景下有着不同的预示交互。例如,在淘宝商品列表页截图时,截图提示不再只是提示搜索与图片同款商品,还包括“分享给好友”、“反馈问题”等操作。

原因在于该场景下用户的潜在交互行为相对复杂,而搜索场景更多侧重于图片搜索行为。可见行为与场景紧密相关,即使是同一个交互行为,在不同场景下也有不同的预测方向,交互设计师在设计时需要注意行为与场景的关联性。

在一些特定的场景中,预测设计并不一定必须通过用户行为来预测。

以月生时为例,月生时小程序很多功能都与地理位置强相关,而不同的地理位置会影响展现信息的可用性和准确性。当用户所在城市发生变化时,月生时会假定用户需要根据正确的地理位置才能正确进行相应操作,即便用户并未进行任何交互行为。

一般而言,即使用户跨省/市,位置信息发生变化,小程序中用户也不会感知到需要切换城市,如果不切换,会影响小程序的体验(广东省的社保、公积金等信息是和城市强绑定的),因此广东省获取位置信息,主动提示用户是否切换当前城市。

支付宝上的信息推荐数据也是基于地理信息,当检测到用户所在城市发生变化时,会进行主动提示,但提示力度相对较弱,采用不遮挡用户主要行为路径的底部提示栏。

4. 预测设计的作用

预测性设计对于体验和业务都有积极的影响,比如帮助用户缩短操作路径、聚焦有价值的信息、提高业务转化率等。下面将通过常见的设计来阐述这一点。

5.缩短操作路径

预测性设计是一种主动的交互,其最明显的功能就是缩短用户交互路径,降低操作复杂度,最终目的是降低用户操作成本,提升交互体验。

1. 浏览器搜索时主动提示

搜索是浏览器最核心的功能,在这个场景下需要细心挖掘精妙的交互细节。当用户在浏览器中进行搜索时,浏览器会检测用户是否刚刚复制了文字,若是则以轻量级的搜索联想形式提示“你复制的文字”,用户直接点击即可搜索。

用户复制了文本,点击了搜索框,这两个行为之间存在关联,预测用户会在剪贴板中搜索文本信息,这种主动提示比用户手动点击两次搜索框再粘贴文本更加便捷,降低了操作成本。

分享