如何根據你的網(wang)站創建一個(ge)移(yi)動 APP
如何根據你的網(wang)站創建一個(ge)移(yi)動 APP-移(yi)動閱(yue)讀(du)二維(wei)碼


如今,每一家(jia)具備在線業(ye)務的第三方(fang)公(gong)司都在考慮創建一個(ge)移(yi)動APP或移(yi)動版網(wang)站。今天,我們來討論下哪(na)種方(fang)式(shi)更(geng)方(fang)便,以及(ji)需要使用哪(na)些(xie)技ji)跤美湊鞣fu)移(yi)動市場。

 

從一開(kai)始,我想(xiang)指出的是,幾年前(qian)在“移(yi)動版本的網(wang)站”下,我們qian)an)示了需要單獨開(kai)發(fa)一個(ge)移(yi)動設(she)備的獨立版本,而現在這(zhe)個(ge)術語只意味著(zhou)創建自(zi)適(shi)應模式(shi)的方(fang)案。

 

 

移(yi)動APP或移(yi)動版網(wang)站

 

浮現在任何企業(ye)腦海中的第一個(ge)問題是選(xuan)擇(ze)什(shi)麼——一個(ge)移(yi)動 APP或一個(ge)自(zi)適(shi)應模型?

 

決定到底什(shi)麼樣的商業(ye)策略適(shi)合于您(nin),最重要的是從開(kai)始制定攻克手(shou)機市場的時(shi)刻開(kai)始,就要找出您(nin)行動的na)mu)標(biao)。

如果你從整(zheng)體局勢上來看,移(yi)動 APP似(si)乎更(geng)可取,也更(geng)適(shi)合投資。

 

從界(jie)面(mian)的角度來看,移(yi)動APP總是看起來更(geng)美觀,因為它們獨立于每個(ge)移(yi)動設(she)備的瀏覽(lan)器或者屏幕(mu)尺寸,他(ta)們是為特定的平台(比如 iOS)而創建的。安裝移(yi)動APP後,很少需要上網(wang)做(zuo)後續工作。

 

不huai) xuan)擇(ze)移(yi)動APP也有一些(xie)缺點。最大的缺點是資源(yuan),移(yi)動應用在開(kai)發(fa)過程中需要更(geng)多的時(shi)間、金錢和人力資源(yuan)。預估該項目(mu)的推出將(jiang)更(geng)加困難(nan),在應用商店中發(fa)布你的 APP可能需要花3天到幾周(zhou)的時(shi)間才(cai)行。

 

如果你不想(xiang)從一種選(xuan)擇(ze)跳(tiao)轉到另一種選(xuan)擇(ze),那麼你需要了解項目(mu)的主要參數(可供選(xuan)擇(ze)的只有3個(ge))——你想(xiang)達(da)到的目(mu)標(biao),你的預算,你的目(mu)標(biao)受眾。大多數情(qing)況下,了解你的預算就足夠了——開(kai)發(fa)移(yi)動 APP更(geng)昂貴(gui)。如果你沒(mei)有預算限(xian)制,最好是看一下主要目(mu)標(biao)︰如果是這(zhe)樣,你只需要提高你的 Google索引(移(yi)動優先的方(fang)法(fa)),這(zhe)比開(kai)發(fa)移(yi)動版本的網(wang)站還(huai)gou)苡謾/p>

 

如果你仍(reng)然不知道該選(xuan)擇(ze)什(shi)麼,那麼我有一個(ge)折(zhe)中的建議——帶有瀏覽(lan)器組件(jian)的移(yi)動APP

 

我可以給你舉一個(ge)例子,就是著名的?IMDB應用程序(xu)。頁面(mian)的主模板在應用程序(xu)中,而一些(xie)頁面(mian)(即將(jiang)上映(ying)的新電影)則是從瀏覽(lan)器中加載(zai)的。在這(zhe)種情(qing)況下,你只需使用mei)? wang)來加載(zai)新的na)諶藎 纈埃   悄愕撓τ貿絛xu)將(jiang)會在沒(mei)有網(wang)的情(qing)況下整(zheng)體上穩定運行。

 

 

為什(shi)麼人們選(xuan)擇(ze)移(yi)動APP開(kai)發(fa)

 

