藍藍設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服

來源：莫貝網(wǎng)

現(xiàn)在關(guān)于移動應用的概念有許多：Native App, Responsive Web, Web App, Hybrid App，搞清楚這幾個概念的區(qū)別和各自的優(yōu)劣對于設(shè)計師來說很重要，這篇文章較為全面地探討了這幾個概念，值得初學者閱讀，也歡迎大家提出自己的觀點。

譯者：陳凌霜 Liz Chen，華盛頓大學Human Centered Design and Engineering研究生在讀，現(xiàn)在青蛙設(shè)計Frog Design做交互設(shè)計實習。

譯者注：

鑒于在中文語境中，一些英語名詞是直接拿來使用，并無統(tǒng)一標準的中文翻譯。為了方便廣大讀者閱讀，譯者首先把這些名詞單獨拿出來翻譯，只為傳達大致的意思，并不一定是標準化的名稱。鑒于譯者對于技術(shù)名詞的理解有限，有翻譯不到位的地方也請大家多多指出。

移動應用及移動響應式網(wǎng)頁應用

移動應用程序是在新平臺上連接市場、搜集客戶數(shù)據(jù)、提供服務的強有力工具。但，到底什么才是移動應用?

從本質(zhì)上來說，移動應用是運行在智能手機、平板電腦或者其他移動設(shè)備上的電腦程序。他們可以通過應用市場獲得，例如谷歌的Google Play或者蘋果的App Store。這些平臺現(xiàn)在都運行在云端（Cloud-based Solutions），意味著如果你的手機被卡車撞了或者掉進水里了，你可以買個新手機，登陸，然后所有你的應用都會自動被重新安裝好。

圖：當你需要設(shè)置一個新的iOS設(shè)備或者在一個已有的設(shè)備上恢復數(shù)據(jù)，你的iCloud備份可以讓你輕松實現(xiàn)。

應用程序與移動響應式網(wǎng)頁

把移動應用程序和移動響應式網(wǎng)頁相比其實并不成立，他們完完全全是不同的概念。讓我們來看看這是為什么。

在移動端使用互聯(lián)網(wǎng)已經(jīng)成為了一種穩(wěn)定增加的趨勢。用戶越來越習慣于在他們的智能手機上搜索和瀏覽網(wǎng)頁。為了迎合這種需求，各種機構(gòu)正花錢雇傭網(wǎng)頁 工程師來提升用戶在移動設(shè)備上的在線使用體驗。你可能見過這種區(qū)分，比如亞馬遜網(wǎng)站在你的智能手機上和臺式電腦上顯示得就不一樣。

圖：同樣的一個網(wǎng)站，當在不同尺寸的設(shè)備上瀏覽時，看起來是不一樣的。

事實上，移動響應式網(wǎng)頁和移動應用程序是蘋果和橙子的關(guān)系（譯者注：也就是兩者八竿子打不著）。移動網(wǎng)頁是在瀏覽體驗上的一種變體。移動響應式網(wǎng)頁 改變了你瀏覽網(wǎng)頁的方式。更加準確的對比其實是強調(diào)移動應用程序和網(wǎng)頁應用程序的區(qū)別（想一想Pandora, Spotify, 谷歌文檔Google Docs, 臉書Facebook）（譯者注：沒法翻墻的同學可以想一想網(wǎng)易云音樂、蝦米音樂、新浪微博）。這些就是那種表現(xiàn)得像電腦程序一樣的網(wǎng)站，因為，他們確實 是。網(wǎng)頁應用就是交互式的（網(wǎng)頁的）電腦程序（應用程序）。

應用程序與網(wǎng)頁應用程序

這兩個是我們可以比較的。我和就職于Kitchen Digital的Michael Wahlstrom坐在一起，來比較他們各自的優(yōu)缺點。

移動應用程序的優(yōu)點

單機（Internet Independent）和緩存（Caching）——即使沒有網(wǎng)絡(luò)連接，也可以運行，這是移動應用的最主要的優(yōu)點之一。也就是說，如果你想要制作一個應 用，它可以讓用戶在一個數(shù)據(jù)庫里面搜索信息、玩游戲、或者拍照片，都可以通過移動應用程序來完成。數(shù)據(jù)可以存儲在移動設(shè)備中直到網(wǎng)絡(luò)恢復連接，之后信息被 重新輸送回網(wǎng)絡(luò)中。

交互（Interactivity）和游戲（Gaming）——雖然瀏覽器在交互和游戲方面一直在進步，但是與計算和移動設(shè)備的原生程序語言相比，它們?nèi)匀惶幱诼浜鬆顟B(tài)。因此，如果你準備制作一個有著超強交互體驗的產(chǎn)品，比如一個游戲，移動應用程序可能是更好的選擇。

