零代碼核心模塊之一:表單

1 評論 3241 瀏覽 16 收藏 11 分鐘

在數字化越來越高級、越來越智能的場景下,信息收集依舊是適用場景最為豐富的方式之一。本文以零代碼核心模塊之一:表單為例,探討如何進行表單設計,以促進零代碼產品與產品之間協同使用,希望對你有所幫助。

應用開發工作臺開三大核心模塊:表單、流程、報表。

表單:一般適合數據錄入,專人管理,如:用戶調研、產品入庫;

流程:一般適合按照流程操作的步驟,如:請假審批、資產領用;

報表:一般用于數據分析匯總,如:產品銷售趨勢分析、家庭收入支出分析。

一、表單場景拆解

在數字化越來越高級、越來越智能的當下,適用場景最豐富的依舊包含信息收集,為分類、狀態、方式、級別等字典數據支持擴展性;為檔案、物料、工序、崗位等基礎數據提供業務的持續性。

常見字典數據示例如:

產品品類:女裝、男裝、戶外、登山、家居、零食、堅果、特產、酒類;

汽車動力類型:燃料電池、混合動力、增程式、燃油、純電;

支付方式:銀行卡、支付寶、微信、一卡通;字典數據為具體業務進行細分,可以在使用時從限定的選項選擇,規范使用,提高數據質量;也可以在后續依據其分析進行對比(如:支付寶和微信收錢多少的對比,從而支持后續關于營銷渠道決策)。

基礎數據管理示例如:客戶管理、產品管理、檔案管理、協議管理、設備管理、資產管理、設備管理、物料管理、工序管理、崗位管理、員工管理。

基礎數據管理主要用于支持業務的持續性,如:客戶的新增和流失,設備的購進和報廢,組織調整影響崗位的變化,員工入職、調崗、離職。具體表現為當前類目下,進行數據的增刪改查。

車型檔案管理

在現實中,一些簡單的業務場景,也符合基礎數據管理的模式,可以直接用基礎數據實現方式來實現。示例:用戶調研、網課報名、景區預約、醫院掛號、飯店點單。就只是相對簡單的進行信息錄入即可( 在完整的業務中,還會有后續處理,如上課確認、上菜及結果分析等,這也是業務完整一定是表單、流程、報表搭配著使用的來源 )。

二、表單產品實現

基于表單使用場景的分析,抽取出公共的模板,成為構建表單產品的核心。

設計思路:

要完成表單產品的設計,需要提供一個可持續的方案。我的設計思路是:

  1. 路走通;
  2. 路擴寬;
  3. 路好走。

路走通:表單產品可以搭建一個具體的軟件頁面,如:搭建一個字典管理;

路擴寬:表單產品可以搭建更為復雜的軟件頁面,如:搭建一個基礎數據管理;

路好走:表單產品可以更為便捷的搭建更為復雜的軟件頁面,如:表單中有子表單,基礎數據相互關聯;在完成以上部分的條件下,可以使用現實軟件復刻的方法,不斷錘煉產品,使其更加易用更加便捷。

表單配置主路徑是:新建頁面 – 設計頁面 – 組件選擇 – 組件配置。

表單核心路徑:

新建頁面需要支持頁面分組,符合軟件的菜單結構。

新建頁面:

為實現搭建出來應用也能實現權限管理,需要在搭建完成,進行應用發布時,將頁面結構注冊到權限管理。軟件三基座之一:權限管理這里為當前奠定基礎。在頁面上進行點擊“頁面設計”則進入頁面詳細情況設計頁面。

頁面設計:

表單設計頁主要包含三大區域:組件選擇區、頁面設計區、組件/頁面設置區。組件選擇區:選擇系統提供的組件,包含文本、下拉選擇、照片、按鈕等多種組件;也包含布局的分割等。在表單產品的整體完善度上,組件的豐富度、組件覆蓋高頻適用場景覆蓋率 將是表單產品是否優秀的良好判斷標準。

頁面設計區:主要實現組件的布局展示,通俗表示使用時頁面打開的樣式;頁面的內容的排布、內容的提交、操作過程的交互,都在這個部分體現。頁面主要包含兩大類,一類是列表頁,一類是新增/編輯/詳情頁。在表單設計時,常直接設計的是新增/編輯/詳情頁;而在使用時,則優先進入列表頁,通過新增/編輯/查看 調起新增/編輯/詳情頁。這里最好在設計保存時,直接生成列表頁,由列表頁按鈕調起直接設計頁面。

組件/頁面設置區:主要調整設計組件的樣式、交互,包括:標題、提示信息、默認值、是否必填、組件寬度、背景顏色等。頁面設計主要是配置整體頁面的樣式及效果,包括頁面事件、頁面公共變量等。

三、簡道云拆解

在表單產品實現中,先達成“基礎功能實現”,再進行“易用性的提升”,之后再實現“生態鏈路的打通”。

簡道云作為面世比較優秀的產品,可以從中學習一二。

1. 基礎功能實現

表單產品的基礎功能是實現表單的搭建。從組件的提供來看,單行文本、下拉框、數字、日期等基礎組件,地址、附件、圖片等增強組件,成員、部門等部門成員組件,覆蓋了表單搭建的絕大部分場景。尤其部門組件,實現表單和組織架構的串聯,實現模塊之間的信息通信,為模塊通信提供了很好的樣例。

表單設計頁:

訂單中配置管理數據,關聯產品信息,這是業務流程中使用基礎數據的常見情況,也是一個很好的案例。類似場景包括,和哪個客戶簽訂協議【協議關聯客戶】,生產某個產品需要哪些物料等【產品關聯物料】。

“訂單”關聯“產品信息”

2. 易用性提升

簡道云支持設置視圖,常見情形如表格視圖:

列表視圖:

任務執行時,偏好看板視圖:

面板視圖:

在系統設計中,默認值設置將極大地提升使用效率。如:系統支持自動生成ID且可以修改,是直接自動生成,還是點擊生成,點擊生成一個小操作,將在系統使用中重復很多次,且這是不必要的。

直接生成 VS 點擊生成

3. 生態鏈路打通

系統設計中,要很好地應用之前的積累,提高復用率。如,表單開發復用之前的權限設計,以及部門直接選擇組織架構成員。常見系統公共部分包括:消息通知、日志記錄、桌面管理。在簡道云中,則很好地利用了另一支柱產品:報表及BI。

員工分析:

訂單分析:

零代碼產品與產品之間協同使用,首先是實現產品之間的關聯,應對更為豐富、復雜的場景;其次是驗證產品本身的耦合性,與其他模塊進行數據串聯,這說明其他模塊需要提供開放接口,檢驗其設計的合理性;再次是,各個產品整合的難易程度極大地代表產品核心功能劃分的合理性,以促進更加有效地實現多模塊多產品的迭代升級。

本文由 @壹叁零壹 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自 Unsplash,基于 CC0 協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 請問下第一個案例的是哪個系統,想參考看看~~

    來自廣東 回復