APP開發(fā)之前的界面設(shè)計流程應(yīng)該分層次設(shè)計，自下而上去完成。

產(chǎn)品經(jīng)理在開始設(shè)計一個產(chǎn)品前期，要問自己幾個問題。產(chǎn)品給用戶帶來的價值是什么?競品有什么?我們做這個有什么優(yōu)勢?為什么樣的用戶而做?用戶會在什么樣的場景下使用這個產(chǎn)品?要完成這個產(chǎn)品，最大的瓶頸是什么?是技術(shù)攻關(guān)?體驗出彩?還是運營資源?

交互設(shè)計師則應(yīng)該關(guān)注該界面要求用戶完成的最重要的任務(wù)是什么?這是最簡單的解決方案嗎?信息是否組織得當(dāng)?設(shè)計是否易用且一目了然?標(biāo)準是否一致?能否減少用戶點擊次數(shù)?

最后UI視覺設(shè)計師應(yīng)該要注意的問題是界面上需要突出的重點是什么?是否進行了有效的突出?界面上一共有幾個層級，是否用清晰的視覺語言予以展現(xiàn)?同樣層級、同樣性質(zhì)的元素是否用了一致的設(shè)計語言?主色調(diào)、材質(zhì)，是否符合整體品牌感?細節(jié)有無丟失?按鈕點擊態(tài)、反饋、缺省狀態(tài)、字數(shù)超出、加載中、未加載態(tài)、加載失敗態(tài)，是否都提供了?

以上這些總結(jié)起來就是界面設(shè)計流程的幾個層級：
1.策略層，定義產(chǎn)品使命、價值、目標(biāo)人群
2.愿景/功能層：定義核心場景、功能列表
3.結(jié)構(gòu)層：做流程圖、信息架構(gòu)，確定主導(dǎo)航、主菜單
4.框架層：梳理每一個主界面的內(nèi)容、布局
5.表現(xiàn)層：視覺設(shè)計，涉及圖標(biāo)、配色、切圖。

APP的設(shè)計，不要只看競爭對手確定自己的定位，不要“因為競品A和B沒有做到，所以我們要做比A和B更牛B的XX功能”，而是要以用戶為導(dǎo)向，思考自己為客戶提供的價值。
產(chǎn)品經(jīng)理不要直接拿線框圖給交互設(shè)計師看，直接描述你的需求即可，描述清楚。讓設(shè)計師知道你的目標(biāo)是什么，接下來讓交互去畫原型，讓更專業(yè)的人做專業(yè)的事。

視覺設(shè)計師也別做一大堆方案，ABC方案拋出去讓人選，這樣累不累?自己先判斷哪一個方案最好，把它做到自己滿意、可行、拿得出手，就行了，不要淪為美工。
給開發(fā)的視覺稿，先自己想一下，布局如何實現(xiàn)，不同屏幕尺寸如何適配。如果有動畫效果，別天馬行空的描述，能做出動畫示意最好，做不出來，也找一個靠譜的示意。別讓開發(fā)的同事們太上火。