在本指南中,我们将帮助您实现SAP Concur用户帐户和您的应用程序之间的连接。您将发现以用户为中心的设计的最佳实践、做和不做的例子,以及指导用户通过连接过程的建议步骤。

我们的目的不是告诉您使用什么颜色和字体。保持你的品牌完整性是很重要的,而这些指导方针并不会影响这一点。相反,我们的目标是让用户在我们的所有合作应用程序中获得愉快和一致的体验。遵守这些准则将有助于确保我们的共享用户与我们的两家公司都有积极的体验,这是我们合作的结果。

关于可访问性

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

账户链接的例子

本节提供终端用户(消费者)将其SAP Concur帐户与应用程序连接的流程示例。请注意,并不是下面的所有步骤都适用于所有应用程序。然而,本指南试图涵盖常见的变化。

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

步骤1连接

步骤1连接

2 .接受条款

2 .接受条款

3 .登录页面

3 .登录页面

步骤4创建帐户

步骤4创建帐户

第五步确认

第五步确认

设计指导方针

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

连接

对于消费者列表有两种可能的配置:

连接

在这个配置连接是对行动的突出号召。这适用于没有忠诚账户的App Center合作伙伴和TripLink供应商。上面描述了这个配置和流程。

连接

连接请求

连接请求适用于拥有忠诚账户的TripLink供应商。有关此流程的更多信息,请参阅TripLink供应商指南。

连接请求

接受条款

用户接受SAP Concur条款和条件。这些条款适用于SAP Concur App Center和数据共享的使用。

接受条款

着陆页

这将是用户从SAP Concur重定向到应用程序时看到的第一个页面。SAP Concur App Center会打开一个新窗口,显示预先定义的重定向URI(称为“连接URI”)。这个页面应该包括你的品牌和客户正在连接的应用程序。此外,页面应该清楚地表明客户正在激活与SAP Concur解决方案的集成。第一页应该给用户一个选项,是使用现有帐户登录还是注册一个新帐户。

这个页面应该:

  • 在文本中明确说明与SAP Concur解决方案的集成
  • 包括链接到您的条款和条件和隐私政策
  • 包括链接到你的“支持”和“帮助”选项

着陆页

创建账户

为了鼓励用户完成注册,建议本页面只包含创建账户所需的信息。可以利用SAP Concur API在此表单中预填充帐户详细信息。有关更多信息,请参阅开发人员门户上的文档。用户提交表单后,应用程序将开始身份验证过程。您的合作伙伴实施代表将根据您的SAP Concur集成类型提供实现的技术细节。

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

确认

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

确认

当连接完成时,应该引导用户关闭窗口,并可能被重定向到应用程序主页。

指导检查表

本节提供了一个总结的清单,要求和推荐的组件,您的帐户链接流。更多细节,请参考上面的设计指南部分。

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

着陆页(s)

  • 所有页面
    • 必须支持800x600的尺寸因数(必需)
    • 必须提供向后/向前导航,如果适用。(必需)
    • 应该是第508条合规(强烈推荐)
    • 在整个过程中应该清楚地包括支持和帮助选项。
    • 必须支持主流浏览器和版本。支持SAP concurrent的浏览器的完整列表是可用的在这里.(必需)
    • 是否应该坚持你公司的品牌和营销方针
    • 必须包括您的公司品牌和特定的应用程序品牌,如果适用(必需)
  • 在第一页(至少),
    • 必须清楚地表明这是与SAP Concur解决方案的集成(必需的)
    • 必须包括链接到您的条款和条件和隐私政策(必需)

创建账户

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

确认页面

  • 必须有连接成功的指示。(必需)
  • 必须提供下一步的步骤。(必需)

断开连接

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

可访问性的最佳实践

提供文本的选择

为非文本内容提供文本替代可以确保有视觉障碍的人仍然能够理解您的站点或应用程序。SAP Concur建议为图像提供简短的文本替代,这使得图像内容几乎与基于文本的内容一样容易访问。这允许特殊的技术,如屏幕阅读器(帮助盲人)朗读你的内容给有视觉障碍的用户。

的内容

SAP Concur的设计重点是让用户更容易地看到和/或听到内容。SAP Concur通过以下方式应对这一挑战:

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

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

键盘控制

网站或应用程序的所有功能都应该通过键盘界面进行操作,而不需要为每次击键设定特定的时间。提供键盘输入机制可以帮助有视觉障碍或行动问题的用户使用您的网站,而不必指向并单击他们看不到的对象。键盘界面可以结合鼠标输入或其他输入方式,支持所有用户。

可预测的结构

SAP Concur的设计试图使所有页面以可预测的方式显示和操作。SAP Concur通过以下方式应对这一挑战:

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

输入的援助

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

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

为您和您的团队提供更多无障碍信息,我们建议: