作為設計師，我們是應該努力把客戶端的體驗提升到最優，還是在網頁應用層面上做更多的設計？app開發一直是大家關心的話題。那么，我們首先應該立體的認識一下WebApp和NativeApp。

下面先是根據RAHulVARSHNEYA的文章翻譯寫出的原生app的制作教程。你可以選取教程中與你戰略最契合的內容，也可以完全遵循它。但最重要的是你必須開始工作起來。

第一步：找到一個想法或問題。

如果你已經有了一個App大致想法，請直接前往第二步。如果沒有的話，請繼續閱讀。想要做一款App卻毫無頭緒？這時候你真正需要的是問題，而且這些問題實際上隨處可見。

成功的創業者們會用我們從未想象過的方式去解決問題。當你環顧四周，每一件你在使用的產品與服務都是為了解決問題而創造出來的，你有輛轎車是因為你想要從一個地方快速去到另一個地方，你有架飛機是因為你想要用更快的速度從一個國家去到另一個國家。

所以，多觀察你日常生活中的問題并將他們一一記錄出來。一但你有了一個詳盡的清單，就可以開始去思考你該如何解決問題，并把最可能實現的那些問題作為備選名單。

第二步：確定需求。

確認過程會證明你的App是否存在需求。你可以使用GoogleKeywordPlannerTool(谷歌關鍵詞工具)或者百度關鍵詞規劃師去查找有多少人在搜索你想要嘗試去做的事情，這可以驗證你的想法。你也可以建立一個著陸頁去大范圍地宣傳你的App想法，并通過郵件注冊來找尋用戶興趣。

第三步：展示流程與功能。

確認好了你的App想法意味著你已經了解到人們想要使用的某樣東西。現在是時候用一份文檔詳細地記下你的產品特點，或者如果你打算做得更多更具體，可以使用線框圖工具。

當你把想法寫在紙上時，記得要盡可能詳細。包括用戶會如何瀏覽App以及可以預見的所有功能。這樣做能幫助你的開發者清楚地理解你的期望。

第四步：砍掉非核心的功能。

在準備好的流程圖與功能文檔里，你要開始去思考有哪些功能你是可以摒棄的，只保留App的核心價值。不要在第一個版本里創建一些“如果有還不錯”的功能，因為他們能夠在之后隨時作為更新被添加上去。這樣做會幫助你減少初期的開發支出并使你更快地進入市場。

第五步：把設計放在第一位。

我聽過不少的創業者說他們只想要一個非常基礎的設計，以便把精力都放在技術開發上面。他們錯了！設計不僅關乎于你的App外觀，更會影響用戶會如何使用你的產品。Khosla風投公司的創始人VinodKhosla將設計一詞闡釋得好，他說：“設計，讓科技更有效。”所以，去找一位能把設計（用戶體驗和圖形設計）放在首位的開發者吧。

第六步：聘請設計師/開發者。

尋找一個擁有極佳設計才能和靠譜開發團隊的開發公司。在聘請開發者的時候，上網去查一下他的信譽以及他開發過的App。如果你在他的作品集里，能夠找到一個真正喜歡的作品的話，那么他就很有可能是你的好人選。

第七步：建立開發者賬戶。

你必須要注冊一個開發者賬戶，這樣就能在不同的App商店上分發銷售你的app。谷歌的Android系統收費每年25美元、Apple每年收取99美元。你可以選擇以個人身份或者已有的公司注冊。

(注：其實在第七步和第八步之間，還有很重要的一步：開發-測試-上線。在App發布之前，一定要做好測試，以一個新手用戶的身份來使用自己的產品，讓那些上線后將會出現在真正用戶面前的隱患提前暴露出來，可以有效減少將來用戶的抱怨。國內的應用測試托管工具有：云測Testin、FIR.im、BugHD)

第八步：集成分析。

分析方法能夠幫助你的App追蹤其下載量，用戶參與情況，以及用戶留存情況。確保你使用例如Flurry這類免費易得的工具，或者是Localytics,它同時提供免費與收費的版本。

第九步：快速及時地獲取反饋。

一旦你的App在應用商店上線，第一批的用戶使用情況以及他們的行為，會讓你了解到應該如何去改進和提升你的App。改進是長期且無止境的，所以，一定要持續關注用戶反饋并不斷進行改進。

第十步：引入新功能。

你已經創建了只有核心功能的第一版App。(譯者注：還記得上文提到的第四步吧)現在是時候評估和引入在初期設計時未加入的功能特點。你將從分析結果和用戶反饋中知道當初的那些功能是否還有必要加入。

當然，這些步驟并不是完全不可修改的，它們只是一份基于經驗總結的教程，可以指導你如何最高效地創建自己第一個App。當你準備好開始工作了，你也一定會意識到：做一個App是最簡單的部分，能在App上線后吸引到源源不斷的用戶才是最具有挑戰之處。

NativeApp的優勢：

1.提供好的用戶體驗，最優質的用戶界面，最華麗的交互

2.針對不同平臺提供不同體驗

3.可節省帶寬成本

4.可訪問本地資源

5.盈利模式明朗

NativeApp的劣勢：

1.移植到不同平臺上比較麻煩

2.維持多個版本的成本比較高

3.需要通過store或market的確認

4.盈利需要與第三方分成

下面則是我在做WebApp的一些心得，希望對做WebApp的朋友有點啟發，推薦使用咫尺即速應用工具。

1、分析目標人群，確定WebApp的定位：

首先我們應該以解決客戶需求為出發點，再根據需求分析總結出用戶需要的應用內容，確定功能清單，之后就可以著手準備制作了。比方做我想做一個微商城的WebApp，我希望用戶不需要通過其他軟件就可以在我的微商城購買物品，而且我只需要我的WebApp簡單易用，用戶不會因為功能過于繁多而無從下手。

【重點：定位好目標人群】

2.開始WebApp的開發制作

【重點：熟悉布局功能組件，拉動組件到對應的面板，設置好顏色，跳轉頁面及連接】

即速應用在很大程度上參考了原生App的功能，所以提供了非常豐富的功能組件，比如導航組件，輪播圖組件，分類組件，視頻組件，音頻組件，按鈕組件，自定義組件，選項投票等等組件。確實可以不需要編寫代碼，只需把想要的組件拖動到對應的面板里，完成頁面布局、顏色、字體設定，鏈接跳轉等，即可一鍵生成WebApp。當然這也是我們只做WebApp過程中，最花時間的步驟，我們需要不斷的創建版塊和頁面布局，我們也需要時刻記得每塊模板都應跳轉到對應的頁面。

我是選擇空白模板，自己建模板。自己沒UI的，如果你們想省時間，我覺得可以套用模板，可以比較快的生成自己想要的WebApp，畢竟能快就快，能省就省才是王道嘛。

來看看我大致的首頁布局吧！

首頁布局

看不懂組件名稱，不懂組件怎么用？看看《幫助》咯！《幫助》都已經把大致的布局進行了粗略的介紹。至少不會讓自己對功能模模糊糊。如果對某個組件還是不清楚，那么可以點擊那個組件的右上角的小問號圖標，會有一個詳細的介紹。

看完組件說明就直接創建一個空白模板開始制作WebApp

制作第一步：我先插入一個頂部導航組件，作為首頁，頂部導航的標題我建議都是大家的公司或者商城名稱。

制作第二步：然后我創建了一個輪播圖組件做Banner，因為我做的是微商城，我仿照了TB，用輪播的方式播放一些我修好的商品圖片。然后在右邊的組件內容中對每個輪播圖片逐一添加相對應頁面鏈接去向。

制作第三步：接著我創建了一個圖片列表，并在頁面屬性中把行列設置成了4列1行，我再修改圖片高度直接設置為圓形，系統就自動調整圖片高低了。接著我更換了圖片，替換成按鈕圖片，并在點擊事件中的頁面鏈接至相對應的頁面。如下圖

制作第四步：因為我想在這一行左右分開，并且是做成左邊是大圖，右邊是上下分開的小圖加標題。

所以我先插入一個雙欄組件，再在右邊的欄里再插入一個雙欄，這樣就實現了欄目的劃分。接著在最左邊的雙欄位置插入一個大圖，并且對它的寬度和高度調節。然后對最右邊的雙欄也插入一個圖片組件，并且右鍵復制一個圖片組件到下面（小技巧），如下圖，接著拖入文本插件，這里需要注意，拖入第三文本框后，需要先對它的上間距進行調整，再拖入第四個文本框，這樣才可以做到上下圖片對應文字的標題與內容。（小技巧）

