网站建设课程：空白页面应该怎么样设计，体验更好

空白页面应该怎么样设计？在我历程的设计项目中，所有些项目成员都会需要设计师优先制做所谓的「典型页面」，容易见到的就是商品的首页和详情介绍页。

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

今天翻译的这篇文章，作者从用户初次接触商品，还没内容/数据/好友的状况入手，剖析并汇总了一些空白网页设计的思路，应该能给各位商品设计者带来想法。下面进入译文。

用户「初次用」你的商品时会遇见空白状况的页面，这也是用户由浅入深接触你的商品的必经的道路。在这个过程中，一个出色的空白页面应该达成三个目的：

教育用户

取悦用户

引导用户

1.教育你的用户

空白的收购站页面——收购站里的东西将在60天后被删除

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

何物(What)：讲解这个页面在怎么说

何地(Where)：告知用户目前的地方，与下面可以做什么

何时(When)：讲解此处空白在那种情况下将出现有效的数据

空白的共享链接页面——你推荐的东西会出目前这里

2. 取悦你的用户

空白的代码提交页面

译注：这是 Bitbucket 的代码提交记录页面，当它为空时，网站的拟人化形象——一个小桶子用幽怨的口气说道，『我这里没任何提交记录，这让我看上去毫无用处。我感到非常难过。』(解决这个问题) 出色的第一印象不只与可用性有关，它也与商品的调性有关。

问你一个人这几个问题：

你能让用户感到新鲜或者出人预料吗?

你能让用户从心底绽开笑容吗?

你能让用户感觉到你商品的出色调性吗?

空白的珍藏夹

译注：一个仙人掌杵在那里，说道，『这儿看着像是沙漠!你没任何珍藏的东西 :( 』接下还有一个引导用户去珍藏的行动按钮。

译注：一个略显苦逼的熊猫脸，说道，『大家在周围什么也没找到看着你周围没什么特别的事情发生。你可以过一阵子再试一试这个功能。』

通过空白页面取悦用户，可以做这类：

品牌(On brand)：介绍并强化你的品牌元素

闪光点(Different)：有创意或者展示你的幽默感

共鸣(Relatable)：展示你的商品温暖人性的一面

空白页面应该怎么样设计

空白的任务界面

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

3. 引导用户行动

空白的项目页面

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

空白页面应该怎么样设计

空白的关注列表页

译注：『你还没关注其他人。关注别的人可以查询他们采集的故事。你关注得越多，Flipboard 提供的服务就更好!』下面就是一个引导用户去关注别的人的行动按钮。

Airbnb 的空白的历史行程页面

译注：『当你结束一次旅游，你会在这看到它。』下面就是一个引导用户去探索的行动按钮。 在空白页面上引导用户的下一步行动，需要包括这三点：

动机(Motivate)：向目的用户展示勉励性的语言，比如：『目前就开始!』

劝说(Persuade)：利益点不只要在落地页上展示。当用户与你的商品交互时，也可以反复展示利益点。

直接(Direct)：在刚开始就向用户展示唯一且最佳的路径。提供行动按钮或者给出引导。在用户第一次接触 app 时并不合适让他们做选择题。你应该让第一次接触的体验尽量的简单。倘若最初就需要用户创建一些内容，你应该提供一些模板之类的东西让用户可以借鉴。增加空白页面的投入吧

最棒的设计一般也是最具备挑战性的——它需要在信息呈现与操作上达成精巧的平衡。但，一个空白状况的页面就可能阻断你的用户进一步探索你所设计的精妙界面。这类空白页面难道不值得你投入更多的时间和关注吗?空白页面应该怎么样设计，非常有趣吧，这也将整个网站制作打下奠基。

网页题目：网站建设课程：空白页面应该怎么样设计，体验更好文章源于：https://www.cdcxhl.com/news/170537.html

网站制作、网络营销推广公司-博久网络，是专注品牌与成效的网站建设，网络推广营销网站优化公司；服务项目有网站建设等