原型說明咋寫-表單頁

0 評論 1922 瀏覽 11 收藏 3 分鐘

本篇提供表單頁需求說明寫法,應用之前跟開發約定好的各組件規范,產品僅需寫好各組件面向業務的說明,即可達到事半功倍效果。

PS:未了解組件規范的朋友點擊查看往期文章

一、原型及說明

通過準備好的元件庫快速拖拽組件,形成表單

通過原型組件的特殊標識,可在“組件規范”快速找到此組件規范,產品無需過多注意細節,著重梳理業務規則。

如,本頁所應用的規范組件有:

  • 常規輸入框
  • 日期選擇器
  • 單選器
  • 單選框
  • 照片墻上傳
  • 復選框
  • 復選器
  • 開關
  • 數字輸入框
  • 文本域輸入框
  • 拖拽上傳文件

(注:以上規范組件可在往期文章找到點擊查看

二、提交信息校驗

超過三個校驗的表單,建議通過流程圖維護

本頁所應用的規范組件有:

全局提示:

對話框:

(注:以上規范組件可在往期文章找到點擊查看

三、表單頁規范

當前,表單頁也可形成一篇規范,如下:

  • 排版:可標題左側排版、也可標題在輸入框上方排版,具體可根據情況定義
  • 組件標題:在表單呈現
  • 必填項:輸入框名稱前標有紅星*為必填項
  • 鍵盤操作:需支持通過鍵盤方向鍵切換選中的輸入框,如果是單選框、下拉選擇器,還可以切換選項,enter鍵可觸發頁面主按鈕

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

題圖來自Unsplash,基于 CC0 協議

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!