1. 项目概述
作为一名长期奋战在SAP项目实施一线的顾问,我发现一个有趣的现象:大多数项目团队会投入大量精力优化后端性能,却常常忽视终端用户的操作体验。特别是在SAP Fiori Launchpad的使用场景中,很多高频用户(如财务、采购等部门的同事)每天需要重复操作数十次相同的流程,但很少有人意识到——完全脱离鼠标的键盘操作,能带来多么显著的效率提升。
新版SAP Fiori Launchpad引入了Spaces(空间)和Pages(页面)的信息架构,这不仅仅是视觉上的改变,更重构了整个键盘导航的"焦点流"逻辑。掌握这套规则后,用户可以在不触碰鼠标的情况下,像专业开发者使用IDE快捷键一样高效地操作系统。本文将基于官方文档,结合我在三个大型企业项目中的落地经验,详细拆解这套键盘导航体系。
2. 核心设计原理
2.1 信息架构演变
传统Fiori Launchpad采用平铺式应用列表,而新版架构引入了两级容器:
- Spaces:对应业务领域(如"采购到付款"、"订单到现金")
- Pages:隶属于Space的具体功能集合(如"采购申请"、"供应商管理")
这种层级结构直接影响键盘导航的焦点流转路径。系统会优先在Space/Page层级间跳转,再进入具体Tile(应用磁贴)。
2.2 焦点流类型
系统定义了两种导航模式:
区域跳转流(F6):
- 在大型容器间切换(如Header → Space列表 → Page内容区)
- 类似IDE中
Ctrl+Tab切换编辑器标签页的逻辑
细粒度流(Tab/方向键):
- 在当前焦点区域内遍历子元素
- 如在Page内逐个访问Tile,或在弹出菜单中移动选项
提示:这两种模式的分层设计,避免了在复杂界面中需要连续按数十次Tab才能到达目标区域的问题。
3. 详细操作指南
3.1 基础导航操作
3.1.1 区域跳转(F6)
按下F6键时,焦点按以下顺序循环跳转:
- 顶部Header区域(含用户菜单)
- 左侧Space导航栏
- 主内容区的Page标题栏
- Page内的Tile网格
- 回到Header区域(循环)
实际操作示例:
[按F6] Header → [F6] Space列表 → [F6] Page标题 → [F6] Tile网格 → [F6] Header...3.1.2 细粒度导航
当焦点位于特定区域时:
Tile网格内:
→/←/↑/↓:按网格布局移动焦点Home/End:跳转到行首/行尾Page Up/Page Down:垂直翻页
Space列表:
↑/↓:上下移动选择Space→:展开当前Space的Page列表←:折叠Page列表或返回上级
3.2 高级操作技巧
3.2.1 快速启动应用
- 用
F6将焦点移至Tile网格 - 方向键导航到目标Tile
- 按
Enter打开应用 - 在应用内仍可用
F6切换主区域(如表格→筛选器→操作按钮)
3.2.2 编辑模式导航
当管理员启用页面编辑时:
F6进入Page标题区Tab切换到"编辑"按钮Enter进入编辑模式后:Tab在可编辑组件间移动(标题、布局选项)Shift+Tab反向移动Esc退出编辑
4. 实战问题排查
4.1 常见问题速查表
| 现象 | 可能原因 | 解决方案 |
|---|---|---|
| 按F6无反应 | 焦点位于对话框内 | 先按Esc退出对话框 |
| 方向键无法选择Tile | 当前焦点不在网格区 | 先用F6跳转到Tile网格 |
| Home/End键无效 | 浏览器兼容性问题 | 测试Chrome/Firefox最新版 |
| 键盘操作触发意外行为 | 与浏览器快捷键冲突 | 检查浏览器扩展程序 |
4.2 性能优化发现
在客户A的采购部门实施时,我们注意到:
Tile加载延迟:当单个Page包含超过50个Tile时,键盘导航会出现卡顿
- 优化方案:按使用频率分组到多个Page,每Page不超过30个Tile
自定义Tile问题:部分使用URL Scheme的自定义Tile不响应键盘事件
- 根本原因:未实现标准Fiori Tile接口
- 修复方案:重写为标准的sap.ushell.ui.tile.SPTile子类
5. 实施路线图
根据三个项目的落地经验,建议分阶段推进:
培训阶段(1-2周):
- 制作快捷键速查海报张贴在办公区
- 录制3分钟演示视频重点展示效率对比
试点阶段(2-4周):
- 选择5-10名高频用户作为"键盘导航大使"
- 每日收集操作日志分析热键使用情况
优化阶段(持续):
- 根据日志数据调整默认焦点位置
- 对使用率低的Tile重新设计布局
注意事项:在制造业客户B的项目中发现,车间操作员更习惯保留部分鼠标操作,建议根据用户画像灵活配置,不必强制100%键盘操作。
6. 无障碍访问合规
键盘导航不仅是效率工具,也关系到WCAG 2.1 AA级合规要求。特别要注意:
- 焦点可见性:确保当前焦点元素有≥3px的视觉边框
- 跳过重复内容:应为屏幕阅读器提供"跳过导航"的快捷键
- 操作超时:任何操作需在单次按键后500ms内响应
在金融行业客户C的项目中,我们通过以下检查表验证合规性:
- 禁用鼠标后能否完成所有关键业务流程
- 焦点顺序是否符合逻辑工作流
- 所有交互元素是否都有键盘替代方案
这套键盘导航体系经过三个大型项目验证,平均可提升熟练用户30%的操作效率。在采购订单审批场景中,高级用户从打开Launchpad到提交审批的全流程时间从原来的47秒缩短至32秒。更重要的是,它改变了用户与SAP系统的交互方式——从被动点击变为主动掌控。