最重要的用户体验设计细节恰恰是被忽视的地方
我不知道是我自己的问题，还是这个应用本身的语气无礼。无论如何，我们都喜欢看到帮助信息。现在我们知道如何解决自己的问题，并用宝贵的数据来填充这个空白状态。上面的例子都遵循了 是什么 ， 为什么 ， 怎么做 这三个原则。
个性和指示是空白状态的点睛之笔
空白状态还有两个可以提升的方面——个性和指示。个性可以让你的应用留下更深刻的印象和更愉悦的使用体验。指示可以向用户传达应用的价值，这点可以提升留存率和解决用户在引导过程的问题。
Khaylo Workout
这个页面回答了是什么（一个空白的挑战页面），为什么（因为你还没有向任何好友发起挑战），以及如何解决这个问题（点击“+”图标）。但是它没有止步于此。这个空白状态通过美观的图像和亲切的语言表现了应用的个性，同时让用户认识到向其他人发起挑战的益处。
下面是另外一个符合各方面要求的优秀空白状态例子。
Beamly
我从来没有用过 Beamly，不过这个空白状态的信息可以让我清楚了解到应用的用途。除了三个基本内容之外（是什么，为什么，怎么做），它还加入了一段有趣的话，并向新用户或回归用户解释了应用的核心价值。
在空白状态中体现品牌个性
空白状态是向用户建立联系和传达应用个性的重要桥梁。正如网页设计师 在 404 页面尽显创意一样，空白状态也能发挥出无限创意。情感设计大师亚伦·沃尔特（Aaron Walter）采用了人类需求层次来 解释 优秀用户体验的要素——你的应用不仅要体现功能性、可靠性和实用性，它还应该是令人愉悦的。
Smashing Magazine 的西蒙·施密德（SimonSchmid）提出了多种实现愉悦用户体验的方法。我对他给出的列表进行了总结，找出了你可以通过空白状态提供的愉悦感：
- 积极性。请参考文章“10 大积极情感”（What Are The Top 10 Positive Emotions）
- 意外性。做一些出乎意料的事情。
- 独特性。以 有趣的方式 差异化自己的产品。
- 关注性。虽然你没有这个义务，但你仍然可以向用户提供激励或者帮助。
在空白状态中运用情感
现在回到收件箱的话题，我从不同空白状态的语气发现了一些有趣的要点。也就是说，有些应用会鼓励用户清空收件箱，其他应用则会鼓励用户填充空白状态。
空白状态所传达的情感取决于应用的用途。Hangouts 希望用户添加内容，而 Outlook（它的“重点”收件箱是为了帮助用户阅读所有重要邮件）则希望用户清空内容。
Hangouts
无论画面中的是什么，它所表达的都是一种伤心的情感。对用户来说，这可以算是一种获得 Hangouts 邀请的激励吗？设计真的可以起到一种神奇的效果……
Outlook
你已经通过这项功能获得了成功。这就是所谓的积极性。
从空白状态中带来惊喜
其实大部分错误页面的出现都会让用户感到意外。与其告诉用户他们没有正确使用这个应用，为什么不将这种意外转化为惊喜呢？毕竟，你不会想用户经常看到错误页面，所以在错误页面中传达一种轻松的心态可以帮助缓和用户的情绪。
Cognito Brain Training
无论在什么情境下，看到鲨鱼总会让我感到意外。
Timehop
如果你想用一种惊喜的方式告知我互联网连接已经断开，至少要像这个例子中的时间旅行比喻一样。
在空白状态中传达益处
最后，我们先跳出设计的领域，然后进入一个我更熟悉的专业：文案写作。
你的初始空白状态的核心目标应该是向用户（重复）推销应用的益处。你的用户引导流程不是总能达到预期的效果，所以在用户完成注册以后，你的应用可能就会被遗忘在手机的主屏幕上，经过数天、数周甚至是数月才会被再次打开。如果一个用户在引导过程期间或之后离开了你的应用，那么他很有可能会永远放弃这款应用，所以你应该尽力做到以下两点：
- 提醒用户你的应用有什么功能。
- 告诉他们为什么要在意这些功能。
换句话说，你的空白状态需要体现文案写作的准则：以益处为卖点，以功能作支撑。
注意：如果你想快速了解如何写出简洁有力的文案，欢迎阅读我的另外一篇关于 商务写作诀窍的文章。
下面我们来分析一些优秀的例子。
Basecamp 的项目无数据状态
我喜欢应用明确告诉我要做什么，怎么做还有为什么我要在意这些。
Dropbox 团队版的无数据状态
Dropbox 的文案人员做得非常好。我自己其实用不上这项功能，但是我打开这个页面的原因是为自己的文案模板获取更多的素材。
空白状态设计的要点总结
为了感谢你能一直坚持看到结尾，接下来我要给你一个特别的奖励——我将收起自己的长篇大论，并为大家清晰地总结空白状态设计的要点。总的来说，一个空白状态页面需要回答的基本问题是：
- 这个屏幕是什么？
- 为什么我会看到它？
- 我要怎么解决这个问题？
除此之外，你还需要做到：
- 传达个性。让用户愉悦地使用你的应用，并将用户的情感与应用的功能联系起来。
- 说明益处。对于你的初始空白状态来说，这是至关重要的一点，否则用户不会知道自己为什么应该在意你的应用。
本文出现的空白状态来自：emptystat.es、UX: Empty States、UI Empty States。
我目前还在研究空白状态设计的话题，所以我很乐意看到大家收藏的优秀空白状态。如果你有这样的收藏，请在下方的评论栏向我分享。最后感谢大家能够忍受我的废话连篇。
题图来自：FreshPaint/Shutterstock
来源： techcrunch 译文出处：关嘉伟（@consideRay）
关键字：用户体验, 空白, 状态, 用户
版权声明
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！
