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

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

默认图标示例

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

“编辑”按钮示例

图标编辑示例

可选图标示例

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

图标修改效果示例

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

案例对比示例

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

“编辑”按钮示例

添加描述信息示例

修改完成后，效果如下：

添加描述效果示例

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

默认按钮示例

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

“编辑”按钮示例

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

操作流程示例

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

选择图标界面

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

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

应用首页空白示例

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

“编辑”按钮示例

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

“添加卡片”按钮示例

“快速发起卡片”示例

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

添加发起卡片子项

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

修改后，效果如下所示：

添加卡片效果示例

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

单据列表修改前示例

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

新增页签标题示例

添加页签标题示例

最终效果如下所示：

单据列表修改效果示例

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

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

修改流程示例

修改后效果如下：

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

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

页面出现滚动条示例

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

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

页面背景修改前示例

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

背景色修改流程示例

修改效果如下：

背景色修改效果示例

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

容器未对齐示例

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

面板界面操作示例

字段布局面板示例

布局选择示例

最终修改效果如下：

容器对齐示例

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

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