背景
今天我們對項目的UI設(shè)計進(jìn)行了評審诱建,借鑒了各個平臺的設(shè)計風(fēng)格寒亥。從中我能夠領(lǐng)悟到UI設(shè)計也可以抽象到系統(tǒng)與系統(tǒng)之間的關(guān)系运授,不同的系統(tǒng)組織結(jié)構(gòu)帶來的體驗不一樣。
高頻常用的顯現(xiàn)低頻的隱藏
以前看了《小家越住越大》說對于常用的物品為了方便使用不需要屏蔽够颠。而對于UI設(shè)計來說對于常用的功能就放在用戶顯眼的位置熙侍,而不常用的功能就隱藏起來比如右上角的退出按鈕。
簡潔也是一種平衡
對于設(shè)計師來說能夠施展的空間就一個頁面(手機(jī)頁面或者電腦端頁面),把重要的東西展示把次重要的東西有提示隱藏這是我們需要達(dá)到的要求蛉抓。
比如阿里巴巴2B網(wǎng)站上庆尘,如果商品有很多規(guī)則會把主要規(guī)格(比如顏色)全部展示次要的規(guī)則(很多小尺寸)可以需要點開顯示。
//FIXME 貼圖
保證完成主要流程最少操作
我們下訂單需要填寫地址填寫聯(lián)系方式這些次要的功能通過彈窗提示比較好巷送,如果采用跳轉(zhuǎn)的方式就離開了主頁面返回的時候也不知要返回幾次驶忌。
這跟寫代碼一樣,在一個文件中完成需要邏輯笑跛,其他次要的邏輯可以通過幫助函數(shù)寫在另外一個幫助類里付魔。
設(shè)計局部和全局
當(dāng)1688 2B用戶(2B)對產(chǎn)品不熟悉的時候傾向于去卡片式里選擇商品,即通過卡片能夠看到商品大概商品信息來決定買不買飞蹂,類似于我們在淘寶買東西几苍。
當(dāng)你下游企業(yè)對上有企業(yè)提供的商品分類和特征都很熟悉(知道有哪些東西再賣哪些是自己需要的),可以通過列表來選擇商品這樣便于批量訂購陈哑。
快速補貨也是對應(yīng)的就是熟悉場景妻坝,我以前買過某些東西(已經(jīng)對這些商品有了解)從新對某商品批量購買,所以我收藏的商品和購買?的商品大部分是以列表形式展現(xiàn)惊窖。
同一系統(tǒng)具有操作方便性不同系統(tǒng)具有共享性
CRM系統(tǒng)里查看某個客戶或者訂單詳情的時候都是以右邊滑動的形式其本質(zhì)還是所于主頁面刽宪。
但如果你需要把詳情頁面分享出去(比如打印出訂單詳情或者通過IM發(fā)送給其他同事看),這樣就最好把這個頁面獨立出來(再開一個頁面)界酒。