你有没有注意到，当你打电话或接电话时，并把手机靠近耳朵，屏幕就会自动关闭——这就是近距离在交互设计中的作用。
通过利用邻近性，我们可以观察用户的动作或触发路径，并相应地让应用程序或产品做出响应。
这里我们谈下可用性，可用性关注的是用户使用产品（App、Web）的容易程度。无论何时，只要用户能轻松地尽最小努力实现主要目标，可用性就会达到顶峰。
在交互设计中可以利用接近度来预测用户的主要目标，并让产品做出更智能的响应。
一、邻近性的交互设计案例
在谷歌地图应用程序中，导航视图根据周围的环境光，传感器会自动选择暗或光的颜色模式。
当用户在低光照条件下与地图交互时，地图的显示会切换到暗模式，以避免眼睛疲劳，这为用户提供了更好的交互界面和可用性，开车的小伙伴应该深有体会。
我们设计产品时，可以在App和Web加入邻近性约束，从而提供更丰富的可用性体验。
邻近性使用户体验更好：
1、提高生产率
产品与用户之间的交互应该是快速的，这样用户就不会等待交互响应。
邻近性有助于预测用户的动作，并使应用程序提前甚至同时响应。
预测用户的动作-打开一个联系人界面
在上面的例子中，如果我们跟踪光标的移动，我们可以预测用户接下来想要打开联系人表单，因此我们同时打开了联系人表单，以节省用户的时间和精力。
接近的交互也证明了多尔蒂阈值的合理性，因为应用程序的早期响应加快了速度并保持了用户的注意力。
多尔蒂阈值——当计算机和它的用户以一定的速度(小于400ms)交互时，保证了双方都不必等待对方，生产率就会提高。
2、增强反馈
不断的反馈帮助用户理解他们在执行操作时展示成功还是失败。邻近性为用户提供早期或者使用时的及时反馈，以及使他们的动作更加粘附性。
表单提交时通常会显示验证错误，但我们可以预测用户点击按钮的动作，并在用户靠近按钮时逐步发出警告，这将导致即时的视觉反馈。
3、直观的行为
用户可以在无意识状态下做日常或重复的家务，比如开车时唱歌；同样，用户应该在使用产品或应用程序时，即使没有任何有意识的操作，用户也能与应用程序的进行直观的地交互。
在上面的例子中，当用户移动到离菜单按钮更近的地方时，滑动导航菜单就会逐步地滑动出来，甚至在用户点击或与之交互之前，它就会引导用户了解交互的方式。
直观的界面学习可以降低用户的学习成本，邻近性可以加快用户的行动，甚至具备一些好玩的体验，同时加强了产品的可用性。
4、距离和触发器
每当用户执行诸如打开应用程序或删除图像之类的操作时，系统要么以状态更改响应用户，要么选择再次执行某个操作，从而导致递归循环。
用户使用产品交互循环
用户使用触发器初始化操作。点击和滑动是一些最受欢迎的触发方式之一。不同的环境，如带鼠标的桌面和带触摸屏的便携设备，就有不同的触发器。
不同设备上的交互方式和触发方式会发生变化，因此应该在邻近的地方观察不同的触发方式，从而预测用户的行为。
二、邻近性在光标导向的桌面界面
正如我们所知，大多数情况下，鼠标是用来与桌面界面交互的。我们可以通过观察鼠标的移动或行为来预测用户的主要动作或目标。
让我们看看如何用一个用例来预测用户的行为
1、回到顶部
内容冗长或无限滚动的Web或者App页面通常有一个"返回顶部"按钮，帮助用户轻松导航到标题。
"回到顶部" 是一个很必要的选项，但有时它会与主要内容(图像或文本)重叠，这不是一件好事，所以在设计时需要注意这微小的细节。
所以我们可以通过预测用户何时需要"返回顶部"按钮来利用它的接近度来显示和隐藏它。
当用户想要回到页面顶部时，他就会滚动，我们可以观察滚动触发器来预测用户的动作，然后逐步显示 "回到顶部" 按钮。
类似地，我们可以观察到隐藏 "返回顶部" 按钮的向下滚动触发器，这将产生一个更整洁的界面，为阅读和查看提供更多的空间。
三、触摸导向的移动界面
智能手机或触摸设备有一套手势和传感器。我们可以观察滑动触发器或利用不同的可用传感器来预测用户的主要动作。
让我们来看一个实际的用例，在这个用例中，邻近性可以用来提高触摸屏上应用程序的可用性。
1、表单验证
每当用户错过必填字段或提供错误类型的信息时，表单验证错误就会发生，这将提醒用户填写必填的正确类型的信息。
内联错误可以在一定程度上解决这个问题，但是显示内联验证错误会导致数据/微缩复制注入，这会将整个内容向下推，容易造成视觉上的困扰。
如果用户跳过或填写了错误类型的信息，我们可以利用向下滑动的手势来提醒用户。它将帮助用户保持跟踪，而不必手动查找遗漏或不正确的字段。
你可以看到，通过邻近性来预测用户的操作如何有助于创建更直观的界面，从而提高生产率。我们需要做一个精确和准确的预测，否则邻近性在交互设计中不会起到任何作用甚至成为反面教材。
原文地址：https://medium.muz.li/proximity-in-product-interaction-design-deb527b1c336