App中的空白页面设计指南

空白页面，或者说缺省数据页面（例如没有任何联系人的通讯录和没有任何聊天记录的微信），通常都是在设计过程的最后阶段才被考虑。有些时候，甚至会被遗忘。直到某个开发同学提出疑问，『这个页面，如果没有数据的时候，应该显示什么内容呢？』 今天翻译的这篇文章，作者从用户首次接触产品，还没有内容/数据/好友的情况入手，分析并总结了一些空白页面设计的思路，希望能够给各位产品设计者带来灵感。下面进入译文。 当用户首次使用你的产品时会遇到空白状态的页面，这也是用户由浅入深接触你的产品的必经之路。在这个过程中，一个优秀的空白页面应该实现以下三个目标：教育用户、取悦用户和引导用户。 1，教育你的用户： 一个优秀的空白页面应该解决如下问题：何物（What）：解释这个页面在说什么；何地（Where）：告知用户当前的位置，以及接下来可以干什么；何时（When）：解释此处空白在什么情况下将出现有效的数据。 2，取悦你的用户： 优秀的第一印象不仅仅与可用性有关，它也与产品的调性有关。问你自己以下几个问题：你能让用户感到新鲜或者出乎意料吗？你能让用户从心底绽开笑容吗？你能让用户感受到你产品的优秀调性吗？ 通过空白页面取悦用户，可以做这些：品牌（On brand）：介绍并强化你的品牌元素；亮点（Different）：有创意或者展示你的幽默感；共鸣（Relatable）：展示你的产品温暖人性的一面。 3，引导用户行动： 在空白页面上引导用户的下一步行动，需要包含这三点：动机（Motivate）：向目标用户展示激励性的语言，例如：『现在就开始！』；劝说（Persuade）：利益点不仅要在落地页上展示。当用户与你的产品交互时，也可以反复展示利益点；直接（Direct）：在一开始就向用户展示唯一且最优的路径。提供行动按钮或者给出引导。在用户初次接触 app 时并不适合让他们做选择题。你应该让初次接触的体验尽可能的简单。假如刚开始就需要用户创建一些内容，你应该提供一些模板之类的东西让用户可以借鉴。