提供有效的用户反馈

在开发功能时，至关重要的是确保用户在某些信息或数据不可用时能够收到清晰的反馈和指导。例如，不要隐藏标签或显示零值指标，而是采取积极主动的方法来告知和引导用户。

基本原则

可见性、透明性和指导原则是直观且信息丰富的用户体验的基础。

• 可见性：保持所有功能可见，即使没有数据可用。

• 透明性：明确说明缺少的信息。

• 指导：提供获取数据的步骤或激活必要设置的说明。

可见性确保用户了解所有可用的功能，即使这些功能当前未处于活动状态或未填充数据。透明性通过清晰地解释为什么某些信息可能缺失来建立信任。指导赋予用户能力，为他们提供明确的操作路径和改进方法。总之，这三个原则将沮丧的时刻转化为解决方案，帮助营销专业人员完成他们的任务。

实际实施

在 Mautic 中，这些准则的实际应用不仅仅是避免空白屏幕。它涉及与用户进行对话，预见他们的需求，并以最少的负担来引导他们。每个信息性消息、行动号召或配置提示都充当一个情境化的迷你教程，教育用户了解平台的各种功能，同时帮助他们克服障碍。

在遇到数据缺失的情况时，请遵循以下准则：

• 将空区域或零值指标替换为解释性消息。例如：

  ‘目前还没有关于所用设备的任何信息。当用户与您的活动进行交互时，此过程将自动发生。’

• 包含明确的行动号召，指导用户如何继续操作。例如：

  ‘没有电子邮件活动？开始发送一些活动以填充这些数据！’

• 如果缺少数据是由于配置不完整造成的，请提供直接的指导：

  ‘看起来设备跟踪尚未启用。请转到设置页面以启用它。’

• 帮助用户理解缺失数据的价值：

  ‘设备信息有助于优化您的活动，使其适用于不同的平台。当这些数据可用时，您可以在此处查看详细分析。’

• 使用图标、颜色或视觉元素来指示需要关注的区域。

这种方法不仅可以提高即时的可用性，还可以加快用户的学习曲线，从而使他们能够更熟练地使用该平台。当用户遇到缺少数据的区域时，他们不会感到“卡住”，而是会受到激励去探索和填补这些空白。

“无结果” 模板

Mautic 包含一个可重用的模板，用于在没有可用结果时显示信息性消息。该模板提供了一种一致且灵活的方式来向用户提供反馈，并提供额外的操作选项。

模板结构

“无结果”模板是一个 Twig 模板：

{% if tip is defined %}
<div class="alert alert-info">
    {{ tip|trans }}
    {% if link is defined and (href is defined or onclick is defined) %}
    <a class="ml-a" href="{{href}}" onclick="{{onclick}}">{{link|trans}}</a>
    {% endif %}
</div>
{% endif %}

参数

该模板接受以下参数：

• tip - 必需：显示包含主要消息的翻译字符串。

• link - 可选：用于链接/按钮文本的翻译字符串。

• href - 可选：当点击链接时，使用 URL 进行导航。

• onclick - 可选：当点击链接时执行的 JavaScript 函数。

功能

如果定义了 tip，则会显示一个带有 alert alert-info 类的 div，其中包含翻译的消息；否则，不渲染任何内容。 如果定义了 link 并且至少定义了一个 href 或 onclick，则会在主要消息下方显示一个链接。 使用 href 将链接配置为导航到新页面，或使用 onclick 执行 JavaScript 函数。

用法示例

要在您的代码中使用此模板，您可以将其包含如下：

{{ include('@MauticCore/Helper/no-information.html.twig', {
    'tip': 'Mautic.segment.no.results',
    'link': 'Mautic.segment.add.new',
    'href': '{{ path('Mautic_segment_action', {'objectAction': 'new'}) }}'
}) }}

在此示例中，该模板会显示一条消息，指示没有可用的“段” (Segments)，并提供一个链接以创建新的“段”。

为什么在没有结果的情况下提供统一的消息？

它确保了整个平台上的“无结果”消息呈现方式一致，从而为用户体验提供了稳定性。 它的灵活性使其可以在各种情况下使用，从空列表到没有数据的图表，适应不同的上下文。 可选的链接使该模板具有可操作性，引导用户执行可以解决“无结果”情况的操作，从而提高参与度和问题解决能力。 此外，对国际化的支持可以将消息翻译成不同的语言，从而使平台更具全球可用性。

使用“无结果”模板的最佳实践

为了最大限度地提高此模板的有效性，重要的是遵循一些最佳实践。始终在 tip 参数中提供清晰且信息丰富的信息，确保用户理解当前情况。在适当的情况下，包含指向可以帮助用户解决“无结果”情况的操作的链接，从而促进更具互动性和解决方案导向的用户体验。至关重要的是，为每个上下文使用特定的消息，避免使用诸如“未找到任何结果”之类的通用文本，因为这些文本可能无法为用户提供有用的信息。最后，将所有字符串包含在翻译文件中，以确保在所有支持的语言中获得一致的体验。

这种方法符合现代用户体验 (UX) 设计的最佳实践。它采用了信息设计、即时反馈和上下文引导的原则。在用户需要信息和操作的确切时刻和地点提供相关的信息和操作，可以创建一个不仅对用户行为做出反应，而且能够预测并满足其需求的用户界面。

清晰的消息和具体的指导可以减少与用户困惑或“缺失”功能相关的支持工单数量。此外，标准化整个平台中空状态或非活动状态的处理方式，可以创建更一致且可维护的代码库。

需要注意的是，虽然存在一般性准则，但应针对每个特定上下文进行定制实施。适用于空电子邮件指标的消息可能不适合没有数据的营销活动报告。请仔细考虑每个实现的具体上下文，并相应地调整消息和操作指南。