在后臺(tái)產(chǎn)品中，數(shù)據(jù)報(bào)表的重要性毋庸置疑，不過優(yōu)秀的數(shù)據(jù)表單并不多見，所以本文就從基礎(chǔ)功能、體驗(yàn)升級(jí)兩方面來(lái)聊聊如何設(shè)計(jì)一個(gè)優(yōu)秀的數(shù)據(jù)報(bào)表。
數(shù)據(jù)報(bào)表一直是后臺(tái)產(chǎn)品的重要組件，相較于復(fù)雜的業(yè)務(wù)處理邏輯來(lái)講算是非常簡(jiǎn)單了，簡(jiǎn)單到我們都不樂意花太多的時(shí)間去審視它。
現(xiàn)實(shí)情況卻是：PRD整好交給開發(fā)后，開發(fā)又拋來(lái)各種問題，上線后的功能可以滿足業(yè)務(wù)需求卻總又有那么點(diǎn)不如意，然而出于各種原因也就將就著用了，所以設(shè)計(jì)優(yōu)秀的數(shù)據(jù)報(bào)表并不多見。那么今天我們就從基礎(chǔ)功能、體驗(yàn)升級(jí)兩方面來(lái)聊聊如何設(shè)計(jì)一個(gè)讓研發(fā)省心、老板稱心的數(shù)據(jù)報(bào)表，走起！
這部分主要將數(shù)據(jù)報(bào)表PRD需要包含的基本內(nèi)容，入門產(chǎn)品經(jīng)理可將其作為CheckList參考。
數(shù)據(jù)報(bào)表通常分為查詢條件、數(shù)據(jù)、操作三部分，故而我們的PRD至少要包含這三部分的說(shuō)明，我偏向以表格形式作為需求說(shuō)明的展示形式，一目了然，如下：
1）字段名
非特殊需要，所有字段在整個(gè)系統(tǒng)中都應(yīng)保持一致的叫法，這是基本原則。比如一個(gè)手機(jī)號(hào)不要一會(huì)兒叫“聯(lián)系手機(jī)”一會(huì)兒叫”聯(lián)系方式”。
2）必填
數(shù)據(jù)量非常大時(shí)，考慮到查詢性能，可能要限制某個(gè)查詢條件必填，如年份、批次等。
3）格式
常見展示形式如下：
4）默認(rèn)值
常見的情況如默認(rèn)查詢最新數(shù)據(jù)、默認(rèn)僅查詢有效數(shù)據(jù)，此時(shí)就需要對(duì)相關(guān)查詢字段設(shè)置默認(rèn)值。
5）輸入范圍限制
日期、時(shí)間格式的查詢字段通常會(huì)限制輸入的最大值、最小值，這個(gè)與系統(tǒng)保留的最早歷史數(shù)據(jù)、最新數(shù)據(jù)實(shí)時(shí)性有關(guān)。涉及到時(shí)間段的查詢條件，可能還需要限制可支持的最長(zhǎng)時(shí)間段。
6）其他說(shuō)明
用于補(bǔ)充其他說(shuō)明，如部分下拉框需限制最多可選擇的輸入項(xiàng)、支持批量粘貼輸入項(xiàng)等。
除了以上說(shuō)明外，還可根據(jù)業(yè)務(wù)需要決定是否要支持全表模糊搜索（Ctrl+F的效果）作為對(duì)常規(guī)的字段查詢條件的補(bǔ)充，別小瞧這個(gè)小小的功能，有時(shí)它會(huì)帶來(lái)意想不到的便利。處于安全考慮，需明確說(shuō)明是否需要做數(shù)據(jù)查詢權(quán)限控制，即每個(gè)用戶進(jìn)來(lái)后看到的數(shù)據(jù)范圍甚至數(shù)據(jù)字段都是不一樣的，一般是其所需的最少數(shù)據(jù)集。
1）單位
數(shù)值類的通常要說(shuō)明該字段統(tǒng)計(jì)時(shí)用的單位，如千、萬(wàn)、%等。
2）格式
3）支持篩選
即這個(gè)列是否支持篩選，效果就類似于excel的自動(dòng)篩選功能，常用的篩選已經(jīng)包含在查詢條件中了，此處主要考慮一些會(huì)用到但不常用的查詢字段。
4）支持排序
這個(gè)列是否要支持排序，數(shù)值類的一般需要支持排序，方便尋找最大值最小值，快速定位數(shù)據(jù)異常等。
記得根據(jù)業(yè)務(wù)需要為你的數(shù)據(jù)指定一個(gè)默認(rèn)排序規(guī)則！
對(duì)報(bào)表來(lái)說(shuō)，基礎(chǔ)操作包括導(dǎo)出、查看、編輯、刪除（前文說(shuō)的查詢也是基礎(chǔ)操作的一種），這里我只說(shuō)導(dǎo)出和刪除：
這部分我們來(lái)聊聊從哪些方面去優(yōu)化數(shù)據(jù)報(bào)表體驗(yàn)，我總結(jié)了以下5類優(yōu)化Tips：
1）對(duì)齊
數(shù)值類字段通常會(huì)居右對(duì)齊以方便對(duì)比，其他字段居左對(duì)齊。
2）一致的格式
日期、時(shí)間、數(shù)值請(qǐng)使用一致的格式，”2020-1-1″ 與”2020-10-12″ 放在同一列顯然不如”2020-01-01″ 與”2020-10-12″放在同一列更易閱讀和對(duì)比。
3）統(tǒng)一高度
所有的數(shù)據(jù)行（不含表頭）都應(yīng)該設(shè)置為統(tǒng)一高度。
1）斑馬紋
斑馬紋可提高橫向?yàn)g覽速度，但請(qǐng)保證單元格底色與內(nèi)容顏色有一定對(duì)比度，提升可讀性。
2）選中高亮
與斑馬紋一樣，選中高亮（或者突出）同樣可提高橫向?yàn)g覽速度，讓用戶聚焦當(dāng)前數(shù)據(jù)，如下為Element的一個(gè)表格組件截圖：
3）消除不必要的邊框
避免使用深色的、粗線條的邊框，一眼看過去全是條條框框，喧賓奪主。
4）隱藏不常用的行操作
你不需要把所有行操作按鈕都一字排開，這樣會(huì)增加思考時(shí)間，最多展示3個(gè)常用的行操作，其他的統(tǒng)統(tǒng)隱藏。你甚至可以隱藏全部行操作，只有選中記錄時(shí)才展示可用操作。
批量操作時(shí)提示操作的記錄數(shù)
用戶有時(shí)會(huì)使用全選勾選框選中一批數(shù)據(jù)后執(zhí)行刪除，本以為是刪除本頁(yè)全部數(shù)據(jù)，結(jié)果是刪除查詢結(jié)果的全部數(shù)據(jù)，尷尬不尷尬?比避免此類問題，請(qǐng)將原來(lái)的刪除詢問”您確認(rèn)刪除嗎？”略做修改變成”您確定刪除選中的xx條記錄嗎？”
1）核心數(shù)據(jù)使用柱狀圖
百分比形式的核心數(shù)據(jù)尤其適合柱狀圖形式，讓二維表格也能產(chǎn)生圖表般的直觀感，如下為AntDesign的一個(gè)表格組件截圖：
2）不同顏色圖標(biāo)區(qū)分狀態(tài)
5個(gè)以內(nèi)的狀態(tài)，可考慮使用不同的圖標(biāo)或顏色以示區(qū)別，但過多的圖標(biāo)或顏色會(huì)讓用戶迷失在五彩斑斕的數(shù)據(jù)中找不到重點(diǎn)。
1）凍結(jié)
凍結(jié)通常作用于表頭、首列（通常是標(biāo)記整條記錄的關(guān)鍵字段，如姓名、企業(yè)名稱等）、操作列，雖然頁(yè)面會(huì)上下滾動(dòng)、左右滾動(dòng)，但請(qǐng)保證用戶可快速分辨當(dāng)前看的是哪條記錄、什么字段，并找到操作按鈕。
2）善用折疊行
數(shù)據(jù)不多也不少時(shí)，可設(shè)計(jì)折疊行，用戶不必左右拖動(dòng)也不必進(jìn)入詳情頁(yè)即可看到全部數(shù)據(jù)，減少了點(diǎn)擊次數(shù)，常見的側(cè)推抽屜也可以達(dá)到類似的效果。如下為Element的一個(gè)表格組件截圖：
寫在最后的話：對(duì)于數(shù)據(jù)報(bào)表而言，最重要的莫過于展示業(yè)務(wù)最需要的字段并制定合理的統(tǒng)計(jì)口徑，你的數(shù)據(jù)報(bào)表應(yīng)該是可信賴的，能反映客觀事實(shí)的，能產(chǎn)生價(jià)值的。
參考資料：AntDesign原型組件、Element原型組件
本文由 @辣椒圈 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash，基于CC0協(xié)議。
特別聲明：本文為新華網(wǎng)客戶端新媒體平臺(tái)“新華號(hào)”賬號(hào)作者上傳并發(fā)布，僅代表作者觀點(diǎn)，不代表新華號(hào)的立場(chǎng)及觀點(diǎn)。新華號(hào)僅提供信息發(fā)布平臺(tái)。
中新經(jīng)緯客戶端6月1日電 1日，深交所向如意集團(tuán)下發(fā)關(guān)注函，要求針對(duì)保留意見審計(jì)報(bào)告涉及事項(xiàng)對(duì)公司2019年財(cái)務(wù)報(bào)表的實(shí)際影響金額、是否構(gòu)成非經(jīng)營(yíng)性資金占用等作出說(shuō)明。
5月28日，山東服裝企業(yè)如意集團(tuán)延期一個(gè)月披露的2019年年度報(bào)告面世。數(shù)據(jù)顯示，去年全年，如意集團(tuán)實(shí)現(xiàn)營(yíng)業(yè)收入11.50億元，同比下降13.39%；凈利潤(rùn)4816.95萬(wàn)元，同比下降51.35%。如意集團(tuán)表示，業(yè)績(jī)下滑主要受宏觀經(jīng)濟(jì)形勢(shì)不利影響，以及市場(chǎng)需求不確定性加大及環(huán)保政策趨緊，同時(shí)受到公司內(nèi)部產(chǎn)品結(jié)構(gòu)調(diào)整的影響。
來(lái)源：如意集團(tuán)2019年年度報(bào)告
年報(bào)公布后，負(fù)責(zé)審計(jì)年報(bào)的和信會(huì)計(jì)師事務(wù)所出具了保留意見的審計(jì)報(bào)告，涉及事項(xiàng)包括：無(wú)法確定價(jià)值10.99億元的交易是否為關(guān)聯(lián)交易；無(wú)法確定3.1億元預(yù)付賬款能否收到貨物或收回款項(xiàng)；對(duì)于4.4億元應(yīng)收賬款期末余額，無(wú)法判斷2648萬(wàn)元的壞賬準(zhǔn)備是否充分計(jì)提等。
對(duì)此，深交所要求如意集團(tuán)就以下七方面事項(xiàng)認(rèn)真核查并做出書面說(shuō)明：
第一，根據(jù)《公開發(fā)行證券的公司信息披露編報(bào)規(guī)則第14號(hào)——非標(biāo)準(zhǔn)審計(jì)意見及其涉及事項(xiàng)的處理》的相關(guān)規(guī)定，
(1)說(shuō)明保留意見涉及事項(xiàng)對(duì)公司2019年財(cái)務(wù)報(bào)表的實(shí)際影響金額，并說(shuō)明消除相關(guān)事項(xiàng)及其影響的具體措施、預(yù)期消除影響的可能性及時(shí)間。
(2)請(qǐng)年審簽字會(huì)計(jì)師說(shuō)明保留意見涉及事項(xiàng)對(duì)公司2019年財(cái)務(wù)報(bào)表可能的影響金額、考慮影響金額后盈虧性質(zhì)是否發(fā)生變化，認(rèn)為保留意見涉及事項(xiàng)對(duì)財(cái)務(wù)報(bào)表不具有廣泛性影響的理由，以及基于上述審計(jì)受限的情況下發(fā)表保留意見的詳細(xì)理由和依據(jù)，是否存在以保留意見代替無(wú)法表示意見的情形。
第二，根據(jù)《審計(jì)報(bào)告》中“形成保留意見基礎(chǔ)”的第一項(xiàng)內(nèi)容，2019年10月和11月，公司累計(jì)向關(guān)聯(lián)方山東如意時(shí)尚科技發(fā)展有限公司(下稱“如意時(shí)尚”)支付10.99億元款項(xiàng)，性質(zhì)為認(rèn)購(gòu)銀川維信產(chǎn)業(yè)基金合伙企業(yè)(有限合伙)(下稱“維信基金”)的投資款。會(huì)計(jì)師未能就公司投資維信基金的交易性質(zhì)、是否屬于關(guān)聯(lián)交易、對(duì)財(cái)務(wù)報(bào)表的影響獲取充分、適當(dāng)?shù)膶徲?jì)證據(jù)。
(1)說(shuō)明與如意時(shí)尚的關(guān)聯(lián)關(guān)系，本次交易是否構(gòu)成關(guān)聯(lián)交易，前期《關(guān)于投資入伙銀川維信產(chǎn)業(yè)基金合伙企業(yè)(有限合伙)的公告》等信息披露是否存在虛假及需要更正的情形。
(2)公司公告稱向如意時(shí)尚支付10.99億元股權(quán)轉(zhuǎn)讓款項(xiàng)是由于如意時(shí)尚前期已為上市公司代為支付相關(guān)款項(xiàng)。說(shuō)明未直接向維信基金合伙人支付款項(xiàng)的原因及合理性，至今尚未完成維信基金入伙過戶手續(xù)的具體原因及合理性，并對(duì)比如意時(shí)尚前期代公司支付的款項(xiàng)金額、支付時(shí)間及公司向如意時(shí)尚支付款項(xiàng)的金額、支付時(shí)間說(shuō)明公司向如意時(shí)尚支付的款項(xiàng)金額是否高于如意時(shí)尚代公司支付款項(xiàng)的金額、支付時(shí)點(diǎn)是否合理。提供上述事項(xiàng)的具體支持性文件。
(3)說(shuō)明向如意時(shí)尚支付款項(xiàng)是否構(gòu)成非經(jīng)營(yíng)性資金占用或財(cái)務(wù)資助。
第三，截至2019年年末，公司對(duì)張家港保稅區(qū)晟暉廣和毛棉有限公司、青島裕龍東雍國(guó)際物流有限公司、裕龍集團(tuán)有限公司的預(yù)付賬款合計(jì)金額為3.1億元。會(huì)計(jì)師無(wú)法確定你公司能否收到貨物或收回款項(xiàng)。截至目前，上述供應(yīng)商合計(jì)向你公司返還款項(xiàng)1.74億元，僅交貨1860萬(wàn)元。
(1)說(shuō)明上述三家供應(yīng)商是否與公司存在關(guān)聯(lián)關(guān)系或其他利益關(guān)系，并結(jié)合向上述三家供應(yīng)商采購(gòu)的具體產(chǎn)品及服務(wù)向上述三家供應(yīng)商支付預(yù)付款項(xiàng)的具體時(shí)點(diǎn)、金額等說(shuō)明向其采購(gòu)的必要性，相關(guān)支付進(jìn)度是否符合行業(yè)慣例，是否符合相關(guān)協(xié)議的約定，提前預(yù)付大額款項(xiàng)但未收取貨物的合理性，相關(guān)采購(gòu)是否具備商業(yè)實(shí)質(zhì)，是否存在財(cái)務(wù)資助和資金占用的情形。
(2)說(shuō)明后續(xù)能否收回剩余預(yù)付款項(xiàng)及貨物，公司是否已制定并執(zhí)行切實(shí)有效的保障措施。
(3)請(qǐng)會(huì)計(jì)師說(shuō)明針對(duì)預(yù)付賬款已執(zhí)行的審計(jì)程序及獲取的審計(jì)證據(jù)，無(wú)法判斷上述交易背景的原因及影響的具體理由與依據(jù)。
第四，公司對(duì)關(guān)聯(lián)方的應(yīng)收賬款期末余額為4.4億元，壞賬準(zhǔn)備計(jì)提金額為2648.38萬(wàn)元。會(huì)計(jì)師無(wú)法判斷關(guān)聯(lián)方應(yīng)收賬款的壞賬準(zhǔn)備計(jì)提的充分性。逐項(xiàng)說(shuō)明上述關(guān)聯(lián)方應(yīng)收賬款的形成原因及商業(yè)實(shí)質(zhì)、賬齡情況、壞賬計(jì)提依據(jù)、截至目前的回款情況，以及是否存在應(yīng)計(jì)提而未計(jì)提的情形。
第五，根據(jù)《控股股東及其他關(guān)聯(lián)方占用資金情況專項(xiàng)報(bào)告》顯示，公司不存在非經(jīng)營(yíng)性資金占用。結(jié)合導(dǎo)致保留意見的事項(xiàng)，進(jìn)一步核查并說(shuō)明相關(guān)資金往來(lái)的性質(zhì)及原因，是否存在非經(jīng)營(yíng)性資金占用的情形。
第六，說(shuō)明為保證會(huì)計(jì)師開展審計(jì)工作所提供的具體保障措施，相關(guān)措施是否足夠保障會(huì)計(jì)師獲取審計(jì)證據(jù)，是否已充分履行管理層對(duì)財(cái)務(wù)報(bào)表的責(zé)任。
第七，公司認(rèn)為應(yīng)予以說(shuō)明的其它事項(xiàng)。
深交所要求如意集團(tuán)就上述問題做出書面說(shuō)明，在6月4日前將有關(guān)說(shuō)明材料報(bào)送中小板公司管理部并對(duì)外披露，同時(shí)抄報(bào)山東證監(jiān)局上市公司監(jiān)管處。深交所提醒，上市公司應(yīng)當(dāng)按照國(guó)家法律、法規(guī)、本所《股票上市規(guī)則》和《上市公司規(guī)范運(yùn)作指引》等規(guī)定，誠(chéng)實(shí)守信，規(guī)范運(yùn)作，認(rèn)真和及時(shí)地履行信息披露義務(wù)。
公開資料顯示，如意集團(tuán)主要業(yè)務(wù)為：紡織品、服裝和服飾的設(shè)計(jì)、生產(chǎn)、銷售。羊毛及其他紡織原料輔料的收購(gòu)、加工及銷售，紡織服裝技術(shù)的研發(fā)、推廣等。二級(jí)市場(chǎng)上，1日早間，如意集團(tuán)小幅低開，截至午間收盤上漲2.23%，報(bào)6.88元。
來(lái)源：新華號(hào) 中新經(jīng)緯