要想产品做的好，用户体验少不了。小编在看了不少开发者基于苍穹平台开发的产品后，总结以下几点用户体验优化建议，希望可以帮助到苍穹开发者们提高产品的用户体验，收获用户好评。

1 ISV产品应注意的用户体验点

1.1 应用图标是否为默认图标

如果没有按照应用选择合适的图标，应用页签下所有图标都会一模一样，影响页面美观，具体如下图所示：

默认图标示例

其修改方案为：进入【开发平台】，把鼠标悬停在一个应用卡片上，会出现“编辑”按钮，点击此按钮，可以编辑应用信息，具体流程如下图所示：

“编辑”按钮示例

图标编辑示例

可选图标示例

根据上述操作，在【开发平台】内，依次给多个应用设置图标，修改效果如下图：

图标修改效果示例

1.2 应用描述字段是否出现“空白”

在【应用页签】下，如果应用描述为空，将影响页面美观。以自建应用“案例云”和苍穹原生应用“数据服务云”为例，“案例云”下方应用没有描述，具体如下图所示：

案例对比示例

修改方案为：进入【开发平台】后，把鼠标悬停在一个应用卡片上，会出现“编辑”按钮，点击此按钮，可以编辑应用信息，流程如下图所示：

“编辑”按钮示例

添加描述信息示例

修改完成后，效果如下：

添加描述效果示例

1.3 应用菜单图标是否为默认图标

如果没有按照菜单功能选择合适的图标，进入应用后所有菜单图标都一模一样，影响页面美观，具体如下图所示：

默认按钮示例

修改方案为：进入【开发平台】，点击应用卡片菜单中的“编辑”按钮，如下图所示：

“编辑”按钮示例

打开【菜单编辑】页面之后，选择一个菜单节点，点击该节点的名称（含超链接），打开菜单详细界面，最后点击侧导航图标进入【图标选择】界面，具体如下图所示：

操作流程示例

随后，选择一个图标，并在每个页面都点击“确认”按钮，如下图所示：

选择图标界面

修改完成后，效果如下图所示：

修改图标效果示例

1.4 应用首页是否为空

进入应用后，如果页面一片空白，将影响页面美观。因此，建议增加快捷方式、统计卡片等。应用首页空白界面如下图所示：

应用首页空白示例

修改方案为：进入【开发平台】，点击右侧的“编辑”按钮，流程如下图所示：

“编辑”按钮示例

然后，点击页面底部的“添加卡片”按钮，进入【选择卡片类型】界面后，选择“快速发起卡片”，流程如下图所示：

“添加卡片”按钮示例

“快速发起卡片”示例

随后，任意添加卡片，并打开卡片配置，在【快速发起管理】界面选择新建好的卡片子项，具体如下所示：

添加发起卡片子项

同理，根据上述步骤，在【单据统计卡片配置】界面配置统计卡片，具体如下图所示：

添加统计卡片示例

单据选择界面示例

完成卡片配置示例

修改后，效果如下所示：

添加卡片效果示例

1.5 单据列表是否按照实际标题修改

若单据列表未按照实际标题修改，显示为“基础资料模板列表”或者“单据模板列表”，将影响页面美观度，具体如下图所示：

单据列表修改前示例

修改方案为：点击该应用卡片下方的菜单编辑按钮，打开【应用菜单】弹框，选择“新增”，并点击对应名称所在的超链接，流程如下所示：

新增页签标题示例

添加页签标题示例

最终效果如下所示：

单据列表修改效果示例

1.6 F7基础资料列表标题是否根据实际资料修改

打开【F7基础资料列表】后，如果名称显示基础资料模板，将影响页面美观，应改为对应的基础资料的名称，修改前界面如下所示：

F7基础资料列表未修改示例

修改方案为：首先，进入设计器，选择“列表”。随后，在左侧选择列表的根节点。最后，修改右侧的名称属性即可。具体流程如下图所示：

修改流程示例

修改后效果如下：

F7基础资料列表修改效果示例

1.7 页面出现多个滚动条

由于滥用容器，导致页面多个地方出现滚动条，如下图所示：

页面出现滚动条示例

在设计页面时，不能放置多个容器控件，可参考设计标准，将单据拆分为4个容器面板，即工具栏、单据头、附件、单据体（如果有多个单据体，每一个单据体可以占一个容器）。

1.8 页面背景颜色均为灰色

设计时，未将页面背景色设置为白色，多处地方显示为浏览器默认的灰色，如下图所示：

页面背景修改前示例

修改方案为：在【表单】内选中“内容区节点”，并将背景色修改为白色，流程如下所示：

背景色修改流程示例

修改效果如下：

背景色修改效果示例

1.9 一级容器未对齐

在【页面布局】内，一级容器未对齐，影响页面美观，如下图所示：

容器未对齐示例

解决方案为：在【面板】界面添加“Flex面板”和“字段布局面板”将控件包裹起来，同时打开字段布局面板的可折叠开关，在选择“根节点”之后，选择布局方式为“垂直布局，水平充满”，流程如下图所示：

面板界面操作示例

字段布局面板示例

布局选择示例

最终修改效果如下：

容器对齐示例

以上就是本期用户体验优化流程的全部内容，下次在设计产品界面的时候，记得注意文章所讲的内容哦！

2 划重点

应用图标不能为默认图标，应根据业务需要进行调整；
应用描述字段不可出现空白；
应用菜单图标不能为默认图标，应根据业务需要进行调整；
单据列表标题需要按照实际标题修改；
F7基础资料列表标题需要根据实际资料修改；
同一页面不可出现多个滚动条；
页面背景颜色均需要设置成白色；
一级容器需要对齐。

#往期推荐#

# 秘籍：您的“苍穹私有云升级”指南已上线

# 苍穹调度：搞定你的定时业务功能

# 这些开发小技巧，你还不知道么

# 超有料的“扩展&继承”使用宝典，你还不来学?

# 如何五分钟定义一个Servlet请求？

# 好家伙，两种方式轻松实现苍穹跳转页面

# 安全开发不能不知道的8大防范措施

更多精彩内容，“码”上了解！↓

追光者大赛作品 之 UE典型优化场景介绍

追光者大赛作品 之 UE典型优化场景介绍

恭喜您！

追光者大赛作品之 UE典型优化场景介绍

追光者大赛作品之 UE典型优化场景介绍