原型說明咋寫-表格:批量操作

0 評論 2402 瀏覽 10 收藏 5 分鐘

開發吐槽原型說明不清晰,領導催促原型要快細節再說,真是夾縫中生存的產品。今天教大家一個方法,既快又全。文末提供模板,可直接用。

對提前準備原型規范&說明模板不明白的朋友,可以先查看《如何解決原型說明寫不全?》

本期組件:表格-批量操作。

組件概述:表格的基礎操作。

一、約定基礎規范

本節主要與研發約定默認實現內容,通過規范文檔維護。

1. 基礎樣式

在表格第一列增加勾選框,并在表格左下方顯示批量操作,及勾選項數據統計。

2. 基礎交互

2.1. 勾選

  1. 勾選表頭,則全選本頁,全選僅在本頁生效,具體操作參考《復選框》。
  2. 勾選本頁部分行,表頭為“選部分”狀態。
  3. 翻頁、更改數據過濾規則、更換排序等操作,清空已選項。

注,不建議做翻頁記憶,原因如下:

  1. 不同頁面勾選,翻頁后容易忘記都選了哪些;
  2. 一頁內選不到所需數據,可通過設置更大的頁面顯示數量或過濾數據后,再勾選數據。

2.2. 統計

即在表格下方獨立區域顯示所需的統計信息,如“共N條數據,已選N條,XX項總數為N,平均值N”。

除一些約定俗成的統計項(如:共N條、已選N條)外,都要說明統計方式,及顯示單位,以防團隊理解不一致。

2.3. 操作

勾選最終目的是批量操作,常見有“批量導出”、“批量編輯”、“批量刪除”等,以上操作對應“獨立操作窗口”,組件中僅通過按鈕銜接至對應操作窗口。按鈕布置及注意項如下:

  1. 僅兩三個批量操作內容,可平鋪在“批量操作區域”,便于快速操作;
  2. 有多個批量操作,酌情考慮通過“下拉按鈕”折疊批量操作選項;
  3. 批量操作后,需保留原有勾選項。

二、約定可控參數

本節主要與研發約定原型中可控制的參數,也通過規范文檔維護。文中會提供示例參數,及參數填寫說明。

三、輸出說明模板

組件名稱前加個“規范”,便于團隊識別規范組件;模板可直接寫入注釋,并存為Axure/墨刀元件庫。

本次組件分三個組件說明,實際使用根據業務情況增減內容。

1. 勾選(必須)

組件名稱:規范-表格-批量操作-勾選。

具備此組件的表格,需支持多選操作。

2. 統計(可選)

組件名稱:規范-表格-批量操作-統計。

統計項1:

  • 數據計算方式
  • 數據顯示規則

統計項2:

  • 數據計算方式
  • 數據顯示規則

3. 操作(可選)

組件名稱:規范-表格-批量操作-操作。

1)操作1

操作說明

2)操作2

操作說明

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

題圖來自Unsplash,基于 CC0 協議

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

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