新概念科技从顾客*次接触产品，还没有信息/数据/朋友的情况入手，剖析并总结了一部分空白页面设计的思路，应该能给各位产品设计者提供灵感。在上海网站开发经历的设计项目中，所有的项目成员都会需求上海网站开发设计师优先制做所谓的「典型页面」，常见的便是产品的*页和详情页。

而空白页面，或者说缺省数据页面（例如没有任何联系人的通讯录和没有任何聊天记录的微信），通常全是在设计过程的较后阶段才作考虑。有一些时候，乃至会被遗忘。直到某个开发同学提出来，『这样的页面，假如没有数据的时候，该显示什么鬼东西啊？』

顾客「*次使用」你的产品时会遇到空白状态的页面，这也是顾客由浅入深接触你的产品的必经之路。在这样的过程中，一个先进的空白页面应该达成三个目标：

• 教育顾客
• 取悦顾客
• 引导顾客

1. 教育你的顾客

一个先进的空白页面应该解决如下问题：

• 何物（What）：解释这样的页面在说什么
• 何地（Where）：告知顾客当前的位置，以及接下来可以做什么
• 何时（When）：解释此处空白在什么情况下将出现有效的数据

2. 取悦你的顾客

空白的代码提交页面：

上海网站开发的拟人化形象——一个小桶子用幽怨的口气说道，『我这里没有任何提交记录，这让我显得毫无用处。我感到很难过。』（解决这样的问题）

先进的先进印象不仅仅与可用性有关，它也与产品的调性有关。
问你自个这几个问题：

• 你能让顾客感到新鲜或者出乎意料吗？
• 你能让顾客从心底绽开笑容吗？
• 你能让顾客感受到你产品的先进调性吗？

空白的收藏夹

译注：一个仙人掌杵在那里，说道，『这儿看起来像是沙漠！你没有任何收藏的东西』接下还有一个引导顾客去收藏的行动按钮。

空白的信息页面

译注：一个略显苦逼的熊猫脸，说道，『咋们在周围啥也没找到看起来你周围没有什么特别的事情发生。你可以过一阵子再试试这样的基本功能。』

通过空白页面取悦顾客，可以做这些：

品牌（On brand）：介绍并强化你的品牌元素
亮点（Different）：有创意或者呈现你的幽默感
共鸣（Relatable）：呈现你的产品温暖人性的一面

空白的任务界面

译注：看起来像是一个游戏的任务列表页面。一个潜水员在一条鲨鱼旁边，说道，『你还没有准备好，指挥官。回去再训练一下吧。』

3. 引导顾客行动

上海网站开发空白的项目页面

译注：一个小人若有所思的看着右上角，念道，『唔……那个蓝色的按钮一定很重要』。

上海网站开发空白的关注列表页

译注：『你还没有关注任何人。关注其他人可以查看他们收集的故事。你关注得越多，Flipboard 提供的服务就更好！』接下来便是一个引导顾客去关注其他人的行动按钮。

上海网站开发的空白的历程行程页面：在空白页面上引导顾客的下一步行动，必须要包含这三点：

• 动机（Motivate）：向目标顾客呈现激励性的语言，例如：『现在就开始！』
• 劝说（Persuade）：利益点不仅要在落地页上呈现。当顾客与你的产品交互时，也可以反复呈现利益点。
• 直接（Direct）：在一开始就向顾客呈现先进且较优的路径。提供行动按钮或者给出引导。在顾客首次接触 app 时并不适合让他们做选择题。你应该让首次接触的体验尽可能的简单。假如刚开始就必须要顾客创建一部分信息，你应该提供一部分模板之类的东西让顾客可以借鉴。

增加空白页面的投入吧！

较棒的上海网站开发设计通常也是较具有挑战性的——它需求在信息呈现与操作上达成精巧的平衡。不过，一个空白状态的页面就可能阻断你的顾客进一步探索你所设计的精妙界面。这些空白页面难道不值得你投入越来越多的時间和关注吗？