ui界面设计能用的定律

费茨定律
 

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

这里有两个参数条件:
 

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

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

界面中的费茨定律
 

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

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

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

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

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

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

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