每工作日一、三、五早上07:45
准时为你带来最新产品资讯
某客户在应用系统的过程中，面临操作流程指引不明确的问题。为此，项目组利用苍穹平台构建了向导式卡片的方案，通过自定义卡片和跳转页面功能，创建直观的步骤指引（如“A→B→C→D”），提升用户体验和工作效率。
本期为“向导式卡片”的制作案例，让我们一起解锁用户友好的系统操作新思路！
业务背景
在某集团财务系统的升级项目中，我们曾为客户通过苍穹平台搭建了“用户中心”应用，以满足项目实施过程中的信息化管理需要。
随着近一年半的使用，“用户中心”中沉淀了各类管理申请单据和流程。但是，随着深入应用，常有用户反馈：“操作完某一步骤后，后续应该进行什么操作呢？”
比较常见的就是账套添加流程。用户在完成账套添加申请后，总会咨询“为什么我没有新增账套的相关权限”，项目上需要跟客户解释，添加账套后，如需要相关权限，需要申请权限新增。
同时，可能在添加完权限后，基于客户集团的要求，涉及到新设公司的银行账户添加，还需要走开户审批流程。
而不同的操作，分散在不同的单据中，不同的单据又分散在不同的菜单中。虽然可以针对菜单做进一步整合，但是操作来说确实不是很方便。
可能用户这一次操作完知道需要操作哪些步骤，但隔一段时间再操作又忘记了。
那么，针对用户在财务系统使用过程中遇到的流程指引问题，我们是否可以通过苍穹平台，构建一个向导式或任务式的操作指引，提供类似“A→B→C→D”的引导，以提高用户体验和操作连贯性呢？
解决方案
1
●
整体思路
在这个思考的过程中，我们翻看了各个领域设计，星瀚银企云团队老师设计的向导式卡片吸引了我们的注意力：
在回单模块，点击具体的应用时，会跳转到对应的菜单上。例如，点击“回单参数配置”，支持跳转到对应的菜单中。但是回单模块的首页卡片，是采用开发的方式制作的跳转功能，如何使用苍穹平台低代码配置跳转功能呢？
我们发现苍穹本身就支持配置跳转页面的功能，这就为快速为客户制作向导式卡片提供可能。
2
●
涉及功能点
功能1：首页卡片-自定义卡片
功能2：苍穹跳转页面功能
3
●
关键步骤及效果展示
添加一个自定义卡片
在开发平台中，创建页面>选择卡片>选择预设的卡片模块。
复制平台预置卡片的布局
借鉴星瀚银企云团队的实践，复制其中的向导卡片布局。
设置整体的内容区界面布局
复制向导卡片的引导箭头
以此类推，复制对应箭头到自己设置的向导卡片中。
配置导航链接
在每个步骤下提供直接跳转到相应操作界面的链接或按钮。
当然图片上也可以绑定自建的跳转页面的代码。
也可以添加按钮组件，按钮组件文字较多时，展示效果更好。
以此类推设置后续的跳转步骤
设计清晰的流程图或卡片式界面，可视化地展示从A到D的每个步骤。
添加步骤说明
每个步骤下提供简短的文字说明，解释该步骤的目的和操作要点。
我们可以借助“帮助文本”功能，每个卡片上设置对应帮助文本。
将卡片放到首页中
选择上一步添加的卡片
方案的可推广价值
向导式卡片在财务系统或任何复杂流程管理系统中具有显著的价值，主要体现在以下几个方面：
1. 对客户价值
提升用户体验：向导式卡片以直观、简洁的方式呈现复杂的操作流程，降低了用户的学习成本，用户能够更快地理解和上手系统。通过明确的步骤指引，用户在执行任务时，能够保持操作连贯性，减少因操作中断或遗忘而导致的错误、重复工作。
提高工作效率：向导式卡片帮助梳理和优化现有流程，确保每个步骤都是必要的，从而提高整体工作效率。
降低错误率：通过明确的步骤指引和状态反馈，用户更不容易出错，特别是对于涉及多个环节和多个角色的复杂流程。
增强用户满意度：向导式卡片以用户为中心的设计思想，使得系统能够更清晰地与用户沟通任务要求、操作步骤和注意事项等信息。
2. 对其他项目组价值
促进知识传承：将操作流程标准化，借助向导式卡片的指导，有助于客户方用户快速掌握业务知识和操作技能。
减少培训成本：通过向导式卡片的辅助，可以减少对员工的培训时间和成本，提高培训效率和质量。
注意事项
1. 使用苍穹的自定义卡片，需要依托于“开发服务运行时-独立版”或“开发服务运行时-融合版”。客户方所购买的许可数有限，为了避免“全员用户首页”由于缺少许可出现提示，影响用户体验，我们针对拥有开发许可的用户，单独设置一个专业用户的首页共享方案。
设置首页方案时，共享给专业用户。
展示优先级：个性方案＞共享方案＞全局方案；
针对普通用户默认显示“全局方案”；
针对专业用户默认显示“共享方案”。
2. 虽然实施顾问可以通过免开发的方式实现跳转页面，但是打开页面的风格少，而且在PC端暂不能实现跨页面展示（即不能打开新页签），不能实现参数传递以及回调。对此，我们可以通过插件代码调用showform的方法实现。
参考帖子：好家伙，两种方式轻松实现苍穹跳转页面
3. 跳转页面操作代码，本身可以不用绑定权限项。
如无对应单据的权限，会提示跳转页面缺少对应“查询”权限，因此请务必分配对应权限项，用户方可跳转到对应页面。
4. 本方案采用了低代码方式进行配置，但若能进一步实现对当前步骤完成状态的明确标记（如未完成、进行中、已完成等），并借助颜色编码或图标变化，直观、实时地向用户反馈其当前操作的进度和状态（类同于乘坐地铁时，清晰了解“地铁线”上的每一站的到站情况），这样的设计将极大地增强用户体验的连贯性和互动性。
期待全国各项目组的小伙伴们，能够结合实际情况参考以上经验，将系统模块的日常操作，整合成“向导式流程卡片”，辅助用户操作，提高客户满意度。
#往期推荐#
