TO B產品設計專題(1): 8種填單場景和設計要點(基礎5種)

6 評論 8838 瀏覽 27 收藏 12 分鐘

編輯導語:在TO B產品中,經常會遇到填寫表單的設計,從各種表單場景到生成表單等等步驟都是TO B場景中最基礎的,設計表單的不同場景以及設計要點也要區分和注意;本文作者分享了8種填單場景和設計要點,我們一起來學習一下。

俗語有言:管中窺豹可見一斑。

填單是TO B產品設計中最普遍的功能,本文通過剖析8種填單場景,討論其發生原因、原型實現、設計要素,從而總結TO B產品的點滴設計方法。

TO B,我們在路上~~

一、TO B產品和TO C產品的設計差別

郭麒麟在德云社有一句調侃自己父親的話,我覺得可作為本文的開篇定調——爸爸的快樂你想象不到。

調侃歸調侃,話糙理不糙;不同生活環境下的人,價值觀截然不同;同理、TO B產品和TO C產品這兩種屬于不同生活情境下的產物,就生發出不同的價值觀。

填單雖然是兩種情境下共有的功能,但是兩者的產品理念、產品設計就謬以千里;填單場景共8種,本文展現的是TO B情境下的前5種填單場景;每種都在項目中踐行過,有場景研究、有原型設計、有要點總結、有方法思考。

這5種填單場景是TO B場景中最為基礎的內容,分別為“基礎填單場景、自動生成場景、模板填單場景、導入填單場景、復制填單場景”。

二、TO B產品8種填單場景KANO模型圖

我們采用KANO模型來歸類這8種填單場景,8種填單場景的建設順序也可按照這個金字塔從下至上逐步進行。

不同的地方在于,TO C做好基本型即可,而TO B因為角色太多、場景太多,所以必須將基本型和期望型均要建設好。

三、基礎填單場景

1. 概念解說

基礎填單場景是大家最喜聞樂見的填單形式,簡言之就是打開一張空白頁從零進行填單,這種填單場景我一般將之分為“一頁填單”和“分頁填單”兩類設計形式。

這兩類設計形式絕對不是隨便亂用的,在多個項目實踐我們總結了一些要點可供大家參考。

下面我將圍繞“長什么樣子?什么條件下用?設計要點?”這3個步驟來分別解說。

2. 一頁填單

什么樣子?

下面是“一頁填單”的設計案例:

什么條件下用?

該種設計形式內容非常簡單、一般應用在如下的情況下:

  • 各區域之間字段有聯動關系;
  • 無明確的填單順序,可以先填寫下半部分內容后再上滑填寫上半部分內容;
  • 填寫內容較少;

設計要點?

  • 整個填單頁要分區域,且區域要有明確的歸類名,方便運維服務中定位;
  • 要將首先填寫的字段,用提示或標志做告知;或者,將首先填寫字段做默認設置,默認為上一次填單內容;
  • 所有填單內容盡可能壓縮在兩頁內布局,否則用戶就會失去耐心和信心;
  • 若下半部分內容與上半部分內容存在聯動關系,則可先將下面內容做隱藏,可減少用戶的填單困惑;

2. 分頁填單

什么樣子?

下面是“分頁填單”的設計案例:

什么條件下用?

  • 各區域之間字段沒有聯動關系,比如不存在修改了第二步內容,還需返回第一步去修改內容;
  • 整個填單頁有明確的填單順序,必須先填寫頂部內容,再填寫尾部內容,則適合分頁填單;
  • 有明確的必填和非必填之分;非必填內容不填,也不影響產品的正常使用;

設計要點?

  • 每一頁的步驟名要足夠精準;
  • 必填內容放置第一頁,非必填內容放置第二頁;方便用戶快速使用產品;
  • 每一頁不要包含太多內容,盡量不上下拉動頁面即可完成一頁填單;

四、自動生成填單場景

1. 為何需要自動生成填單場景

填單的最高境界就是“不填單”。

在TO B產品設計中,每一張單都是一次成本的挑戰之旅;從端到端數據流轉角度,最理想的所有數據會自動歸集,而無需人工錄入;可現在因為煙囪式的系統架構,數據都是割裂在各個系統內,所以人工錄入被迫成為必然。

