從有讚的“審美缺失部”出發，聊聊後台產品設計思維

演示地址：https://www.pmdaniu.com/storages/121247/40cc6ae538e327a355492adc5d140ef6-27391/index.html

前言

前些日，我聽説某贊大哥吐槽設計部，怒把產品體驗部更名為“審美缺失部”，吐槽點好像不是後台系統，而是上面的三個 圖標，但沒關係，某贊後台功能真滴很強大，不吹不黑，但後台界面……

於是我一時興起，下班時間划水幾個小時（老闆我下班時間搞的），懟了個高保真概念稿，來闡述下自己概念稿設計思路…

以下僅個人觀點與想法，我也是保持低調互相學習的態度，向各位在坐的各位大佬請教與指點…

非惡意搞針對：某贊確實是電商行業領軍者，不吹不黑，概念稿僅是個人觀點，非針對友商…

非炫耀想跳槽：更何況自己並不是很優秀，也是自己瞎搞…而且，我現在工資很高，< – < 皮.

直入主題：B端產品TM來搶設計飯碗？逆子….

就搶你飯碗，你能怎麼滴？

好吧，開個玩笑，先説出發角度闡述下這個觀點，

• B端產品設計後台，關鍵詞：需求、邏輯、使用者；
• UI設計後台，關鍵詞：實用、高效、一致性。

看上去確實是從設計思路來看，雙方的出發點都不一樣，但我覺得可能也就文案上不一樣，不管誰來設計，做出來的東西基本是供給需求方便捷實用，不管啥關鍵詞，其目的都是滿足使用者，便捷高效解決問題。

而目前絕大多數公司的情況是這樣：

我司資深產品專家——久經沙場，也可能是技術佬轉過去的，管NTM的啥好不好看，能用起來就行，要啥好看，做原型出文檔的時候，就恨不得把TM所有功能堆上去，怎麼滴，我邏輯清晰，我功能強大，功能不夠強大哪來的投資，別整些華而不實用的東西，照着我的原型去做就行（你信麼，我有一百種方式讓你離職，真醜到QM都不認識了）

我司高級設計總監——花裏胡哨，也可能是平面佬轉過去的，管NTM的….算了不吐槽了.

01 後台框架

很多saas系統，之前搭建框架的時候，就固定死那些老到不能再老的組件，特別是銀行的……

困難點在：

1. 前端修改過於複雜，浪費時間和精力，也沒啥必要（其實這都是主要的扯皮）；
2. 設計也找不到前端可敲的組件框架，限制了設計思路（其實這都是次要的扯淡）；

而且真實使用者情況：能做就行，還想咋滴？難不成能給我退錢？

示例佈局：

使用場景：

（1）17/19寸

分別率：1024×768（4：3）

用户羣體：大屏專業電商操作使用者（較少）

當前劣勢點：屏幕面積大、功能操作點多（視覺集中性）、中間區域滾動，浪費頂部區域操作區域

（2）16寸

分別率：1280×1024（5：4）

用户羣體：絕大多數商家普通筆記本/電腦（多數）

當前劣勢點：我不多BB，拿這種分別率的屏幕看這個後台，是真滴醜

（3）13.3寸

分別率：1280×800（Mac）

用户羣體：老闆級別蘋果裝逼電腦（重點保護對象）

當前劣勢點：你自己拿你的蘋果電腦看看，功能多了東西全部擠一起，沒有任何主次

02 後台產品設計

在設計一套功能巨多後台的，提前思考以下幾個點，才能把後期的需求迭代做到更順

1. 可複用性：當前框架能否滿足今後所有需求。例子：萬一我後面有三級菜單了，萬一又有四級了，萬一運營要來插廣告了，萬一自己要埋點優化首頁了
2. 零教學性：當前後台小白新手是不是都要教一遍才會用。例子：東西做出來是不是就你一個人用，做教程的小姐姐 是不是還要你教一遍再做教程，乾脆你來做好了
3. 最後，能1秒解決的事情就不要拖到5秒

示例對比：

我感覺我再説下去有點搞針對的意思，先從菜單欄去瓦解下我們的功能和需求，要不你們細品下他這個流程……

熱圖分析：應用——經營分析——熱力圖分析 / 數據——熱力圖分析

煮個栗子： 我們移動端熟悉的商品詳情頁，商品詳情頁的路徑有很多個

首頁列表——因為要買商品看看介紹

直播間——同理流量入口看介紹

購物車列表——再次確定商品內容

訂單列表——看看自己買的啥玩樣

移動端同一個頁面的路徑，來源不同的區域（需求不一樣）

但你會發現 首頁列表、直播間、購物車列表、訂單列表 他並不是一個層級的（對，他們不是一級菜單）

回到後台設計：我們也有商品詳情頁，也有列表頁，也有數據分析頁，但我們的一級菜單隻有一種（並非放到左邊那一排就叫一級）

對，能用1秒解決的絕對不用5秒，後台的每個功能設計，基本都影響到用户的行為習慣，你們猜猜我下次會從哪裏進去熱力圖分析，我啥時候會用熱力圖分析

不不不，你別猜了，某贊沒錯，錯在我瞎JB分析，再説要懟我黑人家了，也許只是別人只單純的先把功能上了再説（絕大多數產品思維）

最後你發現我一頓BB，並沒有扯到跟這套高保真有啥關係，

對，沒啥關係，他給我錢了嗎？我只是隨便搞搞怎麼騷氣怎麼來。

最後的最後表達下：現在絕大多數B端產品的思維（也是老闆的想法）——功能上了再説，樣式差不多就行，樣式我也不負責，前端不好改就先做功能。

度娘今年改了個圓角搜索框樣式，是不是更親民了啊。

本文由 @TC_ZY 原創發佈於人人都是產品經理，未經作者許可，禁止轉載。

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