亲密性和邻近性在产品设计中的运用

前言:亲密性和邻近性在产品设计中十分常见,也是目前在平面设计、UI设计、3D设计、动画设计等设计方向主要考虑的一个原则。它也是互联网产品中衡量用户体验度的一个参考指标。

亲密性和邻近性在产品设计中的运用

01、亲密性在产品设计中的运用!

亲密性作为设计基础原则中最重要之一,具备不可忽视的重要性。

所谓亲密性指“彼此相关的元素当靠近,则可归属为一组”。这是因为如果多个元素相互之间存在很近的亲密性,他们就会成为一个视觉单元。亲密性不仅有助于组织信息,减少混乱,为读者提高清晰的结构,而且可以缩短视觉识别时间和降低视觉疲劳。

亲密性目前主要应用在版式设计、平面设计、UI设计之中。

1.版式中的应用

在版式设计中的第一步就是通过对信息的整理、分组的组织在一起,把相关联信息的放在一起,再进行层级的梳理,就可以快速的把基础版式处理完成,这就是亲密性的处理。

亲密性和邻近性在产品设计中的运用

2.在产品设计中的作用

关联亲密:左图告诉我们,如果我们在大街上看到他们,你会心中想他们的关系并不明确。他们有关系吗?他们认识吗?而右图告诉我们,他们之间却在关系。极有可能是母子等亲属关系。同样在产品设计也是一样的。

亲密性和邻近性在产品设计中的运用

实现组织性:根本目的是实现组织性,让用户对页面结构和信息次一幕了然。与生活中一样(图中有两组亲密的人,骑车的母子和旁边坐着的情侣),在软件产品设计中,UI界面的元素之间同样采用了间距相对距离的方式进行整理分组用来区分亲密度。

亲密性和邻近性在产品设计中的运用
亲密性和邻近性在产品设计中的运用

02、邻近性在产品设计汇总的运用!

邻近性比亲密性更加宽泛,更加符合自然规律。邻近可以理解为“在空间、时间或关系上的接近”。举个例子,当我们打电话时,把手机靠近耳朵屏幕会自动熄灭,这种反馈就考虑了邻近性。

利用邻近性,我们可以观察用户的操作或触发路径,使产品更快作出响应。

邻近性主要应用在产品可用性体验、交互体验、触发和反馈、自然反馈。

1.产品可用性体验

在Google Maps中,导航视图通过环境光传感器自动调整深色或浅色方案。

亲密性和邻近性在产品设计中的运用

每当用户在弱光环境下与地图交互时,地图页会自动切换成暗模式以防止眼睛疲劳,为用户提供更好的可用性。

同样的在智能家居中,也通过光敏感应器和时间设置来控制内部灯光的变换。

亲密性和邻近性在产品设计中的运用

2.邻近性在产品中的作用

提高效率

产品/应用与用户之间的交互应该快速进行,不需要用户等待。邻近性有助于预测用户的行为,使应用提前或及时做出响应。

亲密性和邻近性在产品设计中的运用

在上图中,当光标快速移动到右上角时产品可以预测用户下一步想打开表单,所以不需要点击按钮就能打开表单,节省用户的时间和精力。

强化反馈

持续的反馈有助于用户了解他们在执行操作时成功与否。邻近性为用户提供实时反馈,辅助用户操作。

亲密性和邻近性在产品设计中的运用

填写表单时如果用户没填完就准备点击按钮,表单会产生即时的视觉反馈,提示用户完成全部操作。

直观行为

当用户习惯了某类操作后,在很多场景下可以不用思考就能完成产品的使用。

亲密性和邻近性在产品设计中的运用

在web设计开屏加载页和APP加载页动画已经是默认自动加载,不用用户进行才做,这也采用了邻近原则。通过邻近性来预测用户的行为有助于创建更直观的界面,在提升可用性的同时,创造令人愉快的产品体验。

业界动态

什么是互动视频?

2021-11-19 16:05:29

业界动态

电商活动运营:活动策划RSM模型和TIP模型

2021-11-19 17:43:52

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索