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