自動生成填單場景就是數據的自動歸集。雖然現實很殘酷,但是夢想依然有。

比如客戶數據、項目數據、供應商數據等基礎數據,就可無需在多個系統內維護;每個系統建立開放API體系。降低邊緣系統的數據維護成本,就是TO B產品的必備設計形式。

2. 自動生成填單場景的設計要點

自動生成填單場景有很多場景,我們總結其要點如下:

  • 每個TO B系統都必須開放API;在TO B沒有一套系統是獨大是缺一不可的,所有系統相通才可全面的服務好企業員工。
  • 在實施過程中,基礎數據最好統一歸集在數據中臺,可提升數據的穩定性,減少API;

五、模板填單場景

1. 為何需要模板填單場景

在B端場景下,有如下3個原因造成填單人必須要有模板填單場景。

  1. 業務發生頻次低,可能一年才有1~2次,所以填單人經常會忘記上一次填單的填寫內容;那么填單人只需要按照上一次填單內容進行填寫即可;
  2. 企業內填單人的崗位固定,填單人的工作內容固定,所以只需要維護特定的幾個模板即可。
  3. B端系統非常復雜,填單人并無動力去學習產品操作,填單的時候才臨時抱佛腳。

2. 模板填單設計要點

如何設計模板填單太過簡單,我就不貼產品原型圖了。只列一下模板填單設計的關鍵要點。

  1. 模板填單的基礎功能為:新增(在填單頁和單據詳情頁有一鍵生成模板功能)、編輯、單個刪除、單個導出、重命名;
  2. 模板填單的拓展功能為:分類、分享、批量刪除、批量導出;分類針對的是模板過多情況,可根據運營數據來看;分享可以和本文的“分享填單場景”一并考慮;
  3. 模板填單必須嵌入到填單入口,因為模板填單若獨立,則會造成該功能發現不了;

六、導入填單場景

1. 為什么要導入填單場景

導入填單場景是指通過表格導入的方式實現單據內容填充,導入填單場景的必然性就是由“一張單中填寫內容過多”所造成。

2. 導入填單場景設計要點

導入填單場景不外乎就是將一個EXCEL表按照固定格式導入到平臺中,原型也沒必要放,浪費大家流量。直接進入關鍵要點:

  1. EXCEL表的模板必須在線,也就是模板下載位置和導入位置要在一個區,且模板內要明確標識出必填內容、填寫樣例;
  2. 導入前必須做校驗;非常不建議部分校驗通過就允許導入。這會提升表格維護成本。
  3. 支持導入后的內容,一鍵清除;

七、復制填單場景

1. 為什么要復制填單場景

復制填單是指在對單據執行一鍵復制動作,該動作可復制單據所有內容,從而降低用戶填單成本;“復制填單場景”和“模板填單場景”比較雷同,區別點是前者聚焦單的特異性,需全面復制該單的特異性填寫內容;而后者聚焦單的類別性,是為了歸納某類單據類型。

2. 復制填單場景設計要點

  • 復制填單的按鈕一般都在歷史單據列表頁中體現,位置為每一單的操作區;
  • 復制原頁面的時候,要盡可能復制全面一點;因為你不知道用戶是那一塊區域不知道填、不想填;或許用戶復制原頁面,只是因為摘要內容不想自己再寫一遍呢。
  • 復制填單是輔助流程、要嵌入到填單流程中,才可真正激活;

剩余的“業務發生源、分享填單場景、AI語音填單場景”在下一篇文章會分享。

 

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

題圖來自Unsplash,基于CC0協議

給作者打賞,鼓勵TA抓緊創作!
更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 收藏了

    回復
    1. 歡迎多交流溝通

      回復
  2. 關于填單的場景倒是沒有這么細分過,都是知識點!!!

    回復
    1. to b其實有非常多的痛點、都需要去解決;搜索、客服、中臺、數據;均需要去改造;

      回復
  3. 歡迎大家留言

    回復
    1. 可以可以很有用,坐等更新

      回復