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

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

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

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

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

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

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