在本指南中,我们将帮助您在系统的SAP Concur实例之间实现连接过程。您将为用户居中设计,DOS-and-Notts示例找到最佳实践,并建议通过连接过程指导管理员的步骤。

我们不打算告诉您使用哪些颜色和字体。保持品牌诚信非常重要,这些指南不会干扰这一点。相反,我们的目标是为SAP Concur管理员在所有合作伙伴应用程序中拥有一个愉快和一致的体验。观察这些指南将有助于确保我们的共享用户因我们的伙伴关系而与我们的公司都有积极的经验。

关于可访问性

本指南还包括一些关于如何确保你的网站是第508节符合要求.在SAP Concur,我们努力确保使用我们产品的公司的每一位员工都能获得和使用我们的关键服务。从私营企业到政府机构,我们拥有各种能力水平的广泛用户。在您的产品中观察易访问性最佳实践有助于我们实现向整个用户群提供高质量软件的承诺。

帐户链接示例

本节提供了管理员,以连接其公司的SAP Concur实例您的应用程序的过程的指南。企业应用程序的“用户”(在本文档中泛色描述)是公司管理员(有关激活企业应用程序所需的权限的更多信息,请参阅激活指南).请注意,并不是下面的所有步骤都适用于所有应用程序。然而,本指南试图涵盖常见的变化。

连接流从SAP Concur App Center开始。一旦用户接受了连接条款,用户将被重定向到您的网站。

第1步连接

第1步连接

2 .接受条款

第2步接受条款

第3步登陆页面

第3步登陆页面

步骤4创建帐户

步骤4创建帐户

第五步确认

第五步确认

设计指南

下面的指导方针应该用于开发您的连接用户体验,并将用于评估您的应用程序在认证过程

连接

企业列表有两种可能的配置,用于修改用户的主要操作。

激活+连接

在这种配置中连接是突出的行动呼叫。应在用户可以自助处理的情况下使用此操作,并自动将其SAP Confur帐户连接到您的应用程序。

Connect  - 激活

请求信息

在这种配置中,“请求信息”更加突出。这应该用于客户必须在连接之前联系伙伴的情况下使用。这可能是具有多个选项,版本和/或不同定价的应用程序的情况。

请求信息

接受条款

您申请的条款和条件将在企业和消费者应用程序之间有所不同。企业应用程序需要额外的公司范围内授权。

有关条款及条件的更多信息,请参阅开发人员门户的文档

登陆页面

这将是用户在重定向到SAP Concur的重定向时所看到的第一页。SAP Concur App Center将打开一个新窗口,以预定义的重定向URI(称为“Connect URI”)。

此页面应包括您的品牌和客户所连接的应用程序。此外,页面应清楚地表明客户正在激活与SAP Confur解决方案的集成。

在此页面上,您必须使用以下一个调用之一进行操作:

行动呼吁 描述
确认 当客户必须先与您签署协议时,使用这一点。这通常用于订阅服务。必须在连接之前提供验证代码。
登录或注册 当客户在连接之前客户可能没有帐户或与您的关系时,使用这一点。这通常用于支持在线帐户创建的免费服务和服务。

确认

对于已经在合作伙伴和客户之间签署了协议的企业应用程序,这是推荐的选项。一旦客户签署了合同,您将提供一个验证码让客户进入您的登陆页面。在本指南的其余部分,这将被称为“验证”应用程序。这一页应该清楚地阐明下一步的步骤,并应该为用户提供以下选项:

  • 输入验证码或
  • 联系我们

确认

重要提示:任何管理员都可以从SAP Concur App Center连接到您的应用程序。尚未完成的管理员可能会访问您的登陆页面。“联系我们”选项将允许尚未完成先决条件的用户,但有兴趣连接到您的申请与您联系。必须持续监控从此登陆页面生成的请求。您可以使用列表中使用的查询链接(有关查询链接的更多信息,请参阅App Center列表表格提交文件).

登录或注册

如果您支持在线帐户注册或免费试用,请使用此选项。

注意:如果您支持免费试用,则需要您的着陆页面来指示试用持续时间以及伴侣将如何处理伙伴,如果客户拒绝作为客户持续向前迈进的数据。此文本还是其他要求,例如用户的复选框,以选择隐私政策和条款和条件。

选项

第一页应该给用户一个选项,是使用现有帐户登录还是注册一个新帐户。

这个页面应该:

  • 清楚地表明与SAP Concur解决方案的集成在文本中
  • 包括条款和条件和隐私政策的链接
  • 在所有情况下,应提供与您的“支持”和“帮助”的链接。

对于支持企业和消费者的应用程序,管理员可能拥有现有的个人帐户;在这种情况下,建议此页面指导用户创建一个新的独立业务账户,以管理其公司的集成。

