hp-ux 防火墙状态_UX技巧：考虑空状态

hp-ux 防火墙状态

空状态通常是大多数设计师的事后想法。

例如，主页和付款购物车可能是待办事项中最优先的功能-但是这些功能的空白状态如何？应该如何解决？

以下文章并不全面，或以任何方式“必须做”。相反，它概述了三种常见的空状态类型：

初次使用
用户清除
错误

我们将看一个很好的例子，讨论它为什么起作用以及如何实现相似的想法，或者根据您的独特情况对其进行扩展。

1.首次使用

以下屏幕来自BBCNews应用程序。这是一个屏幕示例，其中用户首次使用该应用程序，并且需要一些指导以“开始使用”。

它在几个级别上有效：

它提供了明确的解释。 空状态说明了当前功能的作用，并为您提供了一个按钮，指示如何开始使用。在这种情况下，用户需要添加主题以创建自己的个人新闻提要。

它提供了一个链接以填充该功能。 该按钮非常方便，它可以将用户带到他们可以在其中填充给定屏幕的页面。它节省了用户导航到家并尝试通过其他方式查找屏幕的麻烦。

那么，如何自己实现类似的东西？

提供登机顺序。 如果用户是第一次使用您的Web应用程序，则可以考虑通过演练来帮助他们快速入门。但是，请记住，这可能会使专家和中级用户感到沮丧。考虑只显示一次，然后将信息传播到您的帮助部分。

2.用户清楚的

下一页是Apple iTunes商店的“愿望清单”。这是一个页面示例，其中用户没有任何内容，或者他们已清除列表中的所有内容。

是什么使这个空白页有效？

有总比没有好。 这个愿望清单不仅仅输出什么。它为用户提供了他们需要向列表中添加项目的提示。图标既大又大胆，但微妙。您的空状态应引起用户的注意-您在这里什么都没有！-还应指示为空，例如使用柔和的颜色等。

直截了当。 在您的空白状态下插入一些绒毛文本很诱人。也许有人引用。但是，大多数情况下，最好的选择就是直接直截了当地，如上面的示例“您尚未向愿望清单中添加任何内容”所示。

该愿望清单页面可以进行改进，那么我们应该从中学到什么呢？

提供一个例子。 您也可以考虑添加一个填充状态可能看起来像的示例。这可能与台式机比移动接口更相关，因为您需要处理更多的屏幕空间。

3.错误

以下错误页面是Google Chrome浏览器的一部分。这是用户获得除其期望状态以外的东西的情况的示例。在这种情况下，他们将无法连接到互联网。

该图形已为数百万人所熟悉，但是什么使它起作用？

适合这种情况。 之所以起作用，是因为该图标微妙且适合于问题的严重性。十字或“ X”是很常见的，这很好。这是吸引某人注意的好方法，但是在这里，您只想通知用户某些问题。您无需在顶部图标或消息上大喊大叫。

它提供了更多信息。 您永远不应让用户不确定下一步该怎么做。在这种情况下，Chrome提供了“ 更多”按钮来帮助解决问题。在大多数情况下，用户可能会意识到他们需要打开wifi，重置调制解调器或致电其互联网提供商，但这为需要更多信息的用户增加了价值。

自己应用这个怎么样？

考虑错误消息的严重性。 错误有多严重？如果对用户至关重要，那么您将需要用强烈的色彩和清晰的层次结构真正吸引他们的注意力。考虑使用的语言，并理解用户的位置。出现令人沮丧的情况的有趣图标可能会使情况变得更糟！

结论

本文为您提供了一个很好的入门框架，供您在查看空状态时考虑。根据用户的状况和目标，考虑要设计的空状态类型以及最合适的布局页面方式。

一些好的经验法则包括：

翻译自: https://webdesign.tutsplus.com/articles/ux-tip-consider-the-empty-states--cms-23692

hp-ux 防火墙状态