當(dāng)移動(dòng)APP產(chǎn)品經(jīng)理定義出用戶模型與需求后，就可以開(kāi)始UI框架圖的繪制了。

首先是交互的流程設(shè)計(jì)，可以手繪草圖，也可以使用Visio、justmind 或者Axure等工具，最重要的是記錄下完整的設(shè)計(jì)思維。

比如：手機(jī)上快速制作APP Demo的交互神器-App.eal和justinmind最新版發(fā)布和justinmind視頻教程大全

移動(dòng)產(chǎn)品經(jīng)理要事先知道自己想要的APP首頁(yè)要給用戶一個(gè)什么樣的直觀感覺(jué)，是多數(shù)功能都顯示在一個(gè)主頁(yè)上的復(fù)雜信息型還是少量按鈕的流程型。這是交互設(shè)計(jì)師的技能也是UI設(shè)計(jì)師對(duì)于產(chǎn)品的理解，特別是對(duì)于小屏幕的手機(jī)來(lái)說(shuō)，如何盡量少的形式表達(dá)出用戶真正的需求。

下面就是一個(gè)繪制手機(jī)APP界面交互框架基本流程：適合那些剛剛?cè)腴T(mén)的移動(dòng)產(chǎn)品經(jīng)理的入門(mén)教程。下面的這個(gè)干貨經(jīng)驗(yàn)也是某一位移動(dòng)產(chǎn)品經(jīng)理的一些項(xiàng)目總結(jié)。

首先，按照用戶的需求排列出信息的需求等級(jí)，也就意味著用戶最需要的信息，要在視覺(jué)最主要的位置進(jìn)行顯示。 手機(jī)屏幕小，對(duì)于用戶的需求把握顯得特別的重要，可以一目了然的知道產(chǎn)品的具體的框架，給產(chǎn)品需求一個(gè)優(yōu)先級(jí)。

然后，設(shè)計(jì)相應(yīng)菜單中的隱藏功能，但是不要把用戶最應(yīng)該直觀操作的功能放置在菜單項(xiàng)目中（比如：添加賬戶、打開(kāi)己保存的文件等），一般都會(huì)放置“幫助”、“關(guān)于”、“退出”和一些不重要的小功能。 當(dāng)左菜單中的功能鍵過(guò)多時(shí)，建議將“幫助”、“關(guān)于”、“退出”等一些不重要的小功能放入二級(jí)菜單。

接下來(lái)，設(shè)計(jì)首頁(yè)的各個(gè)相關(guān)界面。切記保持統(tǒng)一的操作邏輯，如果在首頁(yè)中出現(xiàn)菜單項(xiàng)中的功能，不要在后面變成了頁(yè)面上的Button，而前面首頁(yè)上的Button也不要擠到后面頁(yè)面的菜單項(xiàng)中。 設(shè)計(jì)時(shí)盡可能的保持一致性，小屏幕別給用戶太多的跳躍，用戶需要的是直觀的，方便的找到自己的想要的內(nèi)容。

有一個(gè)階段性交互成果之后，與相應(yīng)的開(kāi)發(fā)工程師溝通或者使用軟件的思維來(lái)進(jìn)行細(xì)化，考慮實(shí)現(xiàn)辦法，如果有一定的實(shí)現(xiàn)難度，可以適當(dāng)?shù)匦薷腢I設(shè)計(jì)的元素，但前提是保持同樣的信息架構(gòu)，不影響滿足用戶需求，也不影響用戶流暢地使用。

總之，一個(gè)APP界面的細(xì)節(jié)設(shè)計(jì)非常的重要，需要產(chǎn)品經(jīng)理嚴(yán)格的把控。

比如按鈕的設(shè)計(jì)：

解釋：大多數(shù)的按鈕外觀都被設(shè)計(jì)成擁有具體的形狀范圍，除了可以有效的提示使用者這是個(gè)「可以被點(diǎn)擊」的按鈕組件之外，還可以有效的讓用戶知道這個(gè)按鈕的「作用范圍」在哪里，以防誤觸到相鄰的按鈕。

這點(diǎn)在許多的地方相當(dāng)有用，尤其是按鈕相當(dāng)多的屏幕小鍵盤(pán)或計(jì)算器，就需要讓用戶知道按鍵的實(shí)際感應(yīng)范圍在哪里。

一個(gè)完善的軟件要有一個(gè)詳細(xì)的開(kāi)發(fā)時(shí)間表，在某個(gè)時(shí)間點(diǎn)出現(xiàn)什么樣的版本，開(kāi)發(fā)工程師要與UI設(shè)計(jì)師提前溝通好，否則好不容易開(kāi)發(fā)出一個(gè)版本，需要的是溝通，同時(shí)對(duì)于開(kāi)發(fā)工程師出的版本對(duì)于產(chǎn)品視覺(jué)效果可能會(huì)產(chǎn)生很大的影響，需要UI設(shè)計(jì)師對(duì)手機(jī)文字的顏色、界面效果提出自己的修改意見(jiàn)（手機(jī)UI測(cè)試）。

25學(xué)堂小編身邊的資深app開(kāi)發(fā)工程師說(shuō)：

一個(gè)完整的APP外包開(kāi)發(fā)周期：平均創(chuàng)造一個(gè)功能完整、完成上架的App需要10~18周左右，包括前端設(shè)計(jì)、用戶界面、 后端整合（例如推送通知）、用戶管理、身份驗(yàn)證、緩存以及社交渠道共享。

一個(gè)完整的APP外包價(jià)格參考：看團(tuán)隊(duì)質(zhì)量，普通的一般的價(jià)格應(yīng)該在3萬(wàn)～10萬(wàn)。對(duì)質(zhì)量要求比較高的話：找靠譜團(tuán)隊(duì)，價(jià)格應(yīng)該在10萬(wàn)～幾十萬(wàn)。

特別是對(duì)于小公司來(lái)說(shuō)，要充分的發(fā)揮小團(tuán)隊(duì)的特色（小公司、輕流程），在開(kāi)發(fā)的過(guò)程中一定要及時(shí)溝通各個(gè)方面產(chǎn)生的問(wèn)題，隨時(shí)不斷地修改技術(shù)上的問(wèn)題，以制作出完美的產(chǎn)品。

希望對(duì)各位移動(dòng)產(chǎn)品經(jīng)理初學(xué)者有幫助。

擴(kuò)展閱讀：

1、產(chǎn)品經(jīng)理思維流程：看產(chǎn)品、想產(chǎn)品、做產(chǎn)品

2、快速導(dǎo)出APP產(chǎn)品原型的3個(gè)步驟和移動(dòng)原型設(shè)計(jì)流程

3、一款高校類APP產(chǎn)品設(shè)計(jì)流程完整版|APP設(shè)計(jì)信息圖

4、移動(dòng)app設(shè)計(jì)公司流程—APP設(shè)計(jì)需求分析規(guī)范