帐户创建

对于大多数企业应用程序,管理员将为SAP Confor和公司集成设置一个新的帐户。

为了便于使用和鼓励用户完成注册,建议本页面只包含创建帐户所需的必要信息。

帐户详细信息可以在此表单中预先填充,利用SAP Concur API。有关更多信息,请参阅文件在开发人员门户网站上。用户提交表单后,您的应用程序将开始身份验证过程。您的合作伙伴启用代表将根据您的SAP Convur Integration类型提供实现的技术细节。

如果您的帐户创建过程需要多个步骤,请提供一个进度指示器,以便用户知道需要什么。如果表单需要用户可能没有的信息,则允许用户稍后返回并完成表单并继续创建帐户。

帐户创建

确认

连接完成后,指示连接成功。

重要的是:

适用于在线帐户创建的应用程序,或“登录或注册”如果连接完成,则应指示用户要关闭窗口。

此外,您可以决定向应用程序的主页显示用户的链接。

注意:如果您提供主页的链接,建议将链接打开一个新的浏览器窗口,以清楚地表明连接已成功完成并以更大的形状因子显示您的页面。

对于“验证”应用程序,这应该提供关于接下来将发生的内容的用户信息,例如预期电子邮件预订首次服务,从他们的免费试用和/或他们的同意集成期待的内容。

确认

指南清单

本节提供了帐户链接流程所需和推荐组件的总结清单。有关详细信息,请参阅上面的设计指南部分。

“必须”表示。为优化用户体验提供了建议。

着陆页

  • 所有页面
    • 必须支持800x600(必填)的形式因子
    • 必须提供背部/前进导航,在此处适用。(必需的)
    • 应符合Section 508(强烈推荐)
    • 在整个过程中清楚应包括支持和帮助选项。
    • 必须支持主要的浏览器和版本。可提供SAP同步浏览器的完整列表在这里.(必需的)
    • 应该坚持贵公司的品牌和营销指南
    • 如果适用(必填),必须包括您的公司品牌和特定应用品牌
  • 在第一页(最少),
    • 必须清楚地表明这是与SAP Confur解决方案的集成(必填)
    • 必须包括您条款和条件和隐私政策的链接(必填)
    • 验证应用,应该提供一个链接到查询表格(强烈推荐)
    • 在用户完成着陆页上的所有操作之前,合作伙伴应用程序不应该将请求令牌交换为访问令牌。

帐户创建

  • 应包括进度指标(建议)

确认页面

  • 必须表明连接成功。(必需的)
  • 必须提供后续步骤。(必需的)

断开连接

  • 应该为用户提供在门户内断开连接的方法。有关在开发人员门户上撤销令牌的信息,请参阅文档。(强烈推荐)

可访问性最佳实践

提供文本替代品

为非文本内容提供文本替代方案可确保具有视觉损伤的个人仍然能够理解您的网站或应用程序。SAP Concur建议为图像提供短文本替代品,这几乎可以作为基于文本的内容可访问的图像内容。这允许特殊技术,例如屏幕读取器(协助盲人)大声向用户读取您的内容,以患上视觉障碍的用户。

可区分内容

SAP Concur的设计侧重于使用户能够轻松查看和/或听到内容。SAP Concur管理此挑战:

  • 清晰地分离前景和背景。
  • 确保颜色不是传达信息、指示动作、提示反应或区分视觉元素的唯一视觉手段。
  • 使用可读字体,确保任何文本至少为14分,并且建议使用文本和背景颜色至少4.5到1个颜色对比)。
  • 在接收键盘焦点时,为链接或控制提供高度可见的突出显示机制。

这些设计元素有助于为所有用户提供更好的用户体验,尤其是那些视力受损或色盲的用户。

键盘控制

您的站点或应用程序的所有功能都应通过键盘接口可操作,而不需要针对单个击键的特定时间。提供键盘输入机制可帮助用户使用视觉暂停或移动性问题以使用您的网站而无需点击他们无法看到的对象。键盘接口可以与鼠标输入或其他输入方法组合,以支持所有用户。

可预测的结构

SAP Concur的设计尝试使所有页面出现并以可预测的方式运行。SAP Concur管理此挑战:

  • 定位标签清晰,靠近输入
  • 在一组网页上使用一致的导航模式

输入的援助

SAP Concur旨在通过以下方式帮助用户避免和纠正错误:

  • 隐藏可选的表单字段
  • 在服务器上验证表单提交
  • 如有必要,重新显示具有错误摘要的表格
  • 提供错误通知,因为用户进入信息,包括页面标题中的错误通知信息
  • 突出显示或视觉强调他们发生的错误

有关您和您的团队的可访问性的更多信息,我们建议: