在數(shù)字化越來越高級(jí)、越來越智能的場(chǎng)景下，信息收集依舊是適用場(chǎng)景最為豐富的方式之一。本文以零代碼核心模塊之一：表單為例，探討如何進(jìn)行表單設(shè)計(jì)，以促進(jìn)零代碼產(chǎn)品與產(chǎn)品之間協(xié)同使用，希望對(duì)你有所幫助。

應(yīng)用開發(fā)工作臺(tái)開三大核心模塊：表單、流程、報(bào)表。

表單：一般適合數(shù)據(jù)錄入，專人管理，如：用戶調(diào)研、產(chǎn)品入庫；

流程：一般適合按照流程操作的步驟，如：請(qǐng)假審批、資產(chǎn)領(lǐng)用；

報(bào)表：一般用于數(shù)據(jù)分析匯總，如：產(chǎn)品銷售趨勢(shì)分析、家庭收入支出分析。

一、表單場(chǎng)景拆解

在數(shù)字化越來越高級(jí)、越來越智能的當(dāng)下，適用場(chǎng)景最豐富的依舊包含信息收集，為分類、狀態(tài)、方式、級(jí)別等字典數(shù)據(jù)支持?jǐn)U展性；為檔案、物料、工序、崗位等基礎(chǔ)數(shù)據(jù)提供業(yè)務(wù)的持續(xù)性。

常見字典數(shù)據(jù)示例如：

產(chǎn)品品類：女裝、男裝、戶外、登山、家居、零食、堅(jiān)果、特產(chǎn)、酒類；

汽車動(dòng)力類型：燃料電池、混合動(dòng)力、增程式、燃油、純電；

支付方式：銀行卡、支付寶、微信、一卡通；字典數(shù)據(jù)為具體業(yè)務(wù)進(jìn)行細(xì)分，可以在使用時(shí)從限定的選項(xiàng)選擇，規(guī)范使用，提高數(shù)據(jù)質(zhì)量；也可以在后續(xù)依據(jù)其分析進(jìn)行對(duì)比（如：支付寶和微信收錢多少的對(duì)比，從而支持后續(xù)關(guān)于營(yíng)銷渠道決策）。

基礎(chǔ)數(shù)據(jù)管理示例如：客戶管理、產(chǎn)品管理、檔案管理、協(xié)議管理、設(shè)備管理、資產(chǎn)管理、設(shè)備管理、物料管理、工序管理、崗位管理、員工管理。

基礎(chǔ)數(shù)據(jù)管理主要用于支持業(yè)務(wù)的持續(xù)性，如：客戶的新增和流失，設(shè)備的購進(jìn)和報(bào)廢，組織調(diào)整影響崗位的變化，員工入職、調(diào)崗、離職。具體表現(xiàn)為當(dāng)前類目下，進(jìn)行數(shù)據(jù)的增刪改查。

車型檔案管理

在現(xiàn)實(shí)中，一些簡(jiǎn)單的業(yè)務(wù)場(chǎng)景，也符合基礎(chǔ)數(shù)據(jù)管理的模式，可以直接用基礎(chǔ)數(shù)據(jù)實(shí)現(xiàn)方式來實(shí)現(xiàn)。示例：用戶調(diào)研、網(wǎng)課報(bào)名、景區(qū)預(yù)約、醫(yī)院掛號(hào)、飯店點(diǎn)單。就只是相對(duì)簡(jiǎn)單的進(jìn)行信息錄入即可（ 在完整的業(yè)務(wù)中，還會(huì)有后續(xù)處理，如上課確認(rèn)、上菜及結(jié)果分析等，這也是業(yè)務(wù)完整一定是表單、流程、報(bào)表搭配著使用的來源 ）。

二、表單產(chǎn)品實(shí)現(xiàn)

基于表單使用場(chǎng)景的分析，抽取出公共的模板，成為構(gòu)建表單產(chǎn)品的核心。

設(shè)計(jì)思路：

要完成表單產(chǎn)品的設(shè)計(jì)，需要提供一個(gè)可持續(xù)的方案。我的設(shè)計(jì)思路是：

1. 路走通；
2. 路擴(kuò)寬；
3. 路好走。

路走通：表單產(chǎn)品可以搭建一個(gè)具體的軟件頁面，如：搭建一個(gè)字典管理；

路擴(kuò)寬：表單產(chǎn)品可以搭建更為復(fù)雜的軟件頁面，如：搭建一個(gè)基礎(chǔ)數(shù)據(jù)管理；

路好走：表單產(chǎn)品可以更為便捷的搭建更為復(fù)雜的軟件頁面，如：表單中有子表單，基礎(chǔ)數(shù)據(jù)相互關(guān)聯(lián)；在完成以上部分的條件下，可以使用現(xiàn)實(shí)軟件復(fù)刻的方法，不斷錘煉產(chǎn)品，使其更加易用更加便捷。

表單配置主路徑是：新建頁面 – 設(shè)計(jì)頁面 – 組件選擇 – 組件配置。

表單核心路徑：

新建頁面需要支持頁面分組，符合軟件的菜單結(jié)構(gòu)。

新建頁面：

為實(shí)現(xiàn)搭建出來應(yīng)用也能實(shí)現(xiàn)權(quán)限管理，需要在搭建完成，進(jìn)行應(yīng)用發(fā)布時(shí)，將頁面結(jié)構(gòu)注冊(cè)到權(quán)限管理。軟件三基座之一：權(quán)限管理這里為當(dāng)前奠定基礎(chǔ)。在頁面上進(jìn)行點(diǎn)擊“頁面設(shè)計(jì)”則進(jìn)入頁面詳細(xì)情況設(shè)計(jì)頁面。

