編輯導語：有贊產品體驗部更名為“審美缺失部”這個事件背后，不僅是圖標設計審美的缺失，更是后臺界面設計的混亂。本文作者重新設計了一個后臺界面稿，并對自己的設計思維進行了闡述說明，與大家分享。
演示地址：https://www.pmdaniu.com/storages/121247/40cc6ae538e327a355492adc5d140ef6-27391/index.html
前言
前些日，我聽說某贊大哥吐槽設計部，怒把產品體驗部更名為“審美缺失部”，吐槽點好像不是后臺系統，而是上面的三個 圖標，但沒關系，某贊后臺功能真滴很強大，不吹不黑，但后臺界面……
于是我一時興起，下班時間劃水幾個小時（老板我下班時間搞的），懟了個高保真概念稿，來闡述下自己概念稿設計思路…
以下僅個人觀點與想法，我也是保持低調互相學習的態度，向各位在坐的各位大佬請教與指點…
非惡意搞針對：某贊確實是電商行業領軍者，不吹不黑，概念稿僅是個人觀點，非針對友商…
非炫耀想跳槽：更何況自己并不是很優秀，也是自己瞎搞…而且，我現在工資很高，< – < 皮.
直入主題：B端產品TM來搶設計飯碗？逆子….
就搶你飯碗，你能怎么滴？
好吧，開個玩笑，先說出發角度闡述下這個觀點，
- B端產品設計后臺，關鍵詞：需求、邏輯、使用者；
- UI設計后臺，關鍵詞：實用、高效、一致性。
看上去確實是從設計思路來看，雙方的出發點都不一樣，但我覺得可能也就文案上不一樣，不管誰來設計，做出來的東西基本是供給需求方便捷實用，不管啥關鍵詞，其目的都是滿足使用者，便捷高效解決問題。
而目前絕大多數公司的情況是這樣：
我司資深產品專家——久經沙場，也可能是技術佬轉過去的，管NTM的啥好不好看，能用起來就行，要啥好看，做原型出文檔的時候，就恨不得把TM所有功能堆上去，怎么滴，我邏輯清晰，我功能強大，功能不夠強大哪來的投資，別整些華而不實用的東西，照著我的原型去做就行（你信么，我有一百種方式讓你離職，真丑到QM都不認識了）
我司高級設計總監——花里胡哨，也可能是平面佬轉過去的，管NTM的….算了不吐槽了.
01 后臺框架
很多saas系統，之前搭建框架的時候，就固定死那些老到不能再老的組件，特別是銀行的……
困難點在：
- 前端修改過于復雜，浪費時間和精力，也沒啥必要（其實這都是主要的扯皮）；
- 設計也找不到前端可敲的組件框架，限制了設計思路（其實這都是次要的扯淡）；
示例布局：
使用場景：
（1）17/19寸
分別率：1024×768（4：3）
用戶群體：大屏專業電商操作使用者（較少）
當前劣勢點：屏幕面積大、功能操作點多（視覺集中性）、中間區域滾動，浪費頂部區域操作區域
（2）16寸
分別率：1280×1024（5：4）
用戶群體：絕大多數商家普通筆記本/電腦（多數）
當前劣勢點：我不多BB，拿這種分別率的屏幕看這個后臺，是真滴丑
（3）13.3寸
分別率：1280×800（Mac）
用戶群體：老板級別蘋果裝逼電腦（重點保護對象）
當前劣勢點：你自己拿你的蘋果電腦看看，功能多了東西全部擠一起，沒有任何主次
02 后臺產品設計
在設計一套功能巨多后臺的，提前思考以下幾個點，才能把后期的需求迭代做到更順
- 可復用性：當前框架能否滿足今后所有需求。例子：萬一我后面有三級菜單了，萬一又有四級了，萬一運營要來插廣告了，萬一自己要埋點優化首頁了
- 零教學性：當前后臺小白新手是不是都要教一遍才會用。例子：東西做出來是不是就你一個人用，做教程的小姐姐 是不是還要你教一遍再做教程，干脆你來做好了
- 最后，能1秒解決的事情就不要拖到5秒
我感覺我再說下去有點搞針對的意思，先從菜單欄去瓦解下我們的功能和需求，要不你們細品下他這個流程……
熱圖分析：應用——經營分析——熱力圖分析 / 數據——熱力圖分析
煮個栗子： 我們移動端熟悉的商品詳情頁，商品詳情頁的路徑有很多個
首頁列表——因為要買商品看看介紹
直播間——同理流量入口看介紹
購物車列表——再次確定商品內容
訂單列表——看看自己買的啥玩樣
移動端同一個頁面的路徑，來源不同的區域（需求不一樣）
但你會發現 首頁列表、直播間、購物車列表、訂單列表 他并不是一個層級的（對，他們不是一級菜單）
回到后臺設計：我們也有商品詳情頁，也有列表頁，也有數據分析頁，但我們的一級菜單只有一種（并非放到左邊那一排就叫一級）
對，能用1秒解決的絕對不用5秒，后臺的每個功能設計，基本都影響到用戶的行為習慣，你們猜猜我下次會從哪里進去熱力圖分析，我啥時候會用熱力圖分析
不不不，你別猜了，某贊沒錯，錯在我瞎JB分析，再說要懟我黑人家了，也許只是別人只單純的先把功能上了再說（絕大多數產品思維）
最后你發現我一頓BB，并沒有扯到跟這套高保真有啥關系，
對，沒啥關系，他給我錢了嗎？我只是隨便搞搞怎么騷氣怎么來。
最后的最后表達下：現在絕大多數B端產品的思維（也是老板的想法）——功能上了再說，樣式差不多就行，樣式我也不負責，前端不好改就先做功能。
度娘今年改了個圓角搜索框樣式，是不是更親民了啊。
本文由 @TC_ZY 原創發布于人人都是產品經理，未經作者許可，禁止轉載。
題圖來自Unsplash，基于CC0協議。
聲明：本文由網站用戶香香發表，超夢電商平臺僅提供信息存儲服務，版權歸原作者所有。若發現本站文章存在版權問題，如發現文章、圖片等侵權行為，請聯系我們刪除。
