原型說明咋寫-表單頁
本篇提供表單頁需求說明寫法,應用之前跟開發約定好的各組件規范,產品僅需寫好各組件面向業務的說明,即可達到事半功倍效果。
PS:未了解組件規范的朋友點擊查看往期文章
一、原型及說明
通過準備好的元件庫快速拖拽組件,形成表單
通過原型組件的特殊標識,可在“組件規范”快速找到此組件規范,產品無需過多注意細節,著重梳理業務規則。
如,本頁所應用的規范組件有:
- 常規輸入框
- 日期選擇器
- 單選器
- 單選框
- 照片墻上傳
- 復選框
- 復選器
- 開關
- 數字輸入框
- 文本域輸入框
- 拖拽上傳文件
(注:以上規范組件可在往期文章找到點擊查看)
二、提交信息校驗
超過三個校驗的表單,建議通過流程圖維護
本頁所應用的規范組件有:
全局提示:
對話框:
(注:以上規范組件可在往期文章找到點擊查看)
三、表單頁規范
當前,表單頁也可形成一篇規范,如下:
- 排版:可標題左側排版、也可標題在輸入框上方排版,具體可根據情況定義
- 組件標題:在表單呈現
- 必填項:輸入框名稱前標有紅星*為必填項
- 鍵盤操作:需支持通過鍵盤方向鍵切換選中的輸入框,如果是單選框、下拉選擇器,還可以切換選項,enter鍵可觸發頁面主按鈕
本文由 @產品工具庫 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于 CC0 協議
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
評論
- 目前還沒評論,等你發揮!