从0到1，读懂低代码平台详情页设计

nykek5i

什么是低代码研发平台？它的用处有多大呢 ？下面是笔者整理分享的关于低代码平台详情页设计的内容文案，其中包括页面布局编辑器的设计讨论、可视化体验、标准组件、业务能力建设四个点的内容，想要认识的朋友进来瞧瞧吧！

低代码研发平台是无需编码或经过少量代码就能够快速生成应用程序的研发平台。经过可视化进行应用程序研发的办法。运用拖拽组件和模型驱动的规律来创建网页和移动应用程序。

本文从平台生态、用户体验、布局组件等方面，讨论低代码研发平台的交互核心”页面布局编辑器“，期盼对你有所启发。

低代码研发平台，经过可视化进行应用程序研发，实现任何人都能够扩展SaaS应用的范围和功能的愿景。

低代码研发平台的可视化能力包括不限于：

列表数据可视化配置，即视图设计，例如列表、级联、卡片、日历、看板、项目、GIS等。详情数据可视化配置，即页面设计，例如页头、按钮、字段、标签页、动态、协同等。数据模型可视化配置，即建模设计，例如对象、字段、关系、数据验证、数据表达式等。数据分析可视化配置，即驾驶舱设计，例如聚合表、图表组件、数据组件、筛选组件等。业务流程可视化配置，即集成设计，例如触发器、业务流、RPA流、数据连接器等。

一个标准的应用程序从原型定义到云端发布上线，最少必须经历以上5个可视化配置环节。

接下来重点讨论下，详情数据可视化配置工具的制品实现，即“页面布局编辑器”，期盼对你有所帮忙。

1、关于页面布局编辑器的设计讨论

一个现象，为何现行的低代码研发平台，详情页都是表单设计驱动的？

数据的详情页便是表单吗？什么样的详情页能够满足对业务数据的全览？

表单设计与页面设计，在用户体验、研发者体验以及ISV服务协同上，都存在着很强差异。

表单设计更像Form表单页，经过字段集提交业务数据，驱动的业务像是把Excel表的数据，根据对象模型与业务节点，业务实现上聚焦业务数据的结构化和流程化。

页面设计更像应用详情页，经过多种页面布局组件渲染业务数据，驱动的业务更像是围绕业务数据的上下文呈现，对象模型根据布局组件分发，业务实现上更聚焦业务数据的用户体验。

2、页面布局编辑器的可视化体验

页面布局编辑器，用于管理数据对象记录页面的布局。它掌控按钮、字段、自定义链接和用户看到的关联记录列表的布局和结构。

页面布局编辑器从可视化体验上包括：

配置页面模板，包括页面终端以及布局框架，例如有基本、分栏、横向、纵向等。配置标准组件，包括紧凑布局、字段、选项卡、自定义按钮和链接、数据动态等。配置加强组件，包括文档系统服务、数据分析服务、AI服务、RPA服务等。配置自定义组件，自定义研发的布局组件或从应用市场下载的三方布局组件。

日前市场上的低代码研发平台，都实现了标准组件的可视化配置，感兴趣的朋友能够自动配置体验下。

3、页面布局编辑器中的标准组件

1. 页面紧凑布局

表示业务对象中重要的信息字段，会在页面顶部高亮表示，例如表示账户名叫作、tel、行业、评级等。

2. 页面信息字段

页面布局中的数据源，大部分布局组件都必须和对象中的信息字段相关。

经过字段组件，能够相关业务数据对象中的所有字段，平常的字段类型有基本字段和场景字段。

基本字段类型有文本、照片、编号、数值、日期、计算、选项、金额等。场景字段类型有扫码、签名、拍照、3D、位置等，采集后需要有callback处理。

页面布局时，亦能够配置数据字段的表示、数据字段的读写权限、级联字段的数据相关等。

3. 页面选项卡

平常的页面选项卡相关联数据选项卡和详情数据选项卡。

相关选项卡，关联数据对象的列表数据查找，定义列表的表示字段和排序以及筛选规则。详情选项卡，当前数据对象的仔细数据查找，定义详情的表示字段和布局排版。

经过选项卡组件，实现业务数据的上下文查找，例如平常的主从表类型。

4、页面流程卡

经过流程卡认识业务数据的进度状态，例如CRM中的线索->机会->交易等。

配置时必须相关业务对象中的状态字段，同期定义状态数据的时序，当出现状态变更时，流程图同步更新。

5、页面自定义按钮

页面布局设计中的创意担当，能够实现N多业务场景。

系统业务按钮，例如新增、编辑、打印、复制、分享、导出等。修改当前数据，例如同期修改2个或2个以上信息字段、变更数据状态等。写入外边数据，例如快捷写入其他业务对象的数据等。转网络链接，例如转工具型网站、转外边应用网站等。触发事件行径，例如RPA流、发邮件、变更数据、写入数据、IM信息等。

恰当的运用自定义按钮，是详情页的设计哲学，避免过度设计。

4、关于低代码平台的业务能力建设

低代码研发平台怎样作为云生产力工具。

有效的业务生产力平台，必须有可套的业务建设能力，低代码平台必须的三种能力：

整合数据源的能力，异构数据源整合，为业务打造统一的客户档案。移动办公的能力，跨终端应用，引导业务与客户的互动是数字优先的。任务型应用的能力，任务型应用，帮助业务做好客户的关键交付节奏。

更加多关于低代码研发平台的业务讨论，能够参见上期 ”商场应用研发平台“

本文由 @这届南京码农 原创发布于人人都是制品经理。未经许可，禁止转载

题图来自Unsplash，基于 CC0 协议

该文观点仅表率作者自己，人人都是制品经理平台仅供给信息存储空间服务。

情迷布拉格

我深受你的启发，你的话语是我前进的动力。

nykek5i

谷歌外贸网站优化技术。