180607如何在界面中淡化空状态

界面中的空状态

设计师擅长设计实质内容。整个事情反复遵循着视觉元素的集合，文字、导航模式、塑造体验。我们尽最大努力遵循视觉趋势，通过有意义的文字和动画来构建价值。

    如果所有的有形的和可见的物体都是可识别的并能传达信息，那么空白点该在哪里去安置？

    空状态又叫做第一使用状态，一般用户在使用初始化的产品时，因为没有数据的支持，在很多的地方都有空状态的存在，通常情况下，花太多的视觉去展示他们是无意义的。我们所要表达的是空状态背后的意义。

    空状态是用户旅程的一部分，这使得他具有功能完备的元素以至于设计师们不得不好好的花心思去设计他们，便于用户从UI中更加受益，空状态可以促进参与、引导、教育、以及娱乐用户。

引导用户空状态提示

引导用户的空状态提示

这些设计有很多微妙之处，可以帮助我们更大程度的吸引用户。

在交互设计中，比较常见的空状态会出现在以下几个地方：

1. 初始交互，在用户与产品初始交互的时候

2. 完成，用户主观的发起之后没有结果，比如搜索

3. 错误状态，用户在执行任务时候遇到了某些障碍

开发人员倾向于更多地意识到空状态可能出现的地方比起那些更着重于用户体验交互的设计师。开发人员必须落实所有的状态的位置。如果设计师更能够关注空状态出现的位置，这可能会给他的原型带来额外的效果。

1.初始状态

对于基于数据的应用程序，让用户继续前进而不是丢失至关重要。引导用户去选择。

初始状态

2.完成

    每个设计都有被用户主动发起的空白空间，无论是由于任务完成还是缺少某些特定的内容，这些区域都要被设计师考虑到。

    设计师可以通过一定的激励、鼓励，去提高用户的信息，以此来保留更多的用户。

    在用户没有得到想要的结果时，除了给予用户鼓励之外，还要有适当的引导，引导用户朝着有结果的方向前进。

完成状态

3.错误

    描述错误的空白状态必须是用户体验设计的一部分，错误不可避免，它可能来源于用户的操作失误，也可能来自于服务器的错误。但它处理的是用户不满的细微问题，因此不能忽视。404是一个错误状态处理很不好的典型例子。

    把错误变成一个吸引用户的小互动以此来淡化用户的挫折感是一个不错的方法，等待状态也是一样。

错误状态

三米工作室“TF三缺一与他们的经纪人”小组的每周优质设计文章汉化计划01篇--《Downplaying Empty States in Design（在设计中淡化空状态）》。

Medium英文原文链接https://uxplanet.org/downplaying-empty-states-in-design-fc367212b493

作者：Ystarsan

链接：https://www.jianshu.com/p/f0a4d4dd7b4e

來源：

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。