腾讯isux：见微知著，谈移动缺省页设计|运营学社

缺省页面，是呈现在用户没有提交任何材料或许网络连接不晓畅的状况下所展现的页面。一般规划师们习惯用丰厚的数据内容把页面规划得漂亮有用，考虑的都是界面展现的“抱负状况”，往往会忽视没有内容的“缺省状况”。未经过精心规划的缺省页面降低了用户的运用体会，并可能给用户带来困扰，如下图iOS体系邮件App，无邮件时界面上没有任何有用反应信息，用户不能清晰得知到底是网络问题仍是账号同步犯错亦或许是收件箱内的确一封邮件都没有。相同的状况也呈现在Pinterest和动身吧的界面里。

那什么内容能够被增加进入缺省页面然后使其“丰厚友爱”呢？Nathan Barry 在 Designing Web Application 中提出了“WWH”的概念来协助产品规划师处理此类问题。

奉告用户什么样的数据将会呈现在这儿(What)

首要，用户很可能是第一次触摸你的产品，他们关于运用还不是很了解，而这正是你能够运用缺省页面向他们供给阐明的好时机。规划时能够运用简略明了的案牍奉告用户这儿将会放置什么样的内容。花点心思在这儿，不要让空白的缺省页成为用户最终看到的状况。

下面是一些优异的典范：

支付宝钱包的电子券和行程单页面经过收据图形+文字清楚地阐明该分类下会呈现什么内容，并在屏幕下方供给增加收据的按钮。

Dropbox是笔者十分喜爱的一款网络文件同步东西，产品面对的问题是需求引导用户上传内容。运用在用户初度运用保藏、相册及提示功用时经过灰阶加线条风格的图示和浅白的文字阐明奉告用户怎样运用这三个功用，画面在坚持一向品牌风格的一同也降低了用户由于列表内空无一物而发生心情上的挫折感。

除了简略的图标加文字阐明之外，一些运用还有一种更为方便直接的办法：预置内容，即让用户直接体会实在的信息内容，或是一些典范信息，而不需求凭空想象。

Shadow Puppet能够把相片和视频剪辑结合声响、贴纸等制造成动画，制造简略，被誉为视频版的PPT。它的主页预置了展现用的视频样本，用户能够经过观看视频事例对Shadow Puppet的视频制造有理性的认知。

奉告用户为什么要在这儿提交内容(Why)

在了解完信息的内容形状今后，就要供给给用户一个提交内容的理由。缺省页的规划应该简略奉告用户树立内容的优点，比方你能够知道更多人，能够更有条理也更高效地办理信息等等，协助用户发生运用意图。

多看阅览的已购和云空间缺省页面直接奉告用户：快来买书并上传到云空间吧，这样你就能有跨渠道同步书本的体会了。

充溢情感的案牍和图示也能够激起用户提交内容的爱好。Headspace是由Headspace.com出品的一款专心于教人们怎样冥想并供给语音引导的运用。它在缺省状况下的朋友页面就供给给了用户这样的理由，经过增加朋友，能够监督和鼓舞互相的冥想进程。看到这样萌萌哒的缺省页面，用户还有什么理由不约请老友一同来互相监督呢？

或许能够像爱好交际运用Same相同，经过幽默的案牍来鼓励用户在自己的频道增加内容。

经过清晰的过程性的操作引导用户怎样提交内容(How)

给用户清晰的操作指引，在界面中供给显着的按钮、箭头指示用户操作。指示内容最好在一页内显现结束，假如过程多，能够拆分到具体运用进程中进行辅导。

“乐动力”的老友排行页面，在没有增加过老友的状况下，该页面展现了一些交际网络的图标和大大的增加按钮提示用户能够经过绑定交际账号来找到更多老友一同PK运动量。

Pocket是一个能够让用户把内容（文字、图片乃至视频）一键保存下来，用于其他时刻完结阅览的东西。在初度运用时它的列表页面内没有内容时，会显现一个“了解怎样保存”的按钮，点击能够具体了解增加列表的各种办法。

Taasky和Clear作为两款交互优异的使命运用，都具有十分丰厚手势操作，它们没有像其他软件相同在界面上加遮罩、标示做出冗长的用户教育页，而是直接将操作指引嵌在一条条的使命里，用户只需跟着当前使命的简略描绘滑动屏幕就能了解悉数手势操作，即充分了本来空白的缺省页面又很自然地辅导用户怎样运用该软件。

Orgami是一款折纸风格的记事App，在初度翻开运用时，笔记页面内并不是空空如也，当然这些预置内容不单纯是为了漂亮，和运用相关的操作指引也包含在这些便签内。

总结

缺省页面的状况多半是用户刚开始运用运用时才会被看到，这时他们依然对你的产品有些耐性，规划师应该把握住这个天然的与用户对话的时机，能够从以下几点下手规划出空而不空的缺省页面。

1. What

清晰指出页面内会呈现的数据。能够试着让用户直接体会典范信息。

2. Why