根據我們的經驗,在創建移(yi)動APP時(shi),根據你的na)mu)標(biao),我們可以看到幾個(ge)原因。主要的原因是你想(xiang)要收集(ji)並(bing)擴大用mei) 菘猓 bing)且進入(ru)新的移(yi)動用mei) 骸S惺shi),是因為公(gong)司想(xiang)要引領潮流,站在技ji)鹺痛蔥碌那qian)沿(yan)。此song)猓 純茨愕木赫允shou),如果他(ta)們當中的前(qian)五名都有移(yi)動APP,那麼最好的方(fang)法(fa)是跟隨他(ta)們,保持競爭力。

 

當你決定創建一個(ge)移(yi)動APP時(shi)從哪(na)mu) /strong>

 

選(xuan)擇(ze)平台

 

首先,你需要在平台上做(zuo)出決定。你不需要同(tong)時(shi)為所有平台開(kai)發(fa)一款APP。此song)猓 頤牆ㄒ櫬右桓ge)平台開(kai)始,也許你根根就不需要其它類型的平台了。

 

要選(xuan)擇(ze)一個(ge)平台,你需要確定你的 APP的na)mu)標(biao)和你想(xiang)到達(da)的受眾。如果你想(xiang)從你的APP中賺錢,專注于商業(ye)用mei)? 敲創OS開(kai)始更(geng)好,因為它的付費用mei)?畽唷H綣閬xiang)要吸引更(geng)多的受眾,你的APP 沒(mei)有xin)詮海 詈麼ndroid開(kai)始——大多數廣(guang)泛使用的設(she)備在這(zhe)個(ge)平台上工作。


決定移(yi)動APP的任務

 

在這(zhe)個(ge)階(jie)段,你需要考慮你的APP將(jiang)解決的任務。

 

你的主要目(mu)標(biao)將(jiang)幫助(zhu)你構(gou)造(zao)APP的任務池。舉個(ge)例子,想(xiang)象一下,你決定為你的在線商店創建一個(ge)APP,目(mu)標(biao)是讓你的mu)突hu)有xin)芰ν 槳宓縋院橢悄蓯shou)機選(xuan)擇(ze)和購買商品。

 

基于這(zhe)個(ge)目(mu)標(biao),你可以形(xing)成一個(ge)任務池︰你需要方(fang)便的導航、商品搜(sou)索、快速排序(xu)處理、跟蹤和同(tong)步。

 

如果你有不同(tong)的na)mu)標(biao),比如在你的商店運行期間引入(ru)社交(jiao)功(gong)能,那麼任務也會有所不同(tong)。對于這(zhe)種目(mu)標(biao),舉個(ge)例子,你可以在你的商店中加入(ru)輕社交(jiao),用mei)?梢栽謖zhao)片上標(biao)記項目(mu)(這(zhe)些(xie)標(biao)簽將(jiang)會通向特定的專題頁面(mian))。通過這(zhe)樣做(zuo),你就可以解決你的主要銷售目(mu)標(biao),同(tong)時(shi)提高你的mu)突hu)忠誠度,以及(ji)他(ta)們在商店生(sheng)活的參與度。

 

 

如果你的na)mu)標(biao)是征服(fu)一個(ge)國際(ji)shi)諧。 敲茨愕撓τ鎂托枰﹦餼銎淥ta)問題。首先,它必須適(shi)應新的市場。這(zhe)里我們舉例,如果你要去中國市場,你最好讓你的APP能夠掃二維(wei)碼。

 

 

 

在定義完任務之後做(zuo)什(shi)麼

 

在這(zhe)個(ge)階(jie)段,有必要進行競爭對手(shou)的APP分析(如果你以前(qian)沒(mei)有做(zuo)過的mu)埃 H綣閬xiang)讓你的APP解決相(xiang)同(tong)的任務,現有的APP都能解決,那麼最好再多想(xiang)想(xiang)。你還(huai)能做(zuo)些(xie)什(shi)麼來從競爭者中脫(tuo)穎(ying)bei)瞿兀/p>

 

記住,當你創建一個(ge)移(yi)動 APP時(shi),你不需要把所有可能的功(gong)能都裝進去。最好mei)故(gu)潛3忠渙礁ge)主要功(gong)能,集(ji)中開(kai)發(fa)于它。

 

根據你的主要功(gong)能,決定你的應用將(jiang)具有xin)男xie)組件(jian)。最後,你準備fu)昧思絛/p>

在項目(mu)的這(zhe)個(ge)階(jie)段,我們經常會有一個(ge)問題,那就是有沒(mei)有必要把你的網(wang)頁結構(gou)完全地應用到這(zhe)個(ge)APP中。在某些(xie)情(qing)況下,你可能會認為許多組件(jian)都被遺(yi)漏了,但實際(ji)上並(bing)非(fei)總是如此。我們的關鍵任務是從網(wang)絡上遷移(yi)用mei)?僥愕囊yi)動APP,而不會丟失他(ta)以前(qian)經常使用的關鍵功(gong)能。你的應用程序(xu)不需要在給用mei) 礪櫸fan)的情(qing)況下工作。

 

