電商後臺設計:品類管理

商品作為整個電商平臺中的核心,系統中所有的業務都需要根據它來展開,所以設計一套易用、可擴充套件的商品模組是非常重要的。文章從品類管理的基本業務出發,對具體的功能模組展開了梳理說明,希望透過此文能夠加深你對電商後臺設計的認識。

電商後臺設計:品類管理

由於內容較多,我透過三篇文章來講解一下商品管理中各個功能是如何設計的。商品管理中包含品類管理、品牌管理、屬性管理、商品維護四個功能點,透過這四個功能資料的相互配合,才能完整對商品資料的維護。本篇我們先來聊一聊品類管理是如何實現的。

01 品類管理

電商平臺商品繁多,如果沒有一個好的資料歸類,無論對於後端維護人員還是前端使用者的查詢體驗可以說是災難性的,所以在商品維護模組中品類管理算是最基礎的功能了。

電商平臺中品類管理通常分兩種:前端品類管理和後端品類管理,為什麼會有兩套品類管理呢?

  • 當平臺發展壯大的時候,平臺上的商品非常的多,後端系統需要建立比較細緻的品類對商品歸類以方便精細化管理和資料統計。
  • 前端為了活動促銷,運營人員會根據當前熱度或根據使用者喜好不斷的對品類做個性化調整,以滿足推廣活動,如果直接修改後臺的品類,勢必導致後端品類混亂,維護人員(通常由採購部的人來維護)無法識別商品品類。

基於上面兩點,通常就會開發兩套品類分別由運營人員和採購人員各自進行維護,即不會相互影響,又實現了各自的業務功能。

02 前端品類管理

要了解前端品類的功能,JD、TM肯定是我們必然要參考的物件,所以我們還是先看看他們的品類都有哪些功能,下圖是JD官網首頁的分類展示,我接下來分析一下功能:

電商後臺設計:品類管理
2.1 層級結構

電商品類大大小小几百種,一個好的組織方式無疑能夠讓使用者更快速、更直觀的瞭解網站的業務內容,最常規的方式就是層級分明的樹形結構。綜合考慮到商品的細分程度和使用者的體驗效果,前端展示的品類一般都是三級結構。

2.2 命名規則

由於頁面高度限制和使用者視覺效果影響,網站首頁預設只顯示一級品類,二、三級品類通常被隱藏,需要透過使用者移動滑鼠來進行觸發顯示。

由於預設只顯示一級品類,但是又需要讓使用者對網站業務能有一個直觀的瞭解,所以一級品類通常都是根據相似功能聚合多個品類一同進行展示,到二三級則為具體類目資訊。

當然不同企業有不同的戰略考慮,還是需要根據實際業務考慮,合理組織商品類目資訊。

2.3 個性化跳轉

活動運營是電商平臺的核心業務,而品類作為電商的一個重要搜尋入口,前端品類會加入個性化的連結跳轉,透過點選品類跳轉到指定的專題頁或活動頁,以增加活動流量。

大家可以在JD官網上試試,將滑鼠放在品類上,螢幕左下方會出現跳轉連結地址,大體有兩種形式:一種是跳轉到相應的專題頁中;另一種是跳轉到搜尋頁中。

2.4 關聯後端品類

上面我們講了系統需要設計兩套品類管理,它們又是如何關聯在一起的呢?這個問題其實也比較簡單,在建立前端品類的時候,會有一個關聯設定功能,運營人員可以個性化設定關聯多個後臺品類。如:辦公 -> 筆、本子、冊子

電商後臺設計:品類管理
2.5 其它功能
  • ICON:為了美化品類的展示樣式,前端UI通常會設計一些ICON圖示進行最佳化,該功能手機端使用的比較多
  • 排序功能:運營會根據活動熱度動態來調整個別品類顯示的順序,通過後臺排序數字可以自由進行維護
  • 狀態:控制品類是否展示在前端
2.6 原型圖設計

功能整理:

電商後臺設計:品類管理

列表頁原型圖:

電商後臺設計:品類管理

列表頁上的刪除功能需要注意,當品類包含子品類時,父級品類不能被刪除,必須要先刪除完所有的子品類,以防止造成系統內部髒資料。

表單頁原型圖:

電商後臺設計:品類管理

關聯品類頁原型圖:

電商後臺設計:品類管理

前端品類關聯後端品類時,可以關聯到任意一級,無須精確到最後一級。

03 後端品類管理

對於後來系統來說,主要用於資料分類,功能相對較少一些,對於頁面最佳化並沒有那麼高要求,所以跳轉路徑、ICON設定就不需要進行維護。

但是它有一個非常重要的關聯屬性功能,用於維護商品展示屬性的基礎設定,由於涉及內容比較多,我在下一篇文章中介紹。

功能整理圖:

電商後臺設計:品類管理

列表頁原型圖:

電商後臺設計:品類管理

表單頁原型圖:

電商後臺設計:品類管理

小提示:在展示樹形結構資料時,當資料量比較少的時候(如系統選單列表)通常會採用帶有上下級摺疊功能的樣式進行展示,但是資料量比較大的時候,通常採用分頁展示,不然單頁面資料太大,經常出現卡頓現象。

作者:JackLiu;個人微信公眾號: 揚帆去遠航(ID:Jackai_liu)

本文由 @Jack 原創釋出於人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基於CC0協議。

版權宣告:本文源自 網路, 於,由 楠木軒 整理釋出,共 1796 字。

轉載請註明: 電商後臺設計:品類管理 - 楠木軒