01、亲密性在产品设计中的运用!
亲密性作为设计基础原则中最重要之一,具备不可忽视的重要性。
所谓亲密性指“彼此相关的元素当靠近,则可归属为一组”。这是因为如果多个元素相互之间存在很近的亲密性,他们就会成为一个视觉单元。亲密性不仅有助于组织信息,减少混乱,为读者提高清晰的结构,而且可以缩短视觉识别时间和降低视觉疲劳。
亲密性目前主要应用在版式设计、平面设计、UI设计之中。
1.版式中的应用
在版式设计中的第一步就是通过对信息的整理、分组的组织在一起,把相关联信息的放在一起,再进行层级的梳理,就可以快速的把基础版式处理完成,这就是亲密性的处理。
2.在产品设计中的作用
关联亲密:左图告诉我们,如果我们在大街上看到他们,你会心中想他们的关系并不明确。他们有关系吗?他们认识吗?而右图告诉我们,他们之间却在关系。极有可能是母子等亲属关系。同样在产品设计也是一样的。
实现组织性:根本目的是实现组织性,让用户对页面结构和信息次一幕了然。与生活中一样(图中有两组亲密的人,骑车的母子和旁边坐着的情侣),在软件产品设计中,UI界面的元素之间同样采用了间距相对距离的方式进行整理分组用来区分亲密度。
02、邻近性在产品设计汇总的运用!
邻近性比亲密性更加宽泛,更加符合自然规律。邻近可以理解为“在空间、时间或关系上的接近”。举个例子,当我们打电话时,把手机靠近耳朵屏幕会自动熄灭,这种反馈就考虑了邻近性。
利用邻近性,我们可以观察用户的操作或触发路径,使产品更快作出响应。
邻近性主要应用在产品可用性体验、交互体验、触发和反馈、自然反馈。
1.产品可用性体验
在Google Maps中,导航视图通过环境光传感器自动调整深色或浅色方案。
每当用户在弱光环境下与地图交互时,地图页会自动切换成暗模式以防止眼睛疲劳,为用户提供更好的可用性。
同样的在智能家居中,也通过光敏感应器和时间设置来控制内部灯光的变换。
2.邻近性在产品中的作用
提高效率
产品/应用与用户之间的交互应该快速进行,不需要用户等待。邻近性有助于预测用户的行为,使应用提前或及时做出响应。
在上图中,当光标快速移动到右上角时产品可以预测用户下一步想打开表单,所以不需要点击按钮就能打开表单,节省用户的时间和精力。
强化反馈
持续的反馈有助于用户了解他们在执行操作时成功与否。邻近性为用户提供实时反馈,辅助用户操作。
填写表单时如果用户没填完就准备点击按钮,表单会产生即时的视觉反馈,提示用户完成全部操作。
直观行为
当用户习惯了某类操作后,在很多场景下可以不用思考就能完成产品的使用。
在web设计开屏加载页和APP加载页动画已经是默认自动加载,不用用户进行才做,这也采用了邻近原则。通过邻近性来预测用户的行为有助于创建更直观的界面,在提升可用性的同时,创造令人愉快的产品体验。
发布者:梦醒时分,火焰兔收录并登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。文章内容仅供参考,不做权威认证,如若验证其真实性,请咨询相关权威专业人士。https://huoyantu.com/27424.html
版权声明:
国家知识产权局《要求删除或断开链接侵权网络内容的通知》填写说明:http://www.ncac.gov.cn/chinacopyright/contents/12227/342400.shtml
请按照此通知格式填写(或提供具有法律效应且证据链完整的证明)发至本站的邮箱 huoyantu@qq.com
(收到核实后 24小时内绝对处理)