頁面設(shè)計(jì)：

表單設(shè)計(jì)頁主要包含三大區(qū)域：組件選擇區(qū)、頁面設(shè)計(jì)區(qū)、組件/頁面設(shè)置區(qū)。組件選擇區(qū)：選擇系統(tǒng)提供的組件，包含文本、下拉選擇、照片、按鈕等多種組件；也包含布局的分割等。在表單產(chǎn)品的整體完善度上，組件的豐富度、組件覆蓋高頻適用場(chǎng)景覆蓋率 將是表單產(chǎn)品是否優(yōu)秀的良好判斷標(biāo)準(zhǔn)。

頁面設(shè)計(jì)區(qū)：主要實(shí)現(xiàn)組件的布局展示，通俗表示使用時(shí)頁面打開的樣式；頁面的內(nèi)容的排布、內(nèi)容的提交、操作過程的交互，都在這個(gè)部分體現(xiàn)。頁面主要包含兩大類，一類是列表頁，一類是新增/編輯/詳情頁。在表單設(shè)計(jì)時(shí)，常直接設(shè)計(jì)的是新增/編輯/詳情頁；而在使用時(shí)，則優(yōu)先進(jìn)入列表頁，通過新增/編輯/查看 調(diào)起新增/編輯/詳情頁。這里最好在設(shè)計(jì)保存時(shí)，直接生成列表頁，由列表頁按鈕調(diào)起直接設(shè)計(jì)頁面。

組件/頁面設(shè)置區(qū)：主要調(diào)整設(shè)計(jì)組件的樣式、交互，包括：標(biāo)題、提示信息、默認(rèn)值、是否必填、組件寬度、背景顏色等。頁面設(shè)計(jì)主要是配置整體頁面的樣式及效果，包括頁面事件、頁面公共變量等。

三、簡(jiǎn)道云拆解

在表單產(chǎn)品實(shí)現(xiàn)中，先達(dá)成“基礎(chǔ)功能實(shí)現(xiàn)”，再進(jìn)行“易用性的提升”，之后再實(shí)現(xiàn)“生態(tài)鏈路的打通”。

簡(jiǎn)道云作為面世比較優(yōu)秀的產(chǎn)品，可以從中學(xué)習(xí)一二。

1. 基礎(chǔ)功能實(shí)現(xiàn)

表單產(chǎn)品的基礎(chǔ)功能是實(shí)現(xiàn)表單的搭建。從組件的提供來看，單行文本、下拉框、數(shù)字、日期等基礎(chǔ)組件，地址、附件、圖片等增強(qiáng)組件，成員、部門等部門成員組件，覆蓋了表單搭建的絕大部分場(chǎng)景。尤其部門組件，實(shí)現(xiàn)表單和組織架構(gòu)的串聯(lián)，實(shí)現(xiàn)模塊之間的信息通信，為模塊通信提供了很好的樣例。

表單設(shè)計(jì)頁：

訂單中配置管理數(shù)據(jù)，關(guān)聯(lián)產(chǎn)品信息，這是業(yè)務(wù)流程中使用基礎(chǔ)數(shù)據(jù)的常見情況，也是一個(gè)很好的案例。類似場(chǎng)景包括，和哪個(gè)客戶簽訂協(xié)議【協(xié)議關(guān)聯(lián)客戶】，生產(chǎn)某個(gè)產(chǎn)品需要哪些物料等【產(chǎn)品關(guān)聯(lián)物料】。

“訂單”關(guān)聯(lián)“產(chǎn)品信息”

2. 易用性提升

簡(jiǎn)道云支持設(shè)置視圖，常見情形如表格視圖：

列表視圖：

任務(wù)執(zhí)行時(shí)，偏好看板視圖：

面板視圖：

在系統(tǒng)設(shè)計(jì)中，默認(rèn)值設(shè)置將極大地提升使用效率。如：系統(tǒng)支持自動(dòng)生成ID且可以修改，是直接自動(dòng)生成，還是點(diǎn)擊生成，點(diǎn)擊生成一個(gè)小操作，將在系統(tǒng)使用中重復(fù)很多次，且這是不必要的。

直接生成 VS 點(diǎn)擊生成

3. 生態(tài)鏈路打通

系統(tǒng)設(shè)計(jì)中，要很好地應(yīng)用之前的積累，提高復(fù)用率。如，表單開發(fā)復(fù)用之前的權(quán)限設(shè)計(jì)，以及部門直接選擇組織架構(gòu)成員。常見系統(tǒng)公共部分包括：消息通知、日志記錄、桌面管理。在簡(jiǎn)道云中，則很好地利用了另一支柱產(chǎn)品：報(bào)表及BI。

員工分析：

訂單分析：

零代碼產(chǎn)品與產(chǎn)品之間協(xié)同使用，首先是實(shí)現(xiàn)產(chǎn)品之間的關(guān)聯(lián)，應(yīng)對(duì)更為豐富、復(fù)雜的場(chǎng)景；其次是驗(yàn)證產(chǎn)品本身的耦合性，與其他模塊進(jìn)行數(shù)據(jù)串聯(lián)，這說明其他模塊需要提供開放接口，檢驗(yàn)其設(shè)計(jì)的合理性；再次是，各個(gè)產(chǎn)品整合的難易程度極大地代表產(chǎn)品核心功能劃分的合理性，以促進(jìn)更加有效地實(shí)現(xiàn)多模塊多產(chǎn)品的迭代升級(jí)。