讓我們來看一個(ge)簡單的例子,建築材料的線上商店提供了大量的咨詢(xun)形(xing)式(shi),有許多可供選(xuan)擇(ze)的nan)xuan)項,比如交(jiao)付類型(到付或自(zi)付),材料的數量,在哪(na)里樓層交(jiao)付你的訂單等等。如果你排除(chu)了交(jiao)付選(xuan)項的類型,那麼習(xi)慣了song)綾淼?撓沒(mei)?贍芑嵩詮gong)能中迷失。這(zhe)將(jiang)導致lu)┐?畝 ?投圓環fang)便APP的卸載(zai)。

 

這(zhe)就是為什(shi)麼當你把結構(gou)從網(wang)絡遷移(yi)到jie)貧PP的時(shi)候,我們需要考慮用mei)? J褂玫墓gong)能特性。在某些(xie)情(qing)況下,網(wang)站地圖可能會幫助(zhu)你。不huai) 鬩殘枰 醞wang)站地圖保持zhi)魃鰲/p>

 

 

如何使用網(wang)站地圖

 

如果你決定將(jiang)你的網(wang)站地圖應用到你的移(yi)動APP中,那麼你將(jiang)面(mian)臨致命(ming)的後果。你會混淆你自(zi)己和你的用mei)? PP功(gong)能冗雜,使用變得(de)不方(fang)便。

 

如果你真的想(xiang)不忘記任何必要的細節,把網(wang)站地圖作為移(yi)動APP的參考,那麼它 會是你很好的助(zhu)手(shou)。

 

網(wang)站地圖ji)悄閾枰 覽(lan)檔暮he)心(xin),但永遠不應該完全轉移(yi)到jie)貧APP上。如果你認為你的APP仍(reng)然充斥著(zhou)信息,你可以通過組合不同(tong)類型的菜(cai)單添加一些(xie)空間。

 

正如你在圖ji) 峽梢鑰吹降模PP的標(biao)準ji)聊mu)示jiu) 諞yi)動設(she)備上會有幾個(ge)傳遞信息的nan)xuan)項。

有很多不同(tong)類型的菜(cai)單並(bing)不取決于平台,像(xiang)頂部(bu)菜(cai)單,底部(bu)菜(cai)單和側邊(bian)菜(cai)單。此song)猓 聊mu)上的mu)ㄆ 部(bu)梢砸圓煌tong)的方(fang)式(shi)放置,比如,它們可以放在一個(ge)屏幕(mu)上,或者被劃到右側。

 

為了方(fang)便使用和卸載(zai) APP,你可以使用組合核(he)心(xin),當所有的主要功(gong)能都被放置在頂部(bu)或底部(bu)菜(cai)單中時(shi),卡片會被刷(shua)新,側邊(bian)菜(cai)單被用于其他(ta)功(gong)能(反饋、技ji)踔?幀 gong)司信息等等)。

 

 

你需要跟哪(na)些(xie)網(wang)絡組件(jian)說再見

 

盡管在將(jiang)你的項目(mu)從網(wang)頁轉移(yi)到jie)貧 聳shi)需要保持許多特性,但是有一組基本的網(wang)頁元素是你不需要轉移(yi)的。首先,它的頁腳,頁眉,面(mian)包屑,復雜的分層場景和重品牌。

 

讓我們多談一下重品牌的問題。在你的 APP中只需要使用現有品牌的配(pei)色(se)方(fang)案,就足以讓你的圖標(biao)和屏幕(mu)上彰顯品牌性。你的 APP仍(reng)然會引人注目(mu),因為當你下載(zai)一個(ge)APP時(shi),你會看到jie)桓ge)圖標(biao)和tong)靄嬪痰拿鄭 zhe)已經足夠了。不要讓你的APP充斥著(zhou)品牌元素,它的主要關注點應該是用方(fang)便實用的功(gong)能去幫助(zhu)用mei)?餼鏊ta)們的任務,達(da)到你的na)mu)標(biao)。

 

我想(xiang)要給一些(xie)能幫助(zhu)你簡化設(she)計(ji)流程的建議。

 

  • 更(geng)多的屏幕(mu)不等于更(geng)方(fang)便
  • 較少的功(gong)能並(bing)不總是正確的決策
  • 將(jiang)你的網(wang)頁項目(mu)邏輯最大化並(bing)不總是勝利

 

