原型說明咋寫-表格:批量操作
開發吐槽原型說明不清晰,領導催促原型要快細節再說,真是夾縫中生存的產品。今天教大家一個方法,既快又全。文末提供模板,可直接用。
對提前準備原型規范&說明模板不明白的朋友,可以先查看《如何解決原型說明寫不全?》
本期組件:表格-批量操作。
組件概述:表格的基礎操作。
一、約定基礎規范
本節主要與研發約定默認實現內容,通過規范文檔維護。
1. 基礎樣式
在表格第一列增加勾選框,并在表格左下方顯示批量操作,及勾選項數據統計。
2. 基礎交互
2.1. 勾選
- 勾選表頭,則全選本頁,全選僅在本頁生效,具體操作參考《復選框》。
- 勾選本頁部分行,表頭為“選部分”狀態。
- 翻頁、更改數據過濾規則、更換排序等操作,清空已選項。
注,不建議做翻頁記憶,原因如下:
- 不同頁面勾選,翻頁后容易忘記都選了哪些;
- 一頁內選不到所需數據,可通過設置更大的頁面顯示數量或過濾數據后,再勾選數據。
2.2. 統計
即在表格下方獨立區域顯示所需的統計信息,如“共N條數據,已選N條,XX項總數為N,平均值N”。
除一些約定俗成的統計項(如:共N條、已選N條)外,都要說明統計方式,及顯示單位,以防團隊理解不一致。
2.3. 操作
勾選最終目的是批量操作,常見有“批量導出”、“批量編輯”、“批量刪除”等,以上操作對應“獨立操作窗口”,組件中僅通過按鈕銜接至對應操作窗口。按鈕布置及注意項如下:
- 僅兩三個批量操作內容,可平鋪在“批量操作區域”,便于快速操作;
- 有多個批量操作,酌情考慮通過“下拉按鈕”折疊批量操作選項;
- 批量操作后,需保留原有勾選項。
二、約定可控參數
本節主要與研發約定原型中可控制的參數,也通過規范文檔維護。文中會提供示例參數,及參數填寫說明。
三、輸出說明模板
組件名稱前加個“規范”,便于團隊識別規范組件;模板可直接寫入注釋,并存為Axure/墨刀元件庫。
本次組件分三個組件說明,實際使用根據業務情況增減內容。
1. 勾選(必須)
組件名稱:規范-表格-批量操作-勾選。
具備此組件的表格,需支持多選操作。
2. 統計(可選)
組件名稱:規范-表格-批量操作-統計。
統計項1:
- 數據計算方式
- 數據顯示規則
統計項2:
- 數據計算方式
- 數據顯示規則
3. 操作(可選)
組件名稱:規范-表格-批量操作-操作。
1)操作1
操作說明
2)操作2
操作說明
本文由 @產品工具庫 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于 CC0 協議
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
評論
- 目前還沒評論,等你發揮!