人們花費在移動設(shè)備和移動應用上的時間正在激增——SalesForce的一項研究表明：85%的被訪者說移動設(shè)備是他們每天生活的中心組成，這些 人中90%的年紀在18-24歲。91%的消費者說能夠通過任何方式來訪問內(nèi)容很重要。很明顯，在未來，以移動平臺為中心是個明智的策略。（來源：http://www.exacttarget.com/sites/exacttarget/files/deliverables/etmc-2014mobilebehaviorreport.pdf）

錦上添花的小功能——不可否認的是，Chrome已經(jīng)宣布了在瀏覽器和移動設(shè)備上推送通知的功能。但是移動設(shè)備本身可以提供多得多的功能：藍牙、鄰 近系統(tǒng)（Beacon）、地理定位（geofencing）、WiFi、通知推送、應用程序內(nèi)付賬（谷歌的Google Play支持應用內(nèi)購買），等等。

移動響應式網(wǎng)頁應用程序的優(yōu)點

網(wǎng)頁應用的編程已經(jīng)完成——由于很可能你已經(jīng)完成了桌面端網(wǎng)頁應用的程序編寫，剩下來的只是審查移動端的用戶體驗，然后量身定做用戶界面，使得它對 移動端更加友好（Mobile Friendly）。這意味著通過調(diào)整導航菜單、按鈕和字體尺寸以及輸入框，來創(chuàng)造出更好的移動端體驗（譯者注：實際操作起來不僅僅是調(diào)整以上這些這么簡 單，信息架構(gòu)、交互方式得也需要做一定的調(diào)整來更好地適應移動端瀏覽器）。

不依賴任何設(shè)備平臺——網(wǎng)頁應用程序不依賴于操作系統(tǒng)（比如針對iOS和安卓需要不同的應用）?，F(xiàn)在有一種混合技術(shù)可以讓移動應用開發(fā)者僅用一套代碼來讓應用程序同時適用這兩種操作平臺，但目前為止這還是一項新型技術(shù)，且十分昂貴。而對一個網(wǎng)頁應用程序來說，開發(fā)者會針對最常見的網(wǎng)頁瀏覽器來進行設(shè)計。一旦完成，它可以在任何使用那些瀏覽器（如Chrome，火狐，IE）的設(shè)備上運行。

內(nèi)容不受應用商店規(guī)定的限制——網(wǎng)頁應用程序存在于蘋果的App Store和谷歌的Google Play的規(guī)定之外，因此他們可以自己制定自己的規(guī)則。沒有額外的步驟來進入市場，沒有繁復縟節(jié)的束縛。

網(wǎng)頁或應用可以互相鏈接——這在行業(yè)中還屬新概念，意思是你可以把不同的應用鏈接起來達到1加1大于2的效果，或者把同屬于一個公司的產(chǎn)品鏈接起來。

*考慮WebGL的局限性——WebGL是網(wǎng)頁瀏覽器的圖像引擎。雖然它可以實現(xiàn)很多功能，但它還不是最好的用來實現(xiàn)移動端CPU密集型，及圖像密集型應用程序的引擎。

兩者共有或結(jié)合后的優(yōu)點

賺錢——不管你采用兩者中哪種，你都可以設(shè)計出付費訂閱，然后通過應用程序來賺錢。想讓用戶每人每月付5美元？或者付一次性15美元的費用？沒問題。就算你想要它變成消耗品（在應用內(nèi)下載所付的錢），這兩種平臺都可以幫你達到。

結(jié)合——這兩種技術(shù)都可以保證你可以從手機上得到想要的信息。但是，取決于你想讓你的應用干什么，你甚至可以考慮設(shè)計一個混合型的應用，把網(wǎng)頁應用開發(fā)和移動應用開發(fā)相結(jié)合。

我應該如何決定？

做出一個明智決定的最好方法是咨詢專家。你的開發(fā)者將會問你許多問題，甚至比上述提到的概念還要多，為了理解你的應用如何才能最好地執(zhí)行，以及建立 在什么樣的平臺和技術(shù)之上。當然你可以同時咨詢多個開發(fā)者，但是要記?。簯瞄_發(fā)是一半藝術(shù)一半科學。開發(fā)者們可能在如何實施你的想法上有不同的看法，并 且可能會往自己的方向上思考，從而可以在他們的專長領(lǐng)域來為你提供更多的價值。

不管用哪種方式，應用開發(fā)是一個漫長的過程，需要合理的預算。準備好接受五位數(shù)的報價，并且在開始開發(fā)前弄清楚投資回報率和對用戶的價值，以決定應用程序是否可行。