制作第五步：插入底部導航組件，任何的App都有底部導航，所以我這里需要提醒，每個頁面的編輯完后，都需要插入一個底部導航。我自己一般是先編輯一個純底部導航的頁面，然后編輯其他頁面的時候，我先復制這個純底部導航的頁面再編輯，這樣能省下我不少時間。（小技巧）

基本上的頁面編輯和布局大致是這樣的，編輯過一次之后就會你發現這個WebApp的制作并不難。

接下來我想講的是高級組件中的商品列表組件。這功能滿方便的，這個組件添加到你商品頁面之后，你在前端的App制作只需要編輯一下這個版塊的分布和排版就好。因為所有的商品數據和圖片都是在后臺中上架和調整價錢的，這也是方便后臺的數據管理吧。不過我想吐糟一下，后臺的數據整理和圖片上傳后，前端制作也看不到圖片，需要自己預覽App才能看見。

進入后臺管理，我們就看到商品管理這個選項。我們先添加分類，保證自己上架的物品不會混亂難以管理。分類好后再在每個對應的分類中添加商品和填寫商品的信息即可。如下圖

在商品管理后臺上傳了所有的商品數據后，現在只需要回到前端制作App的頁面，在商品頁面給每個商品填上對應后臺的鏈接就可以了。非常方便快捷。

既然商品都上架，并且讓自己的商品在售了，那就需要學會管理后臺的訂單和查看訂單，即速應用這個也是仿照了TB做出了這樣一個后臺管理，著實讓我這個小白也會用這個來管理訂單，下面po一個我朋友的訂單管理頁面。

好啦，我大概的制作過程和心得也差不多是這樣啦！雖然即速應用有著蠻多的高級功能組件，其中商品列表組件（電商支付功能），BBS組件（社交娛樂功能），自定義表單組件（數據統計功能），個人中心組件等等是每位WebApp作者都愿意去制作和研究的。但是我只用過商品列表組件，所以只能寫一下商品列表的組件內容與情況啦，如果有其他的朋友也用過這款工具，有機會大家可以多多交流。

WebApp的優勢：

1.開發成本低

2.適配多種移動設備成本低

3.跨平臺和終端

4.迭代更新容易

5.無需安裝成本

WebApp的劣勢：

1.瀏覽的體驗短期內還無法超越原生應用

2.消息推送不夠及時

3.調用本地文件系統的能力弱

總結心得：引用來自豆瓣的（達眾網絡）

業界精神領袖喬布斯創建了應用商店(AppStore)，但他卻極富遠見地告誡開發者，“雖然現階段NativeApp給了用戶更好的體驗，但Web才是未來。如果現在的開發者不有效利用Web技術，那他就落伍了。”(原載：infotoall網)

在很多開發者眼里，WebApp開發成本低，輕松實現跨平臺，保證體驗的一致性；同時，迭代更新更加容易，用戶使用成本和門檻較低。但WebApp目前的不足也十分明顯，如瀏覽體驗短期內無法超越NativeApp、調用本地文件系統的能力有待提高等。

對于NativeApp，有開發者認為，原生應用有更好的交互界面和交互體驗，收費的盈利模式明朗，可更好的訪問本地資源等。當然NativeApp移植成本高、上線需要應用市場確認等劣勢也不能忽視。

“WebApp和NtiveApp各有長短，互相補充，WebApp不能取代傳統App。”萬維網聯盟中國區代表李安琪表示，當前WebApp與NativeApp仍然無法相互替代，兩者是相互學習、相互促進的關系。當Web的體驗與Native相近的時候，用戶更愿意把精力集中在內容上，而并非是交互界面，在這種情形下，WebApp的優勢將更加明顯。

“WebApp代表未來，NativeApp只是過去，這也為蘋果、谷歌、微軟等公司所公認。”騰訊無線瀏覽器產品部工程師夏李表示，用戶期待著WebApp所帶來的那種跨平臺同步的無縫體驗，所有的WebApp將不再是一個個孤島，而是達到資源的充分互補，從而加快手機瀏覽器商業模式成熟的步伐。除了相對成熟的廣告模式外，云服務會在HTML5的基礎上讓Web凸顯更大的價值。

名稱欄目：手機app開發如何思考理念？
文章轉載：http://m.newbst.com/news/213848.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有App開發等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