空态页面UI设计技巧

空态页面UI设计技巧

全文共395字,阅读大约需要1分钟。


本文首发于UED观察 


摘要:空态页面UI设计技巧

关键词:空态,应用,UI设计

当产品或应用无法显示内容时,就会出现空态页面。应该怎样设计空态页面?

1、引导用户

引导用户添加任务

根据空态页面的类型,引导用户进行下一步的操作。例如,待办事项应用可能会提示添加第一个任务,而购物应用会鼓励用户将商品添加到购物车。

2、推荐内容

推荐用户可能会喜欢的内容

确保用户了解正在发生的事情以及下一步要做什么。为用户提供机会,开始学习使用产品。以音乐或书籍为内容的应用,通常会在空态页面推荐用户可能会喜欢的内容。

3、搜索建议

搜索建议

用户搜索不到结果。在这种情况下,可以提供相关的搜索建议。

4、说明原因

说明出现空态页面的原因

向用户说明出现空态页面的原因。

5、个性化设计

个性化设计

空态页面应该帮助用户了解正在发生的事情,并适当展示产品个性。

参考资料

[1]

tips-on-improving-your-empty-state-designs: https://uxdesign.cc/tips-on-improving-your-empty-state-designs-932635bcc7fc



Author: pixel32