贵阳网站设计:如何为网站设计空状态页&移动应用程序-极简慕枫

贵阳网站设计:如何为网站设计空状态页&移动应用程序

2019-07-23

空状态页是不太知名的设计元素,在用户体验中扮演重要角色。在最简单的形式中,空状态是当用户第一次访问没有内容的页面时看到的页面布局.

这可以包括移动应用、社交网络,甚至是空白的博客类别。其目的是传递一个空页看上去非空页访客应认识到缺乏内容是即将到来的内容的一种手段.

我想介绍一下空的状态页是如何工作的,以及它们为什么如此重要。接口设计人员应该考虑这些点,并在适当的时候尝试将它们应用于空状态。但首先,让我们检查一下空状态是如何工作的,以及它是如何为接口提供值的。

空国家的价值

一个伟大的空状态设计的美在于简单。空页解释页面上应该是什么?一旦有了一些内容。它可能是被动的,像一个空收件箱,也可能是积极地等待用户,就像一个空的Twitter提要。

空白页是无聊的,枯燥的,甚至令人困惑的。空态提供指导帮助用户了解他们在看什么。即使是空白页,额外的上下文也会有所帮助。

空州也给人一种“新鲜感”,因为新的账户没有现有的数据。

这个测试由RedditorBambo_Ocha完成的检查了20个不同的应用程序的空状态设计。CTA按钮、示例数据甚至是简短的教程演练都有不同的设计风格。

在用户基础上蓬勃发展的应用程序应该设计空状态鼓励用户活动..这个活动可以是发布内容,添加朋友,上传照片,或任何应用程序。下面的屏幕托卡皮奇是个很好的例子。


贵阳网站设计

但是,即使在不需要操作的情况下,空的状态页仍然有价值。这些设计主要是为了提供信息。

静态信息同样有价值,拥有一个空的状态也不是本质上的坏处。例如此页面设计没有显示来自跟踪应用仪表板的当前指标。用户可能想要添加一些指标,但空置破折号并不坏。

贵阳网站设计

类似的静态设计可能对空博客档案或空邮件文件夹有很好的效果。不显示消息是完全可以接受的。但是页面也不应该是完全空的,没有上下文。

重要页面元素

空状态页上最重要的元素是语境..这可能是以图形、文本或两者兼而有之的形式出现的。你想要告诉用户为什么页面是空的,以及有什么类型的数据(电子邮件,推特,朋友档案,等等)。

虽然文本是网络上的主要交流媒介,但你不能忽视图形和图标的价值。

贵阳网站设计

DigitalSea有一个辉煌的仪表板用空状态图清楚地说明他们的观点。他们的公司使用有创意的品牌和干净的排版,所以他们的空白状态页如此具有说明性是不足为奇的。

空状态设计的另一个关键方面是呼叫动作按钮..这是典型的设计像一个按钮,虽然超链接工作也很好。

目的是帮助用户采取行动并清除他们的空状态。无论这需要添加数据还是在站点上采取行动,CTA都会引导用户进入清除空状态所需的下一步。

贵阳网站设计

Dropbox有一个伟大设计有两个CTA按钮。每当Dropbox用户没有文件夹时,他们可以创建一个新文件夹或向页面添加一个示例文件夹。

鼓励用户活动

调用操作按钮是活动元素,但请记住,页面副本解释用户正在做的事情..没有人会在不知道原因的情况下点击按钮。

鼓励活动的最好方法是在空的状态页上写一个很好的副本。引导用户通过鼓励用户在整个应用程序上活动的内容流。

贵阳网站设计

这种空状态通过ModSpot是质量设计和鼓励内容的杰出范例。

图标用于演示用户应该添加到站点中的内容。一个箭头指向按钮用户应该点击一些文本鼓励的行为。这是一个非常出色的空状态设计,包含了您所期望的所有元素。

类似的胶路空态提供两种针对不同潜在行为的选项。用户可以添加一个数字产品或物理产品开始销售。

贵阳网站设计

页面上的其他链接将导致帮助指南和联系人详细信息。一切都是难以置信的流线型和良好的联系在一起。