背景

今天我們對(duì)項(xiàng)目的UI設(shè)計(jì)進(jìn)行了評(píng)審，借鑒了各個(gè)平臺(tái)的設(shè)計(jì)風(fēng)格。從中我能夠領(lǐng)悟到UI設(shè)計(jì)也可以抽象到系統(tǒng)與系統(tǒng)之間的關(guān)系，不同的系統(tǒng)組織結(jié)構(gòu)帶來(lái)的體驗(yàn)不一樣。

高頻常用的顯現(xiàn)低頻的隱藏

以前看了《小家越住越大》說(shuō)對(duì)于常用的物品為了方便使用不需要屏蔽。而對(duì)于UI設(shè)計(jì)來(lái)說(shuō)對(duì)于常用的功能就放在用戶顯眼的位置，而不常用的功能就隱藏起來(lái)比如右上角的退出按鈕。

簡(jiǎn)潔也是一種平衡

對(duì)于設(shè)計(jì)師來(lái)說(shuō)能夠施展的空間就一個(gè)頁(yè)面（手機(jī)頁(yè)面或者電腦端頁(yè)面），把重要的東西展示把次重要的東西有提示隱藏這是我們需要達(dá)到的要求。
比如阿里巴巴2B網(wǎng)站上，如果商品有很多規(guī)則會(huì)把主要規(guī)格（比如顏色）全部展示次要的規(guī)則（很多小尺寸）可以需要點(diǎn)開(kāi)顯示。
//FIXME 貼圖

保證完成主要流程最少操作

我們下訂單需要填寫地址填寫聯(lián)系方式這些次要的功能通過(guò)彈窗提示比較好，如果采用跳轉(zhuǎn)的方式就離開(kāi)了主頁(yè)面返回的時(shí)候也不知要返回幾次。
這跟寫代碼一樣，在一個(gè)文件中完成需要邏輯，其他次要的邏輯可以通過(guò)幫助函數(shù)寫在另外一個(gè)幫助類里。

設(shè)計(jì)局部和全局

當(dāng)1688 2B用戶(2B)對(duì)產(chǎn)品不熟悉的時(shí)候傾向于去卡片式里選擇商品，即通過(guò)卡片能夠看到商品大概商品信息來(lái)決定買不買，類似于我們?cè)谔詫氋I東西。

當(dāng)你下游企業(yè)對(duì)上有企業(yè)提供的商品分類和特征都很熟悉（知道有哪些東西再賣哪些是自己需要的），可以通過(guò)列表來(lái)選擇商品這樣便于批量訂購(gòu)。

快速補(bǔ)貨也是對(duì)應(yīng)的就是熟悉場(chǎng)景，我以前買過(guò)某些東西（已經(jīng)對(duì)這些商品有了解）從新對(duì)某商品批量購(gòu)買，所以我收藏的商品和購(gòu)買?的商品大部分是以列表形式展現(xiàn)。

同一系統(tǒng)具有操作方便性不同系統(tǒng)具有共享性

CRM系統(tǒng)里查看某個(gè)客戶或者訂單詳情的時(shí)候都是以右邊滑動(dòng)的形式其本質(zhì)還是所于主頁(yè)面。
但如果你需要把詳情頁(yè)面分享出去（比如打印出訂單詳情或者通過(guò)IM發(fā)送給其他同事看），這樣就最好把這個(gè)頁(yè)面獨(dú)立出來(lái)（再開(kāi)一個(gè)頁(yè)面）。