跳转到内容
产品信息
作者的个人资料照片万博新体育手机客户端苏珊娜怀尔丁

SAP Fiori设计指南- 1.90版本现已可用

我们已经更新了SAP Fiori设计指南用于web应用程序。继续往下读,看看指南版本1.90增加了什么。

新主题

“我的家”在SAP Fiori发射台

使用的用户SAP Fiori发射台空间可以设置个性化的“我的家“空间。

SAP Fiori发射台的“我的家”空间

基本概念类似于经典的发射台主页:“我的家”是第一个列出的空间,用户可以根据自己的喜好添加和分组应用程序。为节省第一次设置“我家”空间时的时间,可以从经典主页或者来自其他空间。

SAP Fiori元素的新指南

SAP Fiori元素框架节中,我们添加了一些较小的主题来阐明常见问题。这些包括处理对象页中未保存的更改,表单页面对象页的变体,以及使用OData V2显示列表报告的选项

滚动容器

太多的滚动条会破坏用户体验。请查看新指南使现有的滚动容器查看何时(以及何时不)使用它。

更新主题

复杂对象-局部流

我们已经修改并简化了指导方针具有局部流的复杂对象.这是最新的一系列更新对象处理

如果您的对象在单独的子页面上有子项(“复杂对象”),并且每个子页面需要单独保存(“本地流”),则此指导原则是相关的。它概述了一步一步创建和编辑子项的流程。示例是基于全屏布局的,但指南还包括用于灵活的列布局

表格和列表

这个版本中的许多更新都涉及到表格和列表,包括:

  • 用于选择/取消选择项、重新排列列、调整列宽度和打开视图设置对话框的键盘快捷键
  • 指示与表相关的错误和警告的消息条
  • 关于初始排序设置和添加项的更详细指导

表示表中错误的消息条

设计智能系统——用户反馈

用户反馈指南有一个新的章节人工智能反馈模式.这些模式可以帮助您确定需要在应用程序级别实现哪些UI交互和控件,以收集用户反馈并将其发送回AI服务。

AI的用户反馈循环

该指南概述了收集用户反馈的3种基本模式类型:让用户确认或纠正人工智能的结果,跟踪用户行为,测量可观察的行为.对于每个模式,您将找到变体、示例和使用建议。

对象页-在显示模式下编辑动作

如果您正在构建一个自由式对象页面,您可以让用户直接编辑某些类型的内容,而不必强迫他们切换到专用的编辑模式。新增一节在显示模式下编辑操作提供关于何时(以及何时不)使用此选项的指导。

其他的更新

有关所有更新的完整概述,请参见指南1.90版有什么新功能

SAP Fiori设计模板

现在,我们为图解消息添加了模板(来自版本1.88),为输入字段添加了表格建议,以及表个性化对话框(P13n)。其他几个模板已经更新。详情见下文:

我们正在不断扩展我们的模板库,所以在你开始设计一个新的应用程序之前,一定要检查最新的下载。

