恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何设计更好的空状态?
0.0°
2022-03-09 自译外文 经验/观点 原作者: Vikalp Kaushik 举报 6522 1 2 0

创建 UX 友好的空状态屏幕的指南。

空状态是 UI 中尚未充满信息的屏幕。也就是说,它们是屏幕,当用户填充它们时,它们最终会在它们上面显示内容。

例如,如果您曾经使用过允许您将收藏夹或商品添加到购物车的应用程序,那么您可能熟悉空状态。或者,也许您已经完成了没有返回结果的搜索。

设计空状态的一些最佳实践:


引导用户

不要让用户悬而未决。帮助用户了解或开始使用新产品。

您可以在空状态屏幕上放置一个号召性用语按钮。

一个好的号召性用语要求您的用户添加他们自己的任务可以让他们参与并在您的应用程序中。您的号召性用语基本上告诉用户如何将空白屏幕变成填充屏幕。


建议替代方案

如果用户搜索确实存在的内容,请提供与他们正在寻找的内容相近的匹配。

当用户在一个部分中遇到空状态时,我们为用户提供了探索其他部分的机会。


提供入门内容

用内容填充空白状态,让用户有机会立即学习和使用您的产品。

存储音乐或书籍等内容或使用笔记或文档等模板内容的应用程序可以从入门内容中受益。让您的用户能够更改入门内容是保持参与度的一种方式,因为用户正在制作自己的应用程序。


添加个性

通过使用友好的,有时是幽默的方式来增加个性,但要牢记用户的目标和背景。

但是你的空状态是一个小例子,你可以在其中为你的产品注入一些个性。个性并不自动意味着有趣。在您的 UI 中添加幽默时,请谨慎使用。一句俏皮话今天可能很新鲜,但明天可能会在它用完后在 UI 中留下陈旧的味道。


使用插图

将直截了当的副本与合适的插图相结合,可以创造出更好的空白状态。

空状态是改善产品用户体验的一种方式,插图有很大帮助。它鼓励用户与您的应用进行交互。

祝你好运!


翻译:Talon

Powered by Froala Editor

更新:2022-03-09

收藏

1人已收藏

Talon

原迅雷高级UI设计师

  • 31

    作品

  • 103

    粉丝

  • 9

    关注

  • 设计中的留白:每个设计师都应该知道的留白准则
  • LEXUS 官网重新设计
  • 深色模式 UI 最佳实践
  • 完美图标集设计指南
相关标签

    猜你喜欢

      2022-03-09 自译外文 经验/观点 原作者: Vikalp Kaushik 举报 6522 1 2 0

      如何设计更好的空状态?

      0.0°

      你确定要举报如何设计更好的空状态?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年03月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录