1.框架
為了節(jié)省時(shí)間坐梯，開發(fā)一般會(huì)選一個(gè)成熟的框架來(lái)進(jìn)行設(shè)計(jì)徽诲。在這個(gè)框架下，很多導(dǎo)航吵血、組件谎替、控件都是現(xiàn)有的，你的設(shè)計(jì)越接近這個(gè)框架蹋辅，研發(fā)成本越低钱贯。設(shè)計(jì)師一定要了解常用的框架：vue、react侦另、angular秩命。其中vue有element控件庫(kù)，react有ant design控件庫(kù)褒傅，這些都會(huì)節(jié)省你很多時(shí)間弃锐。
2.導(dǎo)航
后臺(tái)類產(chǎn)品常用導(dǎo)航有：頂部導(dǎo)航、左側(cè)導(dǎo)航和混合導(dǎo)航殿托。如果導(dǎo)航數(shù)量較少且標(biāo)題較短霹菊，適合使用頂部導(dǎo)航；如果標(biāo)題較長(zhǎng)支竹，且導(dǎo)航數(shù)量較多旋廷，則使用左側(cè)導(dǎo)航；導(dǎo)航復(fù)雜礼搁，層級(jí)較多的適合使用混合導(dǎo)航饶碘。
need-to-insert-img
3.組件庫(kù)/設(shè)計(jì)規(guī)范
在做后臺(tái)類產(chǎn)品的時(shí)候，設(shè)計(jì)規(guī)范真的很非常非常非常重要馒吴，為什么扎运？因?yàn)楹笈_(tái)產(chǎn)品基本都是增卑雁、刪、改绪囱、查，都是圍著著表單莹捡、表格來(lái)做設(shè)計(jì)鬼吵，而且后臺(tái)類產(chǎn)品頁(yè)面很多，像我做的彩印中央平臺(tái)就有100多頁(yè)篮赢。為了保證操作的一致性齿椅，減少工作量，設(shè)計(jì)師需要提取相同的部分做統(tǒng)一的規(guī)范启泣。與規(guī)范相伴的就是組件庫(kù)涣脚，前面也提到了現(xiàn)在有一些成熟的組件庫(kù)供大家使用，axure也自帶一些常用的控件寥茫，但是因?yàn)槟阕龅臉I(yè)務(wù)不同遣蚀，總有一些組件需要自己設(shè)計(jì)，這些就需要設(shè)計(jì)師提煉出來(lái)形成規(guī)范纱耻。
4.如何創(chuàng)新
交互設(shè)計(jì)師在設(shè)計(jì)后臺(tái)類產(chǎn)品的時(shí)候芭梯，經(jīng)常覺得沒有成就感，覺得都是那些組件弄喘、控件玖喘、表格、表單蘑志，可發(fā)揮的余地不大累奈，產(chǎn)品經(jīng)理也能勝任。我的觀點(diǎn)是：在形式創(chuàng)新方面急但，后臺(tái)類產(chǎn)品確實(shí)發(fā)揮的余地不大澎媒，交互設(shè)計(jì)師應(yīng)該聚焦于以下幾個(gè)方面來(lái)創(chuàng)新：
?1.讓業(yè)務(wù)更容易理解
?2.復(fù)雜的問題簡(jiǎn)單化，用最簡(jiǎn)單的組件來(lái)解決問題
?3.提高操作效率羊始，鼠標(biāo)每減少一次點(diǎn)擊旱幼，累積下來(lái)整個(gè)系統(tǒng)的操作效率就會(huì)很高。
下面我以例子來(lái)說(shuō)明以上幾點(diǎn)
（1）.讓業(yè)務(wù)更容易理解
下圖是產(chǎn)品經(jīng)理畫的突委，頁(yè)面內(nèi)有四個(gè)按鈕“批量導(dǎo)入柏卤、批量導(dǎo)出、預(yù)覽圖片匀油、上傳圖片”缘缚，第一眼覺得沒問題，后聽產(chǎn)品經(jīng)理介紹這幾功能的時(shí)候敌蚜，才知道這幾個(gè)按鈕是有聯(lián)系的桥滨。用戶添加成員需要幾步：批量導(dǎo)入名單>下載系統(tǒng)生成的名單圖片>打印>蓋公章>上傳蓋公章圖片。但是這個(gè)界面根本沒體現(xiàn)出來(lái)，誰(shuí)都不知道他們之間的關(guān)系齐媒，所以這就是設(shè)計(jì)師需要設(shè)計(jì)的地方蒲每。
優(yōu)化后的界面：1.修改按鈕名稱讓它更能體現(xiàn)背后的功能? 2.體現(xiàn)它們之間的關(guān)系? 3.把不相關(guān)按鈕隔開放到其他位置
?（2）.復(fù)雜的問題簡(jiǎn)單化，用最簡(jiǎn)單的組件來(lái)解決問題
下圖是產(chǎn)品經(jīng)理畫的一個(gè)新增紅名單的頁(yè)面喻括，旁邊還特意寫了備注邀杏，仔細(xì)一看，簡(jiǎn)直頭疼唬血，感覺好復(fù)雜望蜡，能不能簡(jiǎn)單些，這是設(shè)計(jì)師要做的工作拷恨。
轉(zhuǎn)化思維脖律，紅名單其實(shí)就是對(duì)特定用戶不推送某種彩印，把標(biāo)簽變?yōu)椤辈唤邮詹视☆愋汀巴笾叮丶哺臑槎噙x框小泉。優(yōu)化后的界面如下：
（3）.提高操作效率，鼠標(biāo)每減少一次點(diǎn)擊兜挨，累積下來(lái)整個(gè)系統(tǒng)的操作效率就會(huì)很高膏孟。
舉一個(gè)百度統(tǒng)計(jì)的例子，一般情況下查詢區(qū)都使用下拉菜單來(lái)篩選拌汇，百度統(tǒng)計(jì)對(duì)一些篩選條件少的選項(xiàng)使用了tab柒桑，這樣用戶在操作時(shí)每個(gè)選項(xiàng)就少點(diǎn)擊一次，累積起來(lái)一個(gè)頁(yè)面就少點(diǎn)擊4次
5.總結(jié)
設(shè)計(jì)師做一些后臺(tái)類的產(chǎn)品還是很有益處的噪舀，因?yàn)楹笈_(tái)一般都是對(duì)用戶端的配置魁淳，這樣你就更能了解整個(gè)系統(tǒng)的運(yùn)作，明白前后端如何進(jìn)行數(shù)據(jù)交互的与倡。??
后臺(tái)類的設(shè)計(jì)雖然在形式上有些固化界逛，但是設(shè)計(jì)師卻更應(yīng)該在理解業(yè)務(wù)的基礎(chǔ)上，使用這些常用組件搭建出用戶更易理解纺座，更高效的界面息拜。
