天天看點

零代碼核心子產品之一:表單

作者:人人都是産品經理
在數字化越來越進階、越來越智能的場景下,資訊收集依舊是适用場景最為豐富的方式之一。本文以零代碼核心子產品之一:表單為例,探讨如何進行表單設計,以促進零代碼産品與産品之間協同使用,希望對你有所幫助。
零代碼核心子產品之一:表單

應用開發工作台開三大核心子產品:表單、流程、報表。

表單:一般适合資料錄入,專人管理,如:使用者調研、産品入庫;

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

報表:一般用于資料分析彙總,如:産品銷售趨勢分析、家庭收入支出分析。

一、表單場景拆解

在數字化越來越進階、越來越智能的當下,适用場景最豐富的依舊包含資訊收集,為分類、狀态、方式、級别等字典資料支援擴充性;為檔案、物料、工序、崗位等基礎資料提供業務的持續性。

常見字典資料示例如:

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

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

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

基礎資料管理示例如:客戶管理、産品管理、檔案管理、協定管理、裝置管理、資産管理、裝置管理、物料管理、工序管理、崗位管理、員工管理。

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

零代碼核心子產品之一:表單

車型檔案管理

在現實中,一些簡單的業務場景,也符合基礎資料管理的模式,可以直接用基礎資料實作方式來實作。示例:使用者調研、網課報名、景區預約、醫院挂号、飯店點單。就隻是相對簡單的進行資訊錄入即可( 在完整的業務中,還會有後續處理,如上課确認、上菜及結果分析等,這也是業務完整一定是表單、流程、報表搭配着使用的來源 )。

二、表單産品實作

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

設計思路:

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

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

路擴寬:表單産品可以搭建更為複雜的軟體頁面,如:搭建一個基礎資料管理;

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

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

表單核心路徑:

建立頁面需要支援頁面分組,符合軟體的菜單結構。

零代碼核心子產品之一:表單

建立頁面:

為實作搭建出來應用也能實作權限管理,需要在搭建完成,進行應用釋出時,将頁面結構注冊到權限管理。軟體三基座之一:權限管理這裡為目前奠定基礎。在頁面上進行點選“頁面設計”則進入頁面詳細情況設計頁面。

零代碼核心子產品之一:表單

頁面設計:

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

頁面設計區:主要實作元件的布局展示,通俗表示使用時頁面打開的樣式;頁面的内容的排布、内容的送出、操作過程的互動,都在這個部分展現。頁面主要包含兩大類,一類是清單頁,一類是新增/編輯/詳情頁。在表單設計時,常直接設計的是新增/編輯/詳情頁;而在使用時,則優先進入清單頁,通過新增/編輯/檢視 調起新增/編輯/詳情頁。這裡最好在設計儲存時,直接生成清單頁,由清單頁按鈕調起直接設計頁面。

元件/頁面設定區:主要調整設計元件的樣式、互動,包括:标題、提示資訊、預設值、是否必填、元件寬度、背景顔色等。頁面設計主要是配置整體頁面的樣式及效果,包括頁面事件、頁面公共變量等。

三、簡道雲拆解

在表單産品實作中,先達成“基礎功能實作”,再進行“易用性的提升”,之後再實作“生态鍊路的打通”。

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

1. 基礎功能實作

表單産品的基礎功能是實作表單的搭建。從元件的提供來看,單行文本、下拉框、數字、日期等基礎元件,位址、附件、圖檔等增強元件,成員、部門等部門成員元件,覆寫了表單搭建的絕大部分場景。尤其部門元件,實作表單群組織架構的串聯,實作子產品之間的資訊通信,為子產品通信提供了很好的樣例。

零代碼核心子產品之一:表單

表單設計頁:

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

零代碼核心子產品之一:表單

“訂單”關聯“産品資訊”

2. 易用性提升

簡道雲支援設定視圖,常見情形如表格視圖:

零代碼核心子產品之一:表單

清單視圖:

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

零代碼核心子產品之一:表單

面闆視圖:

在系統設計中,預設值設定将極大地提升使用效率。如:系統支援自動生成ID且可以修改,是直接自動生成,還是點選生成,點選生成一個小操作,将在系統使用中重複很多次,且這是不必要的。

直接生成 VS 點選生成

3. 生态鍊路打通

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

零代碼核心子產品之一:表單

員工分析:

零代碼核心子產品之一:表單

訂單分析:

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

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

題圖來自 Unsplash,基于 CC0 協定

該文觀點僅代表作者本人,人人都是産品經理平台僅提供資訊存儲空間服務。

繼續閱讀