導(dǎo)出功能怎么設(shè)計?我有一個小做法

16 評論 16045 瀏覽 88 收藏 9 分鐘

產(chǎn)品是一種思維,而不是技能。本文作者分享了自己關(guān)于導(dǎo)出功能的一些小想法,希望看完你對此有新的思考。

擺好架勢,構(gòu)思本文時的一個想法,結(jié)合我18年遇到的情況,驗證了我17年的一個感悟:產(chǎn)品是一種思維,而不是技能。

17年,買過某某課的一個初級產(chǎn)品課程,看完感覺收獲特別少,遠不如看幾篇優(yōu)質(zhì)文章有意義。后來陸續(xù)買過不少書,看過不少產(chǎn)品課程。發(fā)現(xiàn)一個共同的特點,那就是內(nèi)容中的“中道理”占了大量篇幅,導(dǎo)致有效信息被稀釋了很多,信息密度極低。

而信息密度低,是不符合用戶買課程時的需求的。也就是說,凡是不好的課/書籍,其本身這個【產(chǎn)品】就不是一個好產(chǎn)品,又怎么能教別人做好產(chǎn)品呢?這是個悖論。

上面兩段,是我的“中道理”,僅適合當下我的認知。為了本文的信息密度被稀釋,本文講個“小做法”,小做法是客觀的,沒有對錯之分,只有具體場景下的優(yōu)劣對比。

也就是說通過搜索功能看到本文的人,看完后是會有收獲的。而不需要的人會被標題攔截,無需浪費時間來閱讀。下面進入主題。

一、背景

假設(shè),收集到一些反饋如下

  • 財務(wù)需要對賬,希望能導(dǎo)出訂單數(shù)據(jù)
  • 合作的企業(yè)渠道需要數(shù)據(jù)反饋,這里假設(shè)為接口對接能力的渠道
  • 合作的個人渠道需要數(shù)據(jù)反饋,這里假設(shè)為沒有接口對接能力的渠道
  • 業(yè)務(wù)團隊需要計算績效

繼續(xù)假設(shè),一頓操作猛如虎

  • 深入調(diào)研需求細節(jié)
  • 流程圖、思維導(dǎo)圖、5W1H、MECE、SWOT、SMART…分析完畢
  • 小范圍內(nèi)部討論,確定MVP版本,散會

二、動手

落子

這里的分析,是另一片戰(zhàn)場。

需求分析的結(jié)論中:

  • 導(dǎo)出條件需要靈活,目測可放到篩選區(qū)。
  • 導(dǎo)出表頭不能統(tǒng)一,財務(wù)和市場需要的導(dǎo)出表頭不一樣,目測需要表頭可配置。
  • 導(dǎo)出業(yè)務(wù)場景不同,倉庫需要按商品為維度導(dǎo)出,財務(wù)需要按訂單導(dǎo)出。

以上,得出結(jié)論,導(dǎo)出功能放在訂單列表的篩選區(qū),打開訂單列表頁,模擬使用場景,發(fā)現(xiàn)放這里挺通順的,開搞。

心里默念《七字真言》——增刪改查顯算傳

  • 查:當前近30天數(shù)據(jù)是15萬條,查詢有壓力。
  • 顯:查詢可能需要跑定時任務(wù),顯示過程不能是一個臨時彈窗,需要有個固定入口和頁面。
  • 傳:導(dǎo)出文件可能偏大,會涉及到下載失敗、斷點續(xù)傳、占用帶寬等問題,需要提出給技術(shù)。

那我們現(xiàn)在給訂單列表的篩選區(qū)增加一個導(dǎo)出按鈕,和一個導(dǎo)出的固定入口,如下圖(圖中紅線框中的是【帶下拉框的按鈕】組件):

PS:這一步其實挺重要的,通常需要對整個項目有全局的了解,才能找到合適的位置嵌入新功能。所以這一步應(yīng)該由產(chǎn)品經(jīng)理做,下面的導(dǎo)出彈窗可以給助理做。

第一步,表頭配置

點擊導(dǎo)出后,應(yīng)該是一個彈窗,根據(jù)上面分析,彈窗上需要有個表頭配置。

為了讓財務(wù)小姐姐使用起來方便,還是給做成集成式的吧,不用一項一項的勾選。可惜市場的大哥們也跟著沾光了,哎。

那么,先去看看財務(wù)小姐姐的有些什么權(quán)限。

咦,根據(jù)財務(wù)的角色,Ta們的權(quán)限配置已經(jīng)限制了只能看到部分表頭,篩選項的下拉選項也已受限。

再對比一下市場大哥的角色,嗯,權(quán)限配置和他們提過來的表頭需求完全一致。

好了,表頭配置不需要,跟著各自的權(quán)限走就好了。

第二步,導(dǎo)出維度

導(dǎo)出維度,使用場景明確,也不存在其他關(guān)聯(lián)性,是必要的,直接出圖:

第三步,補充細節(jié)

那么,導(dǎo)出彈窗上還需要哪些信息?