記住,移(yi)動APP不總是你的網(wang)站的一個(ge)輕量版本。此song)猓 yi)動 APP序(xu)在其結構(gou)中往往與網(wang)頁項目(mu)一樣復雜。

 

我想(xiang)提的是,對于這(zhe)樣的項目(mu),在一定程度上最好有獨立的移(yi)動端設(she)計(ji)師。即使你有優秀(xiu)的網(wang)頁設(she)計(ji)師,他(ta)仍(reng)然無法(fa)想(xiang)象所有的移(yi)動特性。

 

 

有什(shi)麼是網(wang)頁設(she)計(ji)師不知道的

 

在為移(yi)動 APP創建設(she)計(ji)時(shi),你總是需要根據應用商店的指導方(fang)針來工作。移(yi)動APP的結構(gou)和邏輯與網(wang)頁項目(mu)有很大的不同(tong)。你需要將(jiang)你的注意力轉移(yi)到授(shou)權和用mei)?哪(na)涿 稀一般用mei) 褂悶聊mu)的時(shi)間,更(geng)多來自(zi)于手(shou)勢和動畫,如果在網(wang)頁上,用鼠(shu)標(biao)點擊(ji)屏幕(mu)就足夠了,在移(yi)動 APP中,我們會有更(geng)多的手(shou)勢,像(xiang)推動,雙擊(ji),長按,滑動和其他(ta)與你的屏幕(mu)交(jiao)互的方(fang)式(shi)。

 

 

有什(shi)麼移(yi)動APP能做(zuo),網(wang)站jing)荒蘢zuo)的

 

繼續討論移(yi)動和網(wang)絡之間的差(cha)異,其中最重要的是需要考慮到APP 與網(wang)站的不同(tong)之處。你的網(wang)站沒(mei)有必要總是在你的手(shou)上,因為它需要網(wang)絡來加載(zai),所以它不能根據你的位置給你發(fa)送(song)推送(song)通知和各種各樣的優惠。

 

此song)猓 教ㄉ細髦指餮謀鏡毓gong)能,只有移(yi)動設(she)備才(cai)能訪問。例如隻huai)安卓支付,與智能手(shou)表、日(ri)歷、地圖、錢包等的同(tong)步。

 

 

我們談到了設(she)計(ji),但是關于開(kai)發(fa)呢?

 

正如我在一開(kai)始提到的,移(yi)動 APP的mu) fa)周(zhou)期要比創建移(yi)動版網(wang)站要長得(de)多。

通常,網(wang)頁項目(mu)更(geng)便宜,因為在移(yi)動APP開(kai)發(fa)過程中,你需要服(fu)務器,與其他(ta)APP的集(ji)成以及(ji)平台的本地功(gong)能。

 

每個(ge)平台都需要自(zi)己的mu) fa),移(yi)動端模型不是動態的,你需要根據需要的平台數量來創建幾個(ge)版本。

 

我想(xiang)說的重點是,移(yi)動APP並(bing)不總是網(wang)站的一個(ge)輕量版本。這(zhe)就是為什(shi)麼在你的網(wang)頁項目(mu)轉移(yi)到jie)貧PP時(shi),你需要考慮到你的APP許多特性,才(cai)能在應用商店中發(fa)布,以及(ji)實現你的na)mu)標(biao)。

 

 


 

以上是qian) yi)的文章。從市場行情(qing)來看,設(she)計(ji)師從事(shi)移(yi)動端的薪水待遇(yu)也要比做(zuo)網(wang)頁端si)驕jun)高一些(xie)~如果大家(jia)伙(huo)不考慮興趣因素的mu)埃 ㄒ樽 蛞yi)動端~

原文︰How to create a mobile app based on your website
原文地址︰https://medium.muz.li/how-to-create-a-mobile-app-based-on-your-website-a85da836b7f6
作者︰Elena Lysiakova
翻譯(yi)︰Tsien

——————————————–

作者簡介(jie)︰Sophia的玲瓏閣,一枚愛(ai)折(zhe)騰,愛(ai)健身的交(jiao)互設(she)計(ji)妹紙(zhi)。
職場設(she)計(ji)技能,更(geng)多教程搶先看,請關注作者的微信公(gong)眾號︰Sophia的玲瓏閣

本文鏈接︰http://www.mobileui.cn/create-a-mobile-app-based-on-your-website.html
本文標(biao)簽: , , ,