我们重点介绍了 Microsoft Clarity,它是一款由真正了解像 Switas 这样的公司所面临挑战的产品开发人员,以实际应用场景为导向打造的产品。诸如“愤怒点击”和 JavaScript 错误跟踪等功能,在识别用户痛点和技术问题方面发挥了至关重要的作用,从而能够进行有针对性的改进,直接提升用户体验和转化率。
当界面没有任何内容可显示时,就会显示“空状态”:例如,一个没有数据的新账户、一个没有返回任何结果的搜索结果、一个筛选组合没有匹配项、一个已清空的收件箱,或者一个等待添加第一个条目的列表。空状态是大多数产品中最容易被忽略的界面之一,因为设计师通常不会考虑到这种情况,而且在用于设计评审的原型图中也很少出现。
这种忽视代价高昂,因为空白状态往往出现在最关键的时刻。每个新产品的用户最初都会面对空白状态,他们看到的内容决定了他们是否理解产品的用途并采取第一个行动。一个空白屏幕加上一条通用信息毫无意义;而精心设计的首次使用状态则会解释此处应包含哪些内容、其重要性,并提供一个清晰明了的入门方式。新用户引导的有效性很大程度上取决于这些屏幕,而不是任何叠加在其上的引导或教程。
搜索结果为空是第二种高价值情况。仅仅显示“未找到结果”意味着用户无路可走,他们唯一的选择要么是再次尝试,要么是离开。而一个更实用的页面则会解释搜索内容,提供拼写纠错,放宽最严格的筛选条件,推荐相关关键词,显示热门替代词,并提供帮助链接。在商业领域,零结果搜索结果代表着意图明确却不知如何继续的访客,因此,这类失败案例是网站上最有价值的可挽回案例之一。
空状态也作为错误和极端情况的暴露面,能够揭示系统问题。由于请求失败而为空的列表,与由于确实没有任何内容而为空的列表,其显示方式不应相同,因为正确的处理方式完全不同。区分空状态、加载状态和失败状态,并清晰地传达每种状态,可以防止用户误以为一个运行正常的产品出现了故障,或者一个出现故障的产品只是新推出的。
好的设计需要在设计阶段就明确列举所有可能的情况,而不是在实现阶段才去发现它们。对于每个列表、表格、搜索和仪表盘,我们需要考虑以下问题:空表、单表、典型值、极端值、加载中以及故障后分别是什么样子?系统地回答这些问题既快捷又能避免常见的情况:开发人员在迭代周期结束时临时添加空表。
空状态不仅是解释,更是教学的契机,而这正是它们最常发挥作用的地方。首次使用时,如果能展示一个填充内容后的示例视图,并使用清晰标注的真实示例内容,就能比任何文字描述更快地传达产品用途,并为新用户设定一个努力的目标。同样的方法也适用于删除或完成操作后的状态,向用户展示该空间的用途可以避免他们误以为出了问题。但前提是必须保证真实性:与真实内容无法区分的示例内容会造成混淆,在处理资金或记录的产品中,甚至可能导致严重的错误。
由于空白状态处于界面设计和产品理解的交界处,因此它们通常被视为流程的一部分,而不是孤立的屏幕。 产品设计 它们与人口稠密的州一起作为标准做法进行指定,并且在 用户体验审核 它们是可靠的发现来源,因为几乎每个产品都至少有一个从未被设计过的空白状态,现在却在用户第一次接触产品时悄无声息地阻碍了一部分用户。
我们重点介绍了 Microsoft Clarity,它是一款由真正了解像 Switas 这样的公司所面临挑战的产品开发人员,以实际应用场景为导向打造的产品。诸如“愤怒点击”和 JavaScript 错误跟踪等功能,在识别用户痛点和技术问题方面发挥了至关重要的作用,从而能够进行有针对性的改进,直接提升用户体验和转化率。