美文网首页Design2B
Salesforce 空状态设计:Empty State

Salesforce 空状态设计:Empty State

作者: truelie | 来源:发表于2018-11-26 07:22 被阅读3次

    空状态告诉用户没有要显示的内容, 以及他们接下来可以做什么。

    Empty States

    空状态是在元素没有要向用户显示的内容时出现的消息。它们可以出现在Salesforce的任何地方, 包括桌面和移动界面。它们可以提醒用户注意空搜索结果、未配置的功能, 或者在某些情况下出现错误。空状态的出现甚至可以告诉用户, 一个空白区域故意被留空。

    Empty state in a main content area

    用途 Usage

    空状态是与用户交流的一种方式,它应该告诉用户它的目的是什么,为什么他们看到它-以及他们下一步可以做什么。这也是一个让用户参与、增加动力和激励他们互动的机会。它可以引导用户完成上手过程,或者帮助他们从Salesforce 获得更多价值,而不会同时给他们带来太多信息。这也是一个很好的方式来强化我们的品牌, 同时为用户体验注入一点乐趣和Ohana 精神。

    在设计空状态时, 请考虑它在桌面和移动用例中的使用效果。例如,它是在这两种环境中使用,还是只在一个环境中使用?操作引导是否适用于移动用户?图像将如何在小屏幕上工作?

    空状态 Empty State Parts

    每个空状态都必须有一条信息,操作引导和插图说明是可选的。

    Empty state with body text only Empty state with an illustration and body text Empty state with an illustration, headline, and body text Empty state with an illustration, headline, body text and call to action

    Empty state

    Empty states tell users that there’s no content to display—and what they can do next.

    Empty states are messages that appear whenever an element has no content to display to the user. They can appear anywhere in Salesforce, in both desktop and mobile interfaces. They can alert users to empty search results, unconfigured features, or, in some cases, errors. They can even appear to tell users that an empty area has been intentionally left blank.

    Usage

    An empty state is a means to communicate with users. It should tell users what it’s for, why they’re seeing it—and what they can do next.

    It’s also an opportunity to engage users, adding energy and motivating them to interact. It can guide users through an onboarding process or help them get more value from Salesforce, without overwhelming them with too much information at once. And it’s a great way to reinforce our brand while injecting a bit of fun and Ohana spirit into the user experience.

    When designing an empty state, consider how well it will work for desktop and mobile use cases. For example, will it be used in both environments, or just one? Does the call to action apply for mobile users? How will the image work on a small screen?

    Salesforce Lightning Design System:Empty State

    相关文章

      网友评论

        本文标题:Salesforce 空状态设计:Empty State

        本文链接:https://www.haomeiwen.com/subject/skbjqqtx.html