B端設計|標簽管理

2 評論 33092 瀏覽 205 收藏 7 分鐘

編輯導語:標簽是什么?標簽可以幫助我們對某類內容進行標識或定義,然而隨著我們的業務場景越來越復雜,“標簽”也需要進行“迭代”,以適應更多樣化的實際場景。具體應該如何做標簽管理,不如來看看作者基于實際業務問題上的總結。

隨著管理平臺的業務越來越復雜,場景的范圍不斷擴大,設計的細節內容也會不斷放大,適應需求,應用到場景中,從單一的屬性走向批量。走向批量那必然會暴露出一些問題。

這一篇目的是說明在復雜業務下的多種場景中,即使一個標簽,也會被放大來看。且不再對設計細節具體設計展示,旨在提供一種方式。

此項整理是因為和產品的討論,產品說遇到一個問題,關于業務復雜后標簽管理問題。

百度百科對“標簽”的定義是用來標志產品目標和分類或內容,便于查找和定位目標的工具,等更詳細的表述。以個人在工作中的看法,標簽就是對數據信息的分類標記,也會附帶部分功能,比如對標簽的刪除。

一、在項目中發現了幾種現象

  1. 結果數據表格中有多個不同的數據字段類型標簽區分不明顯;
  2. 標簽樣式不能滿足需求更新后的更多復雜場景。

問題

標簽需要制作區分不同場景的標簽樣式,以及多種類型標簽同時出現。

簡單來說就是對多場景中標簽視覺樣式進行定義,避免交叉場景中出現視覺干擾問題。

為了區分不同場景下應用的標簽,對標簽也需要進行分類設計,同時不同標簽也會在某以場景下交叉出現,此時需要對標簽進行不同設計。

二、標簽應用的幾個場景

  1. 常用于表格、列表的標簽;
  2. 查詢模塊內的分類、數據細分篩選;
  3. 數據字段內的多個標記;
  4. 精確表意的數據內,圖標代替字段標簽。

三、標簽場景類型

1. 狀態標簽:表格、列表

管理系統里最常用的標簽類型。

1)列表狀態標簽

一般表述為當前數據相關的業務流轉到一個階段的標記。

B端設計|標簽管理

2)卡片狀態標簽

在視覺表現上與列表狀態區分,但所表達意思是同樣的。根據數據內容以及功能要求,對布局的調整。

B端設計|標簽管理

(文字處理后的內容)

2. 選擇標簽:查詢模塊、細分篩選

常用于查詢篩選功能區,從大數據里查詢需要的數據,需要精細篩選,精細篩選一種是搜索,另一種是關鍵字篩選,同電商平臺那種。

B端設計|標簽管理

3. 分類頭部標記標簽:數據結果(段落式、模板式)

數據內容的要求,沒法像列表展示,所以段落式的表現形式,標記標簽放置段首。

B端設計|標簽管理

B端設計|標簽管理

4. 數據類標簽:數據歸類

這類標簽出現的相對來說比較少,附帶操作功能了。以下圖為例,簡單來說是將術語類歸類到某個實體下。

B端設計|標簽管理

5. 字段標記標簽:多個分段數據信息標記及優先級

存在數據字段內的標簽標記內容,此類字段最長長度有上限,所以在字段內允許顯示。

B端設計|標簽管理

亦如下圖多種標簽交叉顯示,字段標簽更好地顯示數據的重點關鍵字。不同的字段標記樣式,也是為了數據展示的優先級進行分層。

B端設計|標簽管理

6. 圖標標簽:意符表意,圖形化的可快速感知的標記

圖標代替文字,一是在視覺上更容易識別區分,表意準確且直接;在空間利用上,減少空間占據。

B端設計|標簽管理

上圖中環形圖比較準確直觀的表達男女占比情況;下圖中的“是”“否”用圖標代替,并且用顏色作為區分,更突出。

B端設計|標簽管理

7. 多種標簽混合

圖標、狀態混合的標簽在同一個數據場景里出現。

B端設計|標簽管理

最后說一丟丟,勿以末小而不為,細枝末節也會影響使用。

 

本文由 @Ychen(啊嗚計) 原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自Unsplash,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 您好,正好在標簽功能規劃上遇到點問題,可以幫忙解答一下嗎?
    背景是這樣的:
    業務偶爾會提述求,說想針對產品增加一個屬性,比如是否合規(是或者否)、是否基礎產品(是或否),基于類似的述求,我們單獨弄了一個產品標簽的功能,讓業務可以自己定義標簽,類似合規、基礎產品想通過標簽來實現;
    但是在具體執行的過程中發現會出現一些問題,比如下游會針對合規產品有一些流程上的區分,直接用標簽不太好區分,如果有單獨的字段來判斷會比較好
    所以我現在的疑惑是:
    1、什么情況下可以直接用標簽,什么情況下需要單獨新增字段呢?
    2、如果這種新增字段的需求比較多,每次都讓技術開發,也是比較麻煩,有沒有比較好的方法呢?

    來自廣東 回復
    1. 個人覺得哈:
      1、你說的是否合規、是否基礎產品這種都不能叫做標簽,最好能從業務上進行分類,比如:將合規產品,基礎產品作為產品的一個屬性值來呈現,這樣可以方便后續的業務擴展,你方便你說的業務流程上的區分的配置;
      2、對標簽體系來說,有靜態標簽和動態標簽,靜態標簽是隨產品新增的時候就基本已經固定不變的屬性,動態標簽是根據業務規則的變化而變化,在功能設計上可以設計為靈活一點,將標簽的規則抽象出來可配置,可以減少每次變化都要由開發進行代碼調整,新增標簽也只需要配置規則即可。

      來自四川 回復