指定的标签

      7评论
      你一定是登录评论:评论或回复一篇文章
      作者的个人资料照片万博新体育手机客户端拉维德阿洛尼
      Ravid Aloni

      苏珊,谢谢你的精彩概述!

      关于按钮,指南定义了图标或文本都可以:
      https://experience.sap.com/fiori-design-web/button/#text-or-icon

      为什么不合并呢?

      这种组合是允许在其他组件,如链接,分割菜单等…所以这有点奇怪……

      最好的
      Ravid

      作者的个人资料照片万博新体育手机客户端苏珊娜怀尔丁
      Susanne闹事
      博客作者

      嗨Ravid,

      我们同意将这种方法作为内部用户体验一致性调整的一部分。为了让用户更容易学习和识别SAP Fiori中的图标,我们只允许图标用于所有应用程序中使用的一些标准通用操作(如“分享”或“帮助”)。在这里,我们只显示图标(带有相应的工具提示),除非通用操作出现在下拉菜单中,在那里我们并排显示图标和文本。您可以在用户菜单中看到这一点。

      所有事务或业务操作都需要文本。我们决定在这里不附带图标,因为每个操作都没有一个有意义的、普遍认可的图标。因此,我们没有混合使用带有或不带有图标的按钮,或者没有明显描述操作的图标,而是只使用文本按钮。由于有些应用程序还需要提供多种选项,纯文本按钮也有助于避免视觉混乱。

      我希望这有助于澄清。

      最好的问候,
      苏珊

      作者的个人资料照片万博新体育手机客户端拉维德阿洛尼
      Ravid Aloni

      谢谢你!
      另一件事:
      我在找二维码图标
      https://sapui5.hana.ondemand.com/sdk/test-新万博苹果版resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons/?tab=grid&search=qr&icon=qr-code
      在axure库包中,但它不在那里。

      还有,这里的条形码图标
      https://sapui5.hana.ondemand.com/sdk/test-新万博苹果版resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons/?tab=grid&icon=bar-code&search=code

      看起来不同于一个在Axure模具。

      最好!
      Ravid

      作者的个人资料照片万博新体育手机客户端苏珊娜怀尔丁
      Susanne闹事
      博客作者

      嗨Ravid,

      图标资源管理器正在显示最新的图标集(4.10版本),这是在UI5版本1.91
      这包括新的二维码图标和条形码图标的更新。以下图标也进行了更新:

      e0bb;icon-table-chart
      e254;icon-circle-task
      e255;icon-circle-task-2
      e046;icon-calendar

      目前的指南反映了UI5的状态1.90.更新后的图标字体将包含在1.91/1.92的下一个指南版本中。

      最好的问候,
      苏珊

      作者的个人资料照片万博新体育手机客户端拉维德阿洛尼
      Ravid Aloni

      谢谢你,苏珊娜!!

      作者资料照片拉里·万博新体育手机客户端吉莱斯皮
      拉里·吉莱斯皮

      嗨,苏珊,

      在我们公司,对于任何外部部署的应用程序的“外观和感觉”,我们都需要遵循一套严格的企业指导。这意味着使用特定的字体、音高、颜色和特定对象在屏幕上特定相对位置的位置,以及许多其他规则。我们已经为如何构建和应用一个满足用户体验需求的公司外观模板奋斗了几年。我们目前的技术环境几乎完全是ECC6,这似乎是我们拥有的选项的一个限制因素。虽然我们正在开始S/4部署,但在未来几年内,我们将混合使用ECC6和S/4,并需要满足两种环境的需求。对于我们如何处理这个问题,你能提供一些一般性的指导吗?

      作者的个人资料照片万博新体育手机客户端苏珊娜怀尔丁
      Susanne闹事
      博客作者

      你好拉里,

      以下是我从我们的视觉设计专家那里得到的信息:

      在我们公司,对于任何外部部署的应用程序的“外观和感觉”,我们都需要遵循一套严格的企业指导。这意味着使用特定的字体、音高、颜色和特定对象在屏幕上特定相对位置的位置,以及许多其他规则。

      使用改进的主题功能,您可以:

      • 将默认的logo和/或字体替换为自定义字体(如果需要,可以是整体字体,也可以是标题字体)。
      • 调整布局和UI控件的颜色,以帮助在现有SAP应用程序之上应用企业样式指南。

      但是,UI主题设计器不允许更改屏幕上特定相对位置的特定对象的位置。屏幕或UI调整通常是在配置应用程序时单独完成的,或者添加了一些UI调整层。

      目前还不能上传你自己的字体。

      新万博苹果版可能会有帮助的资源:

      我们目前的技术环境几乎完全是ECC6,这似乎是我们拥有的选项的一个限制因素。虽然我们正在开始S/4部署,但在未来几年内,我们将混合使用ECC6和S/4,并需要满足两种环境的需求。对于我们如何处理这个问题,你能提供一些一般性的指导吗?

      UI主题设计器可在ABAP内部系统中使用。请看注释https://launchpad.support.sap.com/#/notes/1852401获取系统可用的版本信息。

      最好的问候,
      苏珊