模式 空状态

空状态

无法显示项目内容时会显示空状态。

空状态就像没有项目的列表,或没有结果的搜索。虽然这些状态并不具有代表性,但也应当防止用户混淆。

由于系统故障而无法显示的内容,请参考应用错误.

替代方案

开始页面
有教育意义的内容
最佳匹配

空状态的内容

文字标语
非交互式图像

显示空状态 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

最基本的空状态是显示非交互式的图像和文本标语。

使用这样的图片:

  • 淡雅、素净,与背景相呼应
  • 愉悦的穿搭应用的功能和潜能,例如应用的图标

使用这样的标语:

  • 积极的语气
  • 与你的品牌一致
  • 不使用操作来传达应用的用途

图像应该是素净的,视觉上能成为背景的一部分。标语应该传达应用的用途,而不让用户去执行某项操作。

图像太过鲜明,标语不应该使用号召性的文字,这可能会导致用户去触摸图像或标语来开始视频聊天。

避免完全为空的状态 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

这里有几种完全空状态的替代方案。

开始页面

让新用户学习并感到兴奋的方法就是让用户去用。提供一个开始页面,允许用户从这里开始探索应用。

建议:

  • 使用非常吸引并且能向用户示范主要功能的内容。
  • 让用户可以删除和替换此内容。
  • 如果可以,提供个性化的内容。

图书阅读应用可以为所有用户提供几本免费流行的书籍,以便用户立即开始探索该应用。

有教育意义的内容

如果页面的目的不易通过图片和标语来传达,请考虑展示一个有教育意义的内容。

建议:

  • 帮助用户了解,当有内容时他们可以在此做些什么。
  • 可以关闭或跳过此内容。
  • 保持简短。

在电影应用中,当用户观看视频之前,显示一个可移除的卡片,以说明服务的功能和优点。

最佳匹配

如果没有完全匹配用户查询的搜索结果,是否存在相似的搜索结果?如果有,则显示该结果,因为它们可能会帮用户找到他们想要的。

使用这种方法,需要在搜索结果上面的标题中清楚的指出,该内容不应被误认为与实际搜索结果相匹配。

最佳匹配示例

最佳匹配可以处理用户的拼写错误,且不把责任推给用户。