我们重点介绍了 Microsoft Clarity,它是一款由真正了解像 Switas 这样的公司所面临挑战的产品开发人员,以实际应用场景为导向打造的产品。诸如“愤怒点击”和 JavaScript 错误跟踪等功能,在识别用户痛点和技术问题方面发挥了至关重要的作用,从而能够进行有针对性的改进,直接提升用户体验和转化率。
菲茨定律预测,移动到目标所需的时间与目标的距离和大小有关:距离更近、目标更大的目标比距离更远、目标更小的目标更容易被识别。该定律由心理学家保罗·菲茨于1954年基于对人类运动的研究提出,如今已成为界面设计中最可靠、最适用的定量模型之一,其应用范围涵盖了从按钮尺寸、菜单位置到触摸控件布局等方方面面。
它最直接的应用是目标尺寸。小按钮和链接需要更长的点击时间,更容易出错,而且在触摸屏上这种影响比鼠标上更为明显,因为手指会遮挡目标,接触区域也不精确。平台指南中推荐的最小触摸目标尺寸实际上就是菲茨定律的体现,而这些指南旨在防止的尺寸缺陷仍然是移动界面上最常见的缺陷之一:相邻链接间距不足、关闭按钮太小难以可靠点击,以及表单控件需要的精度与上下文不符。
距离是第二个变量,但常常被忽略。将相关控件放置在用户注意力和指针所在位置附近可以降低移动成本,这正是上下文菜单、列表行中的内联操作以及将主要操作放置在其作用内容附近的原理所在。在移动设备上,拇指的触及范围使这一点更加具体:手机屏幕的下部和中部区域单手即可轻松触及,而顶部角落则需要改变握持方式,因此将主要操作放置在顶部角落会带来可衡量的成本,而不仅仅是出于美观考虑。
该定律也解释了屏幕边缘和角落的有效性。由于指针会在屏幕边界处停止,边缘目标在某一维度上表现得如同无限大,因此它们的获取速度远比其可见尺寸所显示的要快得多。这就是为什么固定在边缘的常驻工具栏和位于屏幕顶部的桌面菜单栏比相同大小的浮动式工具栏性能更佳的原因。
菲茨定律是少数几个能够提供真正量化指导的设计原则之一,但它优化的是操作速度而非决策的正确性。将破坏性操作做得又大又近,就能快速触发,包括误操作。因此,删除和确认控件被特意放置在远离常用操作的位置,并且尺寸更小、更不显眼。速度对于人们有意为之的操作来说是正确的目标,但对于他们可能后悔的操作来说,速度则是一个错误的目标。
该法律还解释了为什么对于分组操作而言,邻近性至关重要,而纯粹的视觉分组却无法体现这一点。按顺序使用的控件应该彼此靠近,因为每次切换都会消耗移动时间,而对于一天中反复使用的界面来说,这种消耗会更加显著。对于面向员工的系统而言,相同的操作顺序可能需要执行数百次,因此,在审查时看似微不足道的布局决策,实际上会转化为吞吐量和疲劳度方面的显著差异。这就是为什么操作工具的设计应该围绕实际任务顺序,而不是围绕按类别整齐地分组功能,以及为什么在实际工作环境中观察操作往往会产生一些布局建议,而这些建议是单独审查界面所无法发现的。
在实践中,这成为界面评审中的一项检查清单:在最小支持的视口下的目标尺寸、相邻交互元素之间的间距、主要操作相对于拇指可及范围的位置,以及构造性控件和破坏性控件的分离。这些都是标准检查项目。 用户体验审核并在组件库中将它们编码为约束 产品设计 正是这些努力才使得这些问题在每次构建新屏幕时都不会再次出现。
我们重点介绍了 Microsoft Clarity,它是一款由真正了解像 Switas 这样的公司所面临挑战的产品开发人员,以实际应用场景为导向打造的产品。诸如“愤怒点击”和 JavaScript 错误跟踪等功能,在识别用户痛点和技术问题方面发挥了至关重要的作用,从而能够进行有针对性的改进,直接提升用户体验和转化率。