2020-9-8 資深UI設(shè)計(jì)者
編輯導(dǎo)語：導(dǎo)出功能我們經(jīng)常能夠使用到，看似一個(gè)很簡單的功能，實(shí)則在設(shè)計(jì)的過程中需要考慮很多的因素。本文作者對導(dǎo)出功能的全過程進(jìn)行了思考，為我們分析了兩種解決方案，拆解了導(dǎo)出前和導(dǎo)出時(shí)的設(shè)計(jì)，并且進(jìn)行了總結(jié)。
功能（百度釋義）：功能是一個(gè)漢語詞語，拼音為gōng néng，意指事物或方法所發(fā)揮的有利作用；效能。
綜合以上釋義，我們再從產(chǎn)品的角度對其理解：功能的好壞不僅僅關(guān)乎其本身，更重要的要看是否為解決實(shí)際問題而服務(wù)。
那導(dǎo)出功能，解決了什么樣的問題？我們先來看一個(gè)場景。
小A作為一名銷售人員，需要每月向領(lǐng)導(dǎo)匯報(bào)一次銷售情況，為了更直觀的讓領(lǐng)導(dǎo)看到銷售情況，小A要對銷售訂單數(shù)據(jù)進(jìn)行不同維度展示與分析。而目前系統(tǒng)只能查看訂單列表與銷售總額，不支持不同維度的數(shù)據(jù)分析。
從場景中我們可以看到這樣一個(gè)問題，由于系統(tǒng)只能查看訂單列表與銷售總額，不支持更全面的數(shù)據(jù)分析，導(dǎo)致小A每次向領(lǐng)導(dǎo)匯報(bào)前，只能人工將一個(gè)月近5000筆的訂單（此處不考慮后續(xù)不斷增加的訂單量）統(tǒng)計(jì)在excel中，從客戶維度計(jì)算出銷售額、銷售量，完成客戶維的銷售情況分析。
從產(chǎn)品SKU維度計(jì)算出銷售額、銷售量，完成產(chǎn)品SKU維銷售情況分析，導(dǎo)致小A的工作效率很低，同時(shí)人工抄錄導(dǎo)致數(shù)據(jù)錯(cuò)誤的的情況也常會(huì)出現(xiàn)，最終導(dǎo)致數(shù)據(jù)分析結(jié)果錯(cuò)誤。
針對該問題，我們深入思考一下，小A想要進(jìn)行更全面的數(shù)據(jù)分析，可以采用以下2種解決方案：
目前我們有兩種解決方案可供選擇，那我們采用哪一種解決方案會(huì)更好呢？
1）采用“新增銷售數(shù)據(jù)分析頁面”的解決方案
通過與小A的繼續(xù)溝通發(fā)現(xiàn)數(shù)據(jù)分析的需求并不穩(wěn)定，處于變化的狀態(tài)。當(dāng)依據(jù)小A的需求完成分析頁面后，過了一段時(shí)間發(fā)現(xiàn)產(chǎn)品隨著季節(jié)變化導(dǎo)致銷售額也不穩(wěn)定，從時(shí)間維度的分析數(shù)據(jù)沒有參考價(jià)值，可能要舍棄這種分析方式。
此時(shí)我們發(fā)現(xiàn)，小A的需求可持續(xù)的時(shí)間極為短暫，不足以支撐一個(gè)長期存在的功能，但已經(jīng)將其實(shí)現(xiàn)為功能，則意味著功能白做了或沒有產(chǎn)生與成本對應(yīng)的價(jià)值。
2）采用“導(dǎo)出銷售數(shù)據(jù)到excel，通過excel的數(shù)據(jù)透視功能完成數(shù)據(jù)分析”解決方案
導(dǎo)出銷售數(shù)據(jù)到excel，可以規(guī)避因手動(dòng)抄錄導(dǎo)致的數(shù)據(jù)分析結(jié)果錯(cuò)誤問題，同時(shí)也會(huì)節(jié)省抄錄數(shù)據(jù)的時(shí)間，提高小A工作效率。
數(shù)據(jù)導(dǎo)出后，小A可以通過excel的數(shù)據(jù)透視功能或者其他第三方軟件完成定制化的數(shù)據(jù)分析，即使不開發(fā)數(shù)據(jù)分析功能，也可以滿足小A的“更全面的數(shù)據(jù)分析”需求。
例如，當(dāng)小A導(dǎo)出如下圖所示的數(shù)據(jù)后：
小A第一步可以先完成不同月份的匯總，在表中添加“月份”字段，添加公式為“=MONTH(A2)”；
第二步：再點(diǎn)擊表格中任意單元格–插入–透視表–新建工作表，將省份拖入數(shù)據(jù)透視表字段的【篩選器】，將月份拖入【行】中，將A、B、C、D產(chǎn)品銷售額(元）拖入【值】中；將行標(biāo)簽改為月份，每個(gè)字段以求和方法計(jì)算并修改字段名稱。
第三步：選中透視表中數(shù)據(jù)，調(diào)整格式為加千分位逗號(hào)，保留0位小數(shù)。
第四步：為了讓數(shù)據(jù)展現(xiàn)可視化，插入透視圖。
通過公式篩選、透視表、透視圖的使用，小A可以點(diǎn)擊查看不同地區(qū)、月份、產(chǎn)品的分類匯總數(shù)據(jù)，可以很直觀地反映出時(shí)間維度的銷售情況、不同地區(qū)的銷售情況、很好地為產(chǎn)品選擇、地域選擇做出數(shù)據(jù)依據(jù)支撐。
數(shù)據(jù)分析功能會(huì)從數(shù)據(jù)源、數(shù)據(jù)處理、數(shù)據(jù)的可視化來實(shí)現(xiàn)，而Excel的透視表對應(yīng)了數(shù)據(jù)明細(xì)（數(shù)據(jù)源），公式能夠完成較多的數(shù)據(jù)計(jì)算任務(wù)（數(shù)據(jù)處理）。
透視圖可以直觀、清晰的展示各類產(chǎn)品在不同月份、不同地區(qū)的銷售情況及總的銷售情況分析，為產(chǎn)品布局提供指導(dǎo)性參考依據(jù)（數(shù)據(jù)可視化）。
另外當(dāng)小A從數(shù)據(jù)透視圖看到某個(gè)月份銷售額過高，可以直接點(diǎn)擊查看透視表中的數(shù)據(jù)明細(xì)是否存在錯(cuò)誤，當(dāng)小A想查看每個(gè)產(chǎn)品銷售額的占比，可以新建數(shù)據(jù)透視表并將透視圖切換成餅狀圖查看。
由此可見，用Excel來做數(shù)據(jù)分析不僅可以很靈活的滿足需求，而且還很實(shí)用、很方便，也不會(huì)因功能的限制導(dǎo)致對數(shù)據(jù)無法分析。
通過以上論證，我們發(fā)現(xiàn)，既要能夠解決問題又要支撐一個(gè)長期存在的功能，還要用較低成本以及最快的方式來完成，我們采用最佳的解決方案：“導(dǎo)出”。
既然已經(jīng)明確最佳解決方案是“導(dǎo)出”，那接下來就從導(dǎo)出的全生命周期看看，如何設(shè)計(jì)導(dǎo)出功能？
1）明確導(dǎo)出數(shù)據(jù)限制
無論當(dāng)前的系統(tǒng)數(shù)據(jù)量是多少，建議都要做導(dǎo)出條數(shù)限制。
因2003版的excel 一個(gè)sheet表最多導(dǎo)出65535條數(shù)據(jù)，2007版的excel是10萬4000多條。如果不設(shè)限，當(dāng)用戶導(dǎo)出的數(shù)據(jù)量超過excel單個(gè)sheet的數(shù)據(jù)量時(shí)，會(huì)出現(xiàn)導(dǎo)出失敗的情況，影響用戶的正常使用，且產(chǎn)生對系統(tǒng)的不信任情緒。
那應(yīng)該限制到多少條數(shù)據(jù)？
我們先來了解一下導(dǎo)出的技術(shù)原理，當(dāng)用戶點(diǎn)擊導(dǎo)出后，數(shù)據(jù)會(huì)被以excel的形式下載到服務(wù)器，服務(wù)器再通過網(wǎng)絡(luò)將文件發(fā)送給用戶。
在這個(gè)過程中，導(dǎo)出條數(shù)受限制的原因一個(gè)是服務(wù)器性能，另一個(gè)是用戶的電腦性能以及所使用excel版本，在實(shí)際產(chǎn)品設(shè)計(jì)時(shí)，根據(jù)實(shí)際情況，制定一個(gè)合理的數(shù)據(jù)限制即可。
回到開頭的場景中，用戶不僅要導(dǎo)出數(shù)據(jù)還要做數(shù)據(jù)透視表，假設(shè)用戶使用的03版excel，導(dǎo)出30多個(gè)字段，使用大量excel公式，最穩(wěn)妥的是限制到1萬條數(shù)據(jù)以內(nèi)。
做了一組極限測試數(shù)據(jù)供大家參考，使用一臺(tái)2核4G的服務(wù)器、1個(gè)用戶使用、導(dǎo)出條數(shù)是1048576條（導(dǎo)出最大條數(shù)）、導(dǎo)出3個(gè)字段、使用2010版excel，導(dǎo)出后當(dāng)使用一個(gè)sum公式時(shí)，出現(xiàn)了如下圖的錯(cuò)誤，導(dǎo)致excel異常退出。
2）明確導(dǎo)出格式
數(shù)據(jù)導(dǎo)出格式有.xls和.csv，.xls是二進(jìn)制的文件用excel才能打開；.csv是文本文件，用記事本就能打開。而當(dāng)前用戶導(dǎo)出數(shù)據(jù)后要進(jìn)行的是數(shù)據(jù)分析，故只需支持.xls導(dǎo)出。
3）明確導(dǎo)出需求
導(dǎo)出一個(gè)excel一個(gè)sheet，還是一個(gè)excel多個(gè)sheet？
考慮到用戶導(dǎo)出數(shù)據(jù)后要對訂單數(shù)據(jù)進(jìn)行分析，可以與用戶明確是否需要按某一維度如客戶維度將數(shù)據(jù)拆分成多個(gè)sheet，減少用戶操作數(shù)據(jù)的時(shí)間以便能把更多精力放在數(shù)據(jù)分析。
如果用戶不需要按照某一維度拆分?jǐn)?shù)據(jù)，則采用導(dǎo)出一個(gè)excel一個(gè)sheet的方式。
表頭是否需要增加序號(hào)列？
當(dāng)用戶導(dǎo)出訂單數(shù)據(jù)后，為了讓用戶準(zhǔn)確操作某一行數(shù)據(jù)，需要有唯一代表一行數(shù)據(jù)的標(biāo)記，而在訂單導(dǎo)出前是以數(shù)據(jù)庫的主鍵來標(biāo)記，對于導(dǎo)出后的訂單，則需要自動(dòng)增加序號(hào)列方便用戶操作。
是否有內(nèi)容需要用顏色標(biāo)注區(qū)別？
在導(dǎo)出訂單數(shù)據(jù)中，為了快速掌握銷售情況，有些數(shù)據(jù)是需要特別關(guān)注的、而有些不需要。因此，可以使用顏色標(biāo)注來做區(qū)別，讓查看人員快速找到自己想要的數(shù)據(jù)，如可以標(biāo)注總計(jì)快速查看總銷售額。
是否需要合并單元格？
對于導(dǎo)出后進(jìn)行數(shù)據(jù)分析，不建議使用合并單元格，因excel中合并單元格后僅保留左上角的值如下圖所示，這樣會(huì)使得篩選出現(xiàn)錯(cuò)誤，也影響批量的公式使用導(dǎo)致透視表無法分析。
如果導(dǎo)出后只查看數(shù)據(jù)，可以考慮使用合并單元格。
1）是否需要導(dǎo)出維度
百度釋義：維度是事物“有聯(lián)系”的抽象概念的數(shù)量，如時(shí)間維度是以時(shí)間作為描述、表達(dá)變量的度量尺度。
導(dǎo)出維度是指的按照特定場景下，導(dǎo)出以某個(gè)字段為主導(dǎo)數(shù)據(jù)且與該字段相關(guān)的其他字段數(shù)據(jù)。
一般來說，財(cái)務(wù)和倉庫的導(dǎo)出業(yè)務(wù)場景不同，財(cái)務(wù)需要以訂單維度導(dǎo)出，倉庫需要按商品為維度導(dǎo)出，如果無需導(dǎo)出維度，則不需要過度設(shè)計(jì)。
2）設(shè)置表頭導(dǎo)出字段
由于訂單的一條記錄數(shù)據(jù)字段會(huì)很多，包括：訂單號(hào)、銷售類型、客戶名稱、產(chǎn)品名稱、數(shù)量、單價(jià)、收貨人、聯(lián)系電話、賬期、發(fā)貨時(shí)間、預(yù)約到倉時(shí)間、發(fā)貨基地名稱、發(fā)貨方式、合同折讓率、應(yīng)收款、已收款、未收款、產(chǎn)季等近30個(gè)字段。
而訂單分析時(shí)，收貨人、聯(lián)系電話、發(fā)貨時(shí)間等字段則無需導(dǎo)出。
因此選擇字段導(dǎo)出，可以讓客戶能夠更快速使用并完成分析。導(dǎo)出和查詢均要使用篩選，但呈現(xiàn)結(jié)果的方式不同，兩者的使用場景是可以借鑒的，建議可以放置篩選區(qū)。
3）是否需要支持選擇行導(dǎo)出
一般來說，導(dǎo)出數(shù)據(jù)為全量數(shù)據(jù)，如果用戶通過字段選擇不出需要的數(shù)據(jù)，此時(shí)要支持用戶勾選某些行數(shù)據(jù)，提示用戶當(dāng)前勾選數(shù)據(jù)明細(xì)及數(shù)據(jù)條數(shù)。
4）其他處理
為了讓客戶清晰的明白訂單是如何導(dǎo)出的，需要在導(dǎo)出時(shí)給予導(dǎo)出規(guī)則、導(dǎo)出圖片、附件形式說明文字提示。
5）根據(jù)導(dǎo)出數(shù)據(jù)量，明確數(shù)據(jù)處理方式
從技術(shù)的角度說，針對較大數(shù)據(jù)量的導(dǎo)出場景，可以采用異步的處理方式，降低客戶的焦急心理。
所謂異步，就是用戶點(diǎn)擊導(dǎo)出按鈕后，后端接收請求并執(zhí)行讀取任務(wù)，用戶可以不用停留在原處等待，離開當(dāng)前頁面去處理其它工作任務(wù)，之后再打開任務(wù)頁面查看導(dǎo)出結(jié)果。
如果有數(shù)據(jù)可以預(yù)先計(jì)算，后端可以直接預(yù)先計(jì)算，同時(shí)避免了因采用同步的處理方式導(dǎo)致長時(shí)間等待的結(jié)果，客戶體驗(yàn)會(huì)更好，工作效率也會(huì)更高。
6）是否需要任務(wù)頁面
如果用戶點(diǎn)擊“導(dǎo)出”按鈕后，10秒鐘內(nèi)不能完成文件打開，會(huì)讓用戶產(chǎn)生焦慮心理。為了讓用戶使用體驗(yàn)更佳，需要有一個(gè)固定頁面即任務(wù)頁面來承載導(dǎo)出任務(wù)列表。
功能，是為解決問題而生，而功能的起源是需求，需求是從場景中找到問題。
由此可見，功能設(shè)計(jì)流程一定會(huì)包含場景選定、問題分析并找準(zhǔn)需求、解決方案分析、選定功能、功能設(shè)計(jì)這5個(gè)階段。
做功能設(shè)計(jì)時(shí)，時(shí)刻問自己三個(gè)為什么：為什么這是一個(gè)問題（問題具備危害性）？為什么要解決這個(gè)問題（被解決的價(jià)值）？為什么我選定的功能可以解決這個(gè)問題（功能的價(jià)值）？
導(dǎo)出不僅可以解決文中的“需要更全面的數(shù)據(jù)分析”的問題，還可以解決“數(shù)據(jù)離線使用”的問題，導(dǎo)出后，數(shù)據(jù)以本地文件的形式存在，可離線使用。
另外導(dǎo)出還能解決“數(shù)據(jù)交付系統(tǒng)外部人員”的問題，導(dǎo)出后，數(shù)據(jù)以獨(dú)立文件的形式存在，可以復(fù)制，傳遞。
文章來源：人人都是產(chǎn)品經(jīng)理 作者：努力的小妖
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com