2015-9-11 用心設計
藍藍設計( sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服
現(xiàn)在關于移動應用的概念有許多:Native App, Responsive Web, Web App, Hybrid App,搞清楚這幾個概念的區(qū)別和各自的優(yōu)劣對于設計師來說很重要,這篇文章較為全面地探討了這幾個概念,值得初學者閱讀,也歡迎大家提出自己的觀點。
譯者:陳凌霜 Liz Chen,華盛頓大學Human Centered Design and Engineering研究生在讀,現(xiàn)在青蛙設計Frog Design做交互設計實習。
譯者注:
鑒于在中文語境中,一些英語名詞是直接拿來使用,并無統(tǒng)一標準的中文翻譯。為了方便廣大讀者閱讀,譯者首先把這些名詞單獨拿出來翻譯,只為傳達大致的意思,并不一定是標準化的名稱。鑒于譯者對于技術名詞的理解有限,有翻譯不到位的地方也請大家多多指出。
移動應用程序是在新平臺上連接市場、搜集客戶數(shù)據(jù)、提供服務的強有力工具。但,到底什么才是移動應用?
從本質上來說,移動應用是運行在智能手機、平板電腦或者其他移動設備上的電腦程序。他們可以通過應用市場獲得,例如谷歌的Google Play或者蘋果的App Store。這些平臺現(xiàn)在都運行在云端(Cloud-based Solutions),意味著如果你的手機被卡車撞了或者掉進水里了,你可以買個新手機,登陸,然后所有你的應用都會自動被重新安裝好。
圖:當你需要設置一個新的iOS設備或者在一個已有的設備上恢復數(shù)據(jù),你的iCloud備份可以讓你輕松實現(xiàn)。
把移動應用程序和移動響應式網(wǎng)頁相比其實并不成立,他們完完全全是不同的概念。讓我們來看看這是為什么。
在移動端使用互聯(lián)網(wǎng)已經(jīng)成為了一種穩(wěn)定增加的趨勢。用戶越來越習慣于在他們的智能手機上搜索和瀏覽網(wǎng)頁。為了迎合這種需求,各種機構正花錢雇傭網(wǎng)頁 工程師來提升用戶在移動設備上的在線使用體驗。你可能見過這種區(qū)分,比如亞馬遜網(wǎng)站在你的智能手機上和臺式電腦上顯示得就不一樣。
圖:同樣的一個網(wǎng)站,當在不同尺寸的設備上瀏覽時,看起來是不一樣的。
事實上,移動響應式網(wǎng)頁和移動應用程序是蘋果和橙子的關系(譯者注:也就是兩者八竿子打不著)。移動網(wǎng)頁是在瀏覽體驗上的一種變體。移動響應式網(wǎng)頁 改變了你瀏覽網(wǎng)頁的方式。更加準確的對比其實是強調移動應用程序和網(wǎng)頁應用程序的區(qū)別(想一想Pandora, Spotify, 谷歌文檔Google Docs, 臉書Facebook)(譯者注:沒法翻墻的同學可以想一想網(wǎng)易云音樂、蝦米音樂、新浪微博)。這些就是那種表現(xiàn)得像電腦程序一樣的網(wǎng)站,因為,他們確實 是。網(wǎng)頁應用就是交互式的(網(wǎng)頁的)電腦程序(應用程序)。
這兩個是我們可以比較的。我和就職于Kitchen Digital的Michael Wahlstrom坐在一起,來比較他們各自的優(yōu)缺點。
單機(Internet Independent)和緩存(Caching)——即使沒有網(wǎng)絡連接,也可以運行,這是移動應用的最主要的優(yōu)點之一。也就是說,如果你想要制作一個應 用,它可以讓用戶在一個數(shù)據(jù)庫里面搜索信息、玩游戲、或者拍照片,都可以通過移動應用程序來完成。數(shù)據(jù)可以存儲在移動設備中直到網(wǎng)絡恢復連接,之后信息被 重新輸送回網(wǎng)絡中。
交互(Interactivity)和游戲(Gaming)——雖然瀏覽器在交互和游戲方面一直在進步,但是與計算和移動設備的原生程序語言相比,它們仍然處于落后狀態(tài)。因此,如果你準備制作一個有著超強交互體驗的產(chǎn)品,比如一個游戲,移動應用程序可能是更好的選擇。
人們花費在移動設備和移動應用上的時間正在激增——SalesForce的一項研究表明:85%的被訪者說移動設備是他們每天生活的中心組成,這些 人中90%的年紀在18-24歲。91%的消費者說能夠通過任何方式來訪問內容很重要。很明顯,在未來,以移動平臺為中心是個明智的策略。(來源:http://www.exacttarget.com/sites/exacttarget/files/deliverables/etmc-2014mobilebehaviorreport.pdf)
錦上添花的小功能——不可否認的是,Chrome已經(jīng)宣布了在瀏覽器和移動設備上推送通知的功能。但是移動設備本身可以提供多得多的功能:藍牙、鄰 近系統(tǒng)(Beacon)、地理定位(geofencing)、WiFi、通知推送、應用程序內付賬(谷歌的Google Play支持應用內購買),等等。
網(wǎng)頁應用的編程已經(jīng)完成——由于很可能你已經(jīng)完成了桌面端網(wǎng)頁應用的程序編寫,剩下來的只是審查移動端的用戶體驗,然后量身定做用戶界面,使得它對 移動端更加友好(Mobile Friendly)。這意味著通過調整導航菜單、按鈕和字體尺寸以及輸入框,來創(chuàng)造出更好的移動端體驗(譯者注:實際操作起來不僅僅是調整以上這些這么簡 單,信息架構、交互方式得也需要做一定的調整來更好地適應移動端瀏覽器)。
不依賴任何設備平臺——網(wǎng)頁應用程序不依賴于操作系統(tǒng)(比如針對iOS和安卓需要不同的應用)?,F(xiàn)在有一種混合技術可以讓移動應用開發(fā)者僅用一套代碼來讓應用程序同時適用這兩種操作平臺,但目前為止這還是一項新型技術,且十分昂貴。而對一個網(wǎng)頁應用程序來說,開發(fā)者會針對最常見的網(wǎng)頁瀏覽器來進行設計。一旦完成,它可以在任何使用那些瀏覽器(如Chrome,火狐,IE)的設備上運行。
內容不受應用商店規(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密集型,及圖像密集型應用程序的引擎。
賺錢——不管你采用兩者中哪種,你都可以設計出付費訂閱,然后通過應用程序來賺錢。想讓用戶每人每月付5美元?或者付一次性15美元的費用?沒問題。就算你想要它變成消耗品(在應用內下載所付的錢),這兩種平臺都可以幫你達到。
結合——這兩種技術都可以保證你可以從手機上得到想要的信息。但是,取決于你想讓你的應用干什么,你甚至可以考慮設計一個混合型的應用,把網(wǎng)頁應用開發(fā)和移動應用開發(fā)相結合。
做出一個明智決定的最好方法是咨詢專家。你的開發(fā)者將會問你許多問題,甚至比上述提到的概念還要多,為了理解你的應用如何才能最好地執(zhí)行,以及建立 在什么樣的平臺和技術之上。當然你可以同時咨詢多個開發(fā)者,但是要記?。簯瞄_發(fā)是一半藝術一半科學。開發(fā)者們可能在如何實施你的想法上有不同的看法,并 且可能會往自己的方向上思考,從而可以在他們的專長領域來為你提供更多的價值。
不管用哪種方式,應用開發(fā)是一個漫長的過程,需要合理的預算。準備好接受五位數(shù)的報價,并且在開始開發(fā)前弄清楚投資回報率和對用戶的價值,以決定應用程序是否可行。