Material Design 设计模式 —— Empty States

Empty states occur when an item’s content can’t be shown.

与产生错误不同,空状态指代的是当列表不包含任何内容或搜索没有返回任何结果的时候应该明确告知用户当前的情况,一面造成困扰。

代替物:

  • 开始内容
  • 引导教育内容
  • 你要找的是不是

显示空状态

推荐使用插图加文字的样式来表达空状态。

  • 图片内容的表达是积极的
  • 与品牌有所关联
  • 将 app 的其他可能性展示出来

避免空状态

空状态难以避免,但是也尽量不要展示空状态,以下有几种推荐的代替方法:

初始内容

用初始内容向用户展示你产品的使用方法,吸引/鼓励用户探索你的产品

  • 使用吸引人的内容作为初始内容,展示产品最主要的特点
  • 当有内容的时候,初始内容就应该消失了,不能影响正常使用
  • 如果有可能的话,根据用户的喜好进行展示

教育性内容

  • 帮助用户了解当前页有内容的时候这个页面有什么用
  • 教育内容时可以跳过的
  • 保持简要

你要找的是不是?

多用于搜索。