• 手机站
  • 收藏
聚培教育网合作机构 > 赣州天琥设计培训学校
赣州天琥设计培训学校
400-998-6158
赣州天琥设计培训学校

ui界面设计能用的定律

UI设计学习网

更新时间:2020-12-18 浏览:138
核心提示:ui界面设计能用的定律费茨定律费茨定律是人机交互和人机工程学中人类活动的模型,它可以预测从任何位置快速移动到目标位置所需的

ui界面设计能用的定律

费茨定律
 

费茨定律是人机交互和人机工程学中人类活动的模型,它可以*从任何位置快速移动到目标位置所需的时间,与两个位置之间的距离和目标大小有关。
 

这里有两个参数条件:
 

距离:起始位置离目标位置越远,到达目标位置的时间就越长,相反,离目标越近,花的时间就越短。
 

目标大小:目标区域越大,定位目标的时间就越短,相反,目标区域越小,精确定位目标所需的时间就越长。
 

界面中的费茨定律
 

费茨定律在产品界面设计中的主要作用是提高产品的可用性,更准确地说,它改进的是产品可用性的效率指数,帮助用户更快地完成某个操作或任务。
 

(1)尽可能缩短与目标位置的距离,并保持相关操作的亲密性。
 

当设计页面模式弹窗来指导用户操作时,大多数产品会将操作控件放置在固定的页面位置(通常居中或在页面底部)。然而,“抖音”的设计让人眼前一亮:当用户触发时,系统会判断用户手指与屏幕的接触位置,并在最靠近用户手指的位置显示模态弹窗的控制按钮。
 

根据用户手部活动区域的变化,灵活地改变位置,使得用户在手势交互过程中能够始终在手部的舒适区域内操作。这是一个非常友好的经验设计,以应对大屏幕时代,也是一个好的设计点,适用于该定律:从开始位置到目标位置的距离。
 

例如,在QQ的登录界面中,登录按钮的面积刚好大于拇指的面积(考虑到拇指点击的舒适性),无论键盘是否唤起键盘,按钮的位置总是保持在拇指可以触摸的舒适位置,因此根据前面的参数条件,按钮的面积和触摸距离是**的。
 

假设登录按钮位于屏幕底部,尽管拇指的默认悬停位置在屏幕底部,理论上此时最靠近登录按钮,但应考虑以下场景:*一,键盘唤起;第二,与输入框的密切关系,因此有效触发登录按钮的行为是发生在后续场景中,所以放在距离输入框最近的位置才合理。
 

除了移动终端之外,当在电脑终端上设计背景表单时,我们通常会遵循表单底部和离表单最近位置的决策按钮。这也是为了缩短光标移动的距离,并使操作项(要输入的表单)和决策项(提交/取消按钮)更加有关联性。

更多>同类资讯
更多>相关课程
顶部