導(dǎo)出和查詢共用一個篩選區(qū),只不過呈現(xiàn)結(jié)果的方式不同,那么使用場景是可以借鑒的。

通過觀察(或經(jīng)驗),用戶在瀏覽查詢結(jié)果時,經(jīng)常會回到篩選區(qū),去確認一下篩選條件。那么導(dǎo)出時也相同,用戶需要再確認一遍導(dǎo)出條件,如下圖:

然后根據(jù)大家自身的業(yè)務(wù)場景,寫一下特殊情況,和導(dǎo)出規(guī)則。如下圖:

最后寫導(dǎo)出規(guī)則時,發(fā)現(xiàn)【導(dǎo)出】按鈕的文案有歧義,改了一下。

第四步,任務(wù)頁面

前面說了,導(dǎo)出還需要有一個固定的頁面來承載,同時也可作為上圖點擊【創(chuàng)建導(dǎo)出任務(wù)】后的反饋頁面。前面已經(jīng)有一個固定入口了,此處又有一個臨時入口,那么導(dǎo)出任務(wù)的頁面做成側(cè)拉抽屜彈窗比較合適,可以多入口調(diào)用。這樣,頁面樣式確定。

接下來是頁面細節(jié),由于任務(wù)頁面是公用的,可以多人分別導(dǎo)出多條。導(dǎo)出過程需要一定的時間,需要加個導(dǎo)出狀態(tài)。導(dǎo)出完成需要下載,下載后的文件名稱也需要增加識別度…

一點一點的完善,順理成章,這個頁面就出來了,如下圖:

在根據(jù)業(yè)務(wù)情況,如果任務(wù)偏多,可以增加篩選區(qū)、翻頁器、刪除功能……等等。

當然,必不可少的異常情況說明,也要列出來。比如日期為空時,不能導(dǎo)出;比如排序方式、下載速度限制、下載文件格式、下載文件名稱??梢允褂肁xure的說明功能,如下圖:

好久沒寫了,手生的很,最近準備宅家里多寫寫,恢復(fù)一下狀態(tài)。同時又不給國家添麻煩,一舉兩得。

大家也都注意安全,防疫口訣要牢記,目前形勢還是比較嚴峻,武漢加油!

 

本文由 @臣有bug揍 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 真棒

    來自廣東 回復(fù)
  2. 有意思!??

    來自浙江 回復(fù)
  3. 你好,想問一下導(dǎo)出功能跟新增一個前端頁面來顯示數(shù)據(jù)這兩種選擇,哪一種技術(shù)上的復(fù)雜性更低呢?

    來自湖南 回復(fù)
    1. 做的時候肯定前者簡單,但是擴展性和適應(yīng)性,肯定是后者更佳,后者耦合性也更低,可以作為獨立功能。

      來自山西 回復(fù)
    2. 做的時候肯定前者簡單,但是擴展性和適應(yīng)性,肯定是后者更佳。

      來自山西 回復(fù)
    3. 按了下回車,回復(fù)就變成兩條了…

      來自山西 回復(fù)
  4. 挺好的,謝謝作者~

    來自北京 回復(fù)
    1. 謝謝啦~

      來自山西 回復(fù)
  5. 想問下,導(dǎo)出任務(wù)列表彈窗,點擊右上角X,則關(guān)閉彈窗,那如果此時有正在導(dǎo)出的任務(wù)時,彈窗關(guān)閉了后,正在導(dǎo)出中的任務(wù)會暫?;蛘呷∠麊??

    來自湖北 回復(fù)
    1. 不會取消,這相當于任務(wù)管理器,關(guān)閉它不影響任務(wù)的運行。

      回復(fù)
  6. 為什么要導(dǎo)出任務(wù)列表,用戶對后臺邏輯是無感的,不應(yīng)該減少這些頁面和流程嗎,導(dǎo)出后,還要再點擊下載,對用戶來說,導(dǎo)出就是下載,是一個功能,為什么要點兩次才能得到我要的東西。其次,我在一個頁面導(dǎo)出的東西,為什么還要跑到別的模塊去看,有沒有導(dǎo)出成功,再去下載?

    來自上海 回復(fù)
    1. 七字真言那段有解釋,多看看文字,別只看圖,然后再評論。
      你可以針對那幾條解釋做出評論。

      來自山西 回復(fù)
    2. 單獨的導(dǎo)出下載按鈕在B端產(chǎn)品里面就是個雞肋,我最近正好遇到這個問題了

      來自北京 回復(fù)
    3. 同感同感

      來自中國 回復(fù)
  7. 導(dǎo)出需要做Excel模版嗎?

    來自北京 回復(fù)
    1. 導(dǎo)出不需要,你只要確定了字段給開發(fā)就好。
      導(dǎo)入需要模板,是因為系統(tǒng)只能認識你設(shè)定好的字段及格式,比如系統(tǒng)內(nèi)字段叫“姓名”,用戶自建表格表頭叫“名字”,這就會導(dǎo)入失敗。為防止這種情況,才提供固定格式的模板,供用戶填入變量內(nèi)容,確保字段正確。

      來自山西 回復(fù)