推广 热搜: 收购ACF  石英加热管,  800  T型槽试验平台  求购ACF  深圳回收ACF  回收ACF  T型槽装配平台  求购日立ACF  T型槽地梁 

邻近性在产品交互设计中的运用暴怒无常是什么意思

   日期:2024-03-31     作者:Clippp    浏览:44    评论:0    
核心提示:大家好,我是Clippp。今天为大家带来的文章是「邻近性」原则。通过邻近性我们可以提前预测用户的主要行为和目标,并让产品更灵活地响应~邻近可以理解为“在空间、时间或关系上的接近”。举个?,当我们打电话

大家好,我是Clippp。今天为大家带来的文章是「邻近性」原则。通过邻近性我们可以提前预测用户的主要行为和目标,并让产品更灵活地响应~

邻近可以理解为“在空间、时间或关系上的接近”。举个?,当我们打电话时,把手机靠近耳朵屏幕会自动熄灭,这种反馈就考虑了邻近性。

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

一、产品可用性体验

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

图片

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

我们可以在应用和网站中加入邻近性原则,以提供更丰富的可用性体验。

二、邻近性在产品中的作用

提高效率

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

图片

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

强化反馈

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

图片

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

直观行为

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

图片

在上图中当用户靠近右侧的菜单按钮时,菜单选项卡会逐渐滑入,在用户点击按钮或交互前引导用户了解信息。

三、触发和反馈

当用户打开应用或删除图像时,产品会通过改变状态或执行操作等方式做出响应,形成一个互动循环。

图片

接下来通过两个实例来验证邻近性的应用:

返回顶部按钮

在连续滚动的网页的右下角通常有一个“返回顶部”按钮,帮助用户轻松导航到顶部。

“返回页首”是很必要的选项,但有时它会与主要内容(图像或文本)重叠,反而影响体验。

图片

通过预测用户触发,利用邻近性来显示或隐藏“返回顶部”按钮:

  • 当用户想回到页面顶部时会向上滚动,通过向上滚动触发器来预测用户的操作,显示“返回顶部”按钮;

  • 通过下滑触发器来隐藏“返回顶部”按钮,既减少界面混乱又能为用户提供更多的内容空间。

表单验证

有的表单长度不止一屏,用户需要向下滑动来填写每项信息,如果最后提交的时候显示验证错误,这种情况会让用户非常烦恼。

图片

如果用户跳过或填写了错误的信息,可以利用下滑手势来提醒用户,帮助用户快速定位到有问题的选项。

总结

通过邻近性来预测用户的行为有助于创建更直观的界面,在提升可用性的同时,创造令人愉快的产品体验。

原文:medium.muz.li/proximity-in-product-interaction-design-deb527b1c336

作者:Nitish Khagwal

译者:Clippp(文章翻译已获得作者的正式授权)

图片

-END-

原文链接:http://www.souke.org/news/show-317934.html,转载和复制请保留此链接。
以上就是关于邻近性在产品交互设计中的运用暴怒无常是什么意思全部的内容,关注我们,带您了解更多相关内容。
 
打赏
 
更多>同类资讯
0相关评论

推荐资讯
网站首页  |  VIP套餐介绍  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  SITEMAPS  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报