如何在新用户引导流程中用好空状态界面?

发布时间:2017-04-29 12:36:28 编辑:站点网

让空状态界面视觉上简单清晰

空状态本身内容并不多,即使加上说明和指引,也应该足够简单。将最重要的引导和说明突出展示,减少无关内容,降低干扰。简而言之,需要将清晰直观的文案,和强引导性的视觉设计结合起来。下面iOS版 Dropbox 的离线文件空状态界面,就非常值得学习,简单清晰的文本加上有趣的插画,让用户瞬间明白了这个功能如何使用。

让空状态具备直觉性

当然,空状态页面要漂亮,但是它不仅仅要具备视觉美,它还需要恰到好处地让用户明白上下文场景。即使它只是新用户引导的一个环节,你也要让它的信息传达价值最大化,比如告诉用户如何让界面状态从空变为非空。下面以Google Photos 这个应用为例简单说明一下。作为Google的产品,它在视觉上做的相当棒,精美的布局和漂亮的图形都非常不错。然而,它的空状态并不足以帮助用户了解上下文背景,也没有回答下面的问题:·合集(Collection)是什么?·我如何能获得一个合集?空状态界面不应该为用户创造更多的问题,而是要尽量解决问题。告诉用户当前界面是什么,以及要如何获得更多。

强化个性

个性化的设计让你的APP更加令人难忘。虽然在空状态界面中能呈现出的“个性”看起来并不多,但是即使是微小的个性化设计,都能让你的界面看起来和同类产品截然不同,它会让用户从这里开始体会到你的产品的不同之处。你可以看看Khaylo Workout 是如何在空状态界面中借助文案和插画来体现个性的。拳击手套插画和Challenge 这个主题相互映衬,文案着重引导用户创建新的Challenge ,强化交互。
更多相关内容:
    无相关信息
[!--temp.cy--]