2.3 退出確認
用戶點擊返回按鈕后需判斷本次是否進行內容變更，若有變更進行二次確認，彈窗中點擊“確定”后離開返回上一級頁面，并清空此次編輯內容。若無變更則直接返回上一級頁面。
圖5 退出表單時二次確認
三種APP
表單錄入模式
總體上，我們可以把APP錄入表單分為簡單表單和復雜表單。
簡單的表單都是相似的，即內容較少（一般指不超過手機屏幕兩屏）、操作簡單，用戶只要填完內容再提交即可完成錄入，比如常見的登錄表單。
復雜的表單則各有各的復雜，常見的情況是：內容較多、信息之間存在聯動或嵌套關系、不同場景下的同一錄入流程差異較大。再加上移動端屏幕空間的限制，使得表單的操作成本變得更高。
1.單步錄入模式：適用于簡單表單
單步錄入表單一般指在一個頁面即可完成的表單，有兩種模式：常規形式和詢問引導式。常規形式指內容區由常見的輸入控件組成，詢問引導式則改變了輸入控件的展示形式，通過更加友好、易理解的對話方式，引導用戶完成信息錄入，常用于獲取評價、反饋、用戶偏好等需要用戶貢獻信息的場景。
圖6 單步錄入模式
2.分步錄入模式：適用于復雜表單
一般建議在以下兩種場景時選擇分步錄入：
1）表單內容過多（超過兩屏）。
2）表單內容的錄入方式存在較大差異，不適宜在同一表單中完成。
2.1 弱導航與強導航
我們將分步導航分為弱導航和強導航兩種展示形式：
1）弱導航在操作按鈕處展示了下一步內容標題，建議用于2步錄入表單。
2）強導航在頁面頂部使用步驟條顯示了所有步驟內容標題，建議用于3-5步的錄入表單。
圖7 分步錄入-強導航與弱導航
2.2 順序錄入與不定序錄入
多數情況下，分步錄入表單需按照步驟順序依次完成錄入，步驟之間存在明顯的順序關系，比如想要為用戶填寫買房需求，首先需要先錄入客戶基本信息表單不能為空，再錄入對應客戶的需求信息。
而在另一些使用場景，用戶錄入信息的順序不是固定的，或者有些步驟是可以跳過的。比如在用戶買新房的簽約場景下，需要錄認購、錄草簽、錄網簽、錄成銷等各步驟內容，但有些用戶可不用草簽，直接網簽。
因此我們設計了順序錄入和不定序順序錄入兩種模式。
在順序錄入模式中，用戶只能按照設定好的順序依次錄入，如果想要修改則需要反向退回至對應步驟。
圖8 分步錄入-定序錄入
在不定序錄入模式中，用戶依舊可以按照設定好的順序依次錄入，同時可以通過點擊導航標簽直接跳轉至對應步驟。
圖9 分步錄入-不定序錄入
3.循環錄入：適用于簡單和復雜表單
循環錄入是指表單中可自定義添加錄入字段，完成更多內容的填寫。既適用于簡單表單，也適用于復雜表單。添加單個字段一般應用于錄入多個手機號等場景。
圖10 循環錄入-添加單個字段
當添加多個字段時，可將字段整合為一個子模塊。每次添加即添加一個含有多個表單字段的子模塊。當子模塊中的表單較多時表單不能為空，可展開收起子模塊內容，以保證用戶每次填寫時能夠聚焦到一個子模塊上。
圖11 循環錄入-添加多個字段
表單中也經常會出現非表單字段樣式的內容形式，比如在經紀人向用戶邀約看房的場景下，經紀人需要錄入看房時間、看房地點和房源信息，其中房源信息是房源卡片樣式。此時也可以通過子模塊的形式承載內容。
圖12 循環錄入-非表單字段
結語
本文介紹了APP錄入表單模式，從用戶使用表單的角度闡釋了模式定義，并列舉了三種常見的錄入模式類型，涵蓋了大多數APP錄入場景。表單錄入模式提供的是一致的設計體驗，本身也需要不斷進行迭代、優化和拓展，以適應更多的應用場景。后續我們也將持續完善表單錄入模式，希望本文的總結思路能給更多設計師啟發。
參考文獻：
1.app表單設計的最佳實戰 （上）
2.APP里的分步導航設計
更多關于B端交互模式的設計方法持續更新中，不要錯過精彩內容哦。
【往期B端交互模式文章】
- E N D -
胡月 / 交互設計師
負責新房B端產品，
讀書不多的偽文青，自學鍵盤的鋼琴愛好者。
希望成為理智有見解的人。
感覺好看就點個 在看