從今天開始html5模版網(www.suosuyi.cn)跟大家比較系統化的來講講整個APP設計的基本流程和在每個階段需要用到的分析工具等。

之前html5模版網(www.suosuyi.cn)談到過一些移動app設計公司制作流程—APP設計需求分析規范還有如何進行優秀APP設計需求。

其實，我們都知道，在設計任何產品之前一定要進行移動APP產品的需求分析。

移動APP設計需求分析分為：定位分析和產品架構分析

第一部分：移動APP設計定位分析

在這個階段，切記不要在沒有流程圖或者原型圖，就前開始盲目進行APP設計或者畫線框圖 。

這個時候，我們需要分兩種情況來說：

一：專門從事移動APP設計的外包公司或者軟件公司。這種情況下我們需要進行以下四部，

1）移動產品需求分析和用戶定位分析

當收到客戶的需求之后，不是馬上動手去做功能分析、產品邏輯架構或者任務流程。而是認真的分析需求。分析現有的解決方案，我們將要提供的解決方案會比現有的號多少？用戶為什么要用我們的產品？在采集大量的數據之后，還要把數據匯成圖表和客戶匯報。以說服客戶“這樣做”而不要“那樣做”。

針對的是什么樣的用戶群體，然后要找到這類人群的特點，互動圈子的相關屬性。移動APP設計師也要確定好顏色。

2）產品故事版 或是產品拓撲圖

在清晰需求分析和產品的目標之后。我們要為達到這個產品的目標制定具體的方案。開始的方案是模糊的，我們只知道有一個大概的前進方向和目標。如何實現我們并不清晰。當然我們也沒有必要，也沒有可能馬上就清晰起來，這需要一個過程。這個過程我們使用的工具就是“故事版”。把產品、人、環境放置于一定的場景之中，通過場景中人和產品發生的故事去推理產品應該有哪些的功能和邏輯流程細節。這是一個感性的過程，同時也是理性的分析過程。

拓撲圖制作軟件推薦：Xmind

XMIND 是一款非常實用的商業思維導圖（Mindmap）軟件，應用全球最先進的Eclipse RCP?軟件架構，全力打造易用、高效的可視化思維軟件，強調軟件的可擴展、跨平臺、穩定性和性能，致力于使用先進的軟件技術幫助用戶真正意義上提高生產率。

3）系統邏輯架構和任務流程

產品的策劃和開發到此階段已經開始越來越清晰了。我們已經模糊的知道了這個產品應該做什么和怎么做。但具體如何實施呢？因此，這時候我們需要弄清楚系統中有那些部分組成，他們的關系又是如何的。他們相互之間數據是如何交換、流通和協同工作的。除此之外還需要細化每一個部分的任務流程。

4）移動APP界面分析和APP線框原型圖制作?
完成了任務流程。我們還需要對每個任務做細化的功能拆解。這一步驟就不詳列了。在細化了功能的分解之后，我們要開始安排每個界面的具體的流程和界面當中應該有什么樣的輸入和輸出的信息，以職稱當前步驟的需求。

比如登陸界面中應當有用戶名、密碼等信息輸入框，同時也有確認、忘記密碼、注冊等功能按鍵以職稱用戶的多樣性選擇行為。

二：設計自己公司的移動APP產品

我想這個比較麻煩的過程。經常干的事情就是把產品經理，設計師、開發工程師等等人員聚齊開會是常有的事情。

簡單的來說吧，我們需要搜索同類相關移動APP產品，并且app設計師必須親自去使用和體驗更多好的交互效果和體驗感覺。

比如我們來看下國內本土的優秀APP的啟動頁的分析。

陌陌：陌陌的啟動頁面設計非常有特色，而且很有故事性。

蟬游記：軟件做的有特色、有想法。每一頁全面介紹蟬游記特色功能。

移動商街：APP設計流程分析。這是屬于一款電商APP的需求分析。

參考相關同類優秀APP界面之后，然后在去畫原型圖或是是拓撲圖。

這個過程開會討論，各抒己見尤為重要！類似于頭腦風暴！而作為好的移動APP設計師一定要記下良好的創意點和知識點。在這個基礎上去發揮自己的設計思想和風格才是最完美的。也是符合公司定位的一個前期APP需求。