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


如今,每一家具備在線業(ye)務的第三(san)方(fang)公司都(du)在考慮創(chuang)建一個移動APP或移動版網站。今天,我們來(lai)討論下哪種方(fang)式更方(fang)便,以及(ji)需要使用哪些(xie)技(ji)術用來(lai)征服(fu)移動市場(chang)。

 

從一開始(shi),我想指出的是,幾(ji)年(nian)前在“移動版本jing)耐盡畢攏 頤前凳玖誦枰 ?攬  桓 貧 璞傅畝懶 奼荊 xian)在這個術語(yu)只意味(wei)著創(chuang)建自(zi)適應(ying)模式的方(fang)案(an)。

 

 

移動APP或移動版網站

 

浮現(xian)在任何企業(ye)腦海(hai)中的第一個問題(ti)是選擇什麼——一個移動 APP或一個自(zi)適應(ying)模型(xing)?

 

決(jue)定(ding)到底什麼樣的商業(ye)策(ce)略適合于(yu)您,最重要的是從開始(shi)制定(ding)攻克手機市場(chang)的時(shi)刻開始(shi),就要找(zhao)出您行動的目(mu)標。

如果你從整(zheng)體局zhi)粕shang)來(lai)chun)矗 貧APP似乎更可(ke)取,也更適合投資。

 

從界(jie)面的角度來(lai)chun)矗 貧PP總(zong)是看起來(lai)更美觀,因為它們獨立于(yu)每個移動設備的瀏覽器或者(zhe)屏liao)懷嘰紓 鞘俏 囟ding)的平jiao)  bi)如 iOS)而創(chuang)建的。安裝移動APP後,很少需要上(shang)網做後續工作。

 

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

 

如果你不(bu)想從一種選擇跳轉(zhuan)到另(ling)一種選擇,那(na)麼你需要了解(jie)項目(mu)的主(zhu)要參(can)數(shu)(可(ke)供選擇的只有3個)——你想達(da)到的目(mu)標,你的預算,你的目(mu)標受眾。大多數(shu)情況下,了解(jie)你的預算就足夠了——開發移動 APP更昂(ang)貴。如果你沒有預算限制,最好是看一下主(zhu)要目(mu)標︰如果是這樣,你只需要提高(gao)你的 Google索(suo)引(移動優先的方(fang)法),這比(bi)開發移動版本jing)耐淨構(gou)苡謾/p>

 

如果你仍(reng)然不(bu)知道該選擇什麼,那(na)麼我有一個折中的建議(yi)——帶有瀏覽器組(zu)件的移動APP

 

我可(ke)以給你舉(ju)一個例子,就是著名(ming)的?IMDB應(ying)用程序。頁面的主(zhu)模板在應(ying)用程序中,而一些(xie)頁面(即將上(shang)映的新電(dian)影)則是從瀏覽器中加載的。在這種情況下,你只需使用互聯網來(lai)加載新的內(na)容(電(dian)影),但(dan)是你的應(ying)用程序將會在沒有xing)那(na)榭魷掄zheng)體上(shang)穩(wen)定(ding)運行。

 

 

為什麼人們選擇移動APP開發

 

根據我們的經驗,在創(chuang)建移動APP時(shi),根據你的目(mu)標,我們可(ke)以看到幾(ji)個原因。主(zhu)要的原因是你想要收集並擴大用戶數(shu)據庫,並且進入新的移動用戶群。有時(shi),是因為公司想要引領潮流,站在技(ji)術和創(chuang)新的na)把(ba)亍4送猓 純(chun)茨愕木jing)爭(zheng)對手,如果他們當中的na)拔迕ming)都(du)有移動APP,那(na)麼最好的方(fang)法是跟隨他們,保(bao)持競(jing)爭(zheng)力。

 

當你決(jue)定(ding)創(chuang)建一個移動APP時(shi)從哪mu) shi)

 

選擇平jiao)/strong>

 

首先,你需要在平jiao)ㄉshang)做出決(jue)定(ding)。你不(bu)需要同時(shi)為所有平jiao)   豢PP。此外,我們建議(yi)從一個平jiao)  shi),也許你根根就不(bu)需要其(qi)它類型(xing)的平jiao) 恕/p>

 

要選擇一個平jiao)  閾枰 範ding)你的 APP的目(mu)標和你想到達(da)的受眾。如果你想從你的APP中賺錢,專注于(yu)商業(ye)用戶,那(na)麼chuang)OS開始(shi)ji)茫 蛭 母斗延沒?畽唷H綣閬胍 xi)引更多的受眾,你的APP 沒有內(na)購hai) 詈麼ndroid開始(shi)——大多數(shu)廣泛使用的設備在這個平jiao)ㄉshang)工作。


決(jue)定(ding)移動APP的任務

 

在這個階段wei) 閾枰 悸悄愕PP將解(jie)決(jue)的任務。

 

你的主(zhu)要目(mu)標將幫助(zhu)你構(gou)造APP的任務池。舉(ju)個例子,想象一下,你決(jue)定(ding)為你的在線商店創(chuang)建一個APP,目(mu)標是讓(rang)你的mu)突?心芰ν 槳宓dian)腦和智能手機選擇和購買商品。

 

基于(yu)這個目(mu)標,你可(ke)以形成一個任務池︰你需要方(fang)便的導(dao)航jian)?唐匪閹suo)、快速排序處理、跟蹤(zong)和同步jian)/p>

 

如果你有不(bu)同的目(mu)標,比(bi)如在你的商店運行期(qi)間(jian)引入社(she)交功能,那(na)麼任務也bu)嵊興bu)同。對于(yu)這種目(mu)標,舉(ju)個例子,你可(ke)以在你的商店中加you)肭嶸she)交,用戶可(ke)以在照(zhao)片上(shang)標記項目(mu)(這些(xie)標簽(qian)將會通向特定(ding)的專題(ti)頁面)。通過這樣做,你就可(ke)以yue)餼jue)你的主(zhu)要銷售目(mu)標,同時(shi)提高(gao)你的mu)突?頁cheng)度,以及(ji)他們在商店生活的參(can)與度。

 

 

如果你的目(mu)標是征服(fu)一個國際市場(chang),那(na)麼你的應(ying)用就需要解(jie)決(jue)其(qi)他問題(ti)。首先,它必須適應(ying)新的市場(chang)。這里(li)我們舉(ju)例,如果你要去中國市場(chang),你最好讓(rang)你的APP能夠掃二維(wei)碼。

 

 

 

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

 

在這個階段wei) 斜匾﹦芯jing)爭(zheng)對手的APP分析(如果你以前沒有做過的話(hua))。如果你想讓(rang)你的APP解(jie)決(jue)相同的任務,現(xian)有的APP都(du)能解(jie)決(jue),那(na)麼最好再(zai)多想想。你還能做些(xie)什麼來(lai)從競(jing)爭(zheng)者(zhe)中xing)延ying)而出呢?

 

記住,當你創(chuang)建一個移動 APP時(shi),你不(bu)需要把(ba)所有可(ke)能的功能都(du)裝進去。最好還是保(bao)持一兩個主(zhu)要功能,集中開發于(yu)它。

 

根據你的主(zhu)要功能,決(jue)定(ding)你的應(ying)用將具有哪些(xie)組(zu)件。最後,你準(zhun)備好了繼(ji)續。

在項目(mu)的這個階段wei) 頤薔 chang)會有一個問題(ti),那(na)就是有沒有必要把(ba)你的網頁結構(gou)完全(quan)地(di)應(ying)用到這個APP中。在某些(xie)情況下,你可(ke)能會認為許多組(zu)件都(du)被遺漏(lou)了,但(dan)實dao)噬shang)並非總(zong)是如此。我們的關鍵任務是從網絡上(shang)遷移用戶到你的移動APP,而不(bu)會丟失(shi)他以前經常(chang)使用的關鍵功能。你的應(ying)用程序不(bu)需要在給用戶添麻(ma)煩的na)榭魷鹿?鰲/p>

 

讓(rang)我們來(lai)chun)匆桓黽虻?睦櫻 ㄖ牧系南呱shang)商店提供了大量的咨(zi)詢形式,有許多可(ke)供選擇的選項,比(bi)如交付類型(xing)(到付或自(zi)付),材料的數(shu)量,在哪里(li)樓層交付你的訂單等等。如果你排除了交付選項的類型(xing),那(na)麼習慣了網絡表單的用戶可(ke)能會在功能中迷失(shi)。這將導(dao)致訂單的丟失(shi)和對不(bu)方(fang)便APP的卸載。

 

這就是為什麼當你把(ba)結構(gou)從網絡遷移到移動APP的時(shi)候,我們需要考慮用戶經常(chang)使用的功能特性。在某些(xie)情況下,網站jing)贗伎ke)能會幫助(zhu)你。不(bu)過,你也需要對網站jing)贗急bao)持謹(jin)慎。

 

 

如何使用網站jing)贗/strong>

 

如果你決(jue)定(ding)將你的網站jing)贗加ying)用到你的移動APP中,那(na)麼你將面臨致命的後果。你會混淆你自(zi)己和你的用戶,使APP功能冗雜,使用變得(de)不(bu)方(fang)便。

 

如果你真(zhen)的想不(bu)忘(wang)記任何必要的細節,把(ba)網站jing)贗甲魑 貧PP的參(can)考,那(na)麼它 會是你很好的助(zhu)手。

 

網站jing)贗際悄閾枰 yi)賴的核心,但(dan)永遠不(bu)應(ying)該完全(quan)轉(zhuan)移到移動 APP上(shang)。如果你認為你的APP仍(reng)然充斥著信息,你可(ke)以通過組(zu)合不(bu)同類型(xing)的菜單添加一些(xie)空間(jian)。

 

正如你在圖片上(shang)可(ke)以看到的,APP的標準(zhun)屏liao)皇糾(jiu) 諞貧 璞干shang)會有幾(ji)個傳遞信息的選項。

有很多不(bu)同類型(xing)的菜單並不(bu)取決(jue)于(yu)平jiao)  穸?bu)菜單,底部(bu)菜單和側邊菜單。此外,屏liao)簧shang)的mu)ㄆ 部(bu)ke)以以不(bu)同的方(fang)式放置,比(bi)如,它們可(ke)以放在一個屏liao)簧shang)xi) 蛘zhe)被劃(hua)到右側。

 

為了方(fang)便使用和卸載 APP,你可(ke)以使用mi)zu)合核心,當所有的主(zhu)要功能都(du)被放置在頂部(bu)或底部(bu)菜單中時(shi),卡片會被刷新,側邊菜單被用于(yu)其(qi)他功能(反饋、技(ji)術支持、公司信息等等)。

 

 

你需要跟哪些(xie)網絡組(zu)件說再(zai)見

 

盡管在將你的項目(mu)從網頁轉(zhuan)移到移動端時(shi)需要保(bao)持許多特性,但(dan)是有一組(zu)基本jing)耐吃yuan)素是你不(bu)需要轉(zhuan)移的。首先,它的頁腳,頁眉,面包屑,復雜的分層場(chang)景ang)橢仄放啤/p>

 

讓(rang)我們多談一下重品牌的問題(ti)。在你的 APP中只需要使用現(xian)有品牌的配色方(fang)案(an),就足以讓(rang)你的圖標和屏liao)簧shang)彰顯品牌性。你的 APP仍(reng)然會引人注目(mu),因為當你下載一個APP時(shi),你會看到一個圖標和出版商的名(ming)字,這已經足夠了。不(bu)要讓(rang)你的APP充斥著品牌元(yuan)素,它的主(zhu)要關注點應(ying)該是用方(fang)便實用的功能去幫助(zhu)用戶解(jie)決(jue)他們的任務,達(da)到你的目(mu)標。

 

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

 

  • 更多的屏liao)徊bu)等于(yu)更方(fang)便
  • 較(jiao)少的功能並不(bu)總(zong)是正確的決(jue)策(ce)
  • 將你的網頁cheng)金mu)邏輯(ji)最大化並不(bu)總(zong)是勝利(li)

 

記住,移動APP不(bu)總(zong)是你的網站jing)囊桓鑾崍堪奼盡4送猓 貧APP序在其(qi)結構(gou)中xing)臚誠(cheng)金mu)一樣復雜。

 

我想提的是,對于(yu)這樣的項目(mu),在一定(ding)程度上(shang)最好有獨立的移動端設計師(shi)。即ci)鼓閿杏判愕耐成杓剖shi),他仍(reng)然無法想象所有的移動特性。

 

 

有什麼ci)峭成杓剖shi)不(bu)知道的

 

在為移動 APP創(chuang)建設計時(shi),你總(zong)是需要根據應(ying)用商店的指導(dao)方(fang)針來(lai)工作。移動APP的結構(gou)和邏輯(ji)與網頁cheng)金mu)有很大的不(bu)同。你需要將你的注意力轉(zhuan)移到授權和用戶的匿名(ming)化上(shang)。 一hua)ban)用戶使用屏liao)壞氖shi)間(jian),更多來(lai)自(zi)于(yu)手zhi)坪投   綣諭成shang)xi) 檬蟊甑慊髕聊(liao)瘓妥愎渙耍 諞貧APP中,我們會有更多的手zhi)疲 褳貧  shuang)擊,長按,滑(hua)動和其(qi)他與你的屏liao)喚換?姆fang)式jian)/p>

 

 

有什麼移動APP能做,網站不(bu)能做的

 

繼(ji)續討論移動和網絡之間(jian)的差異(yi),其(qi)中最重要的是需要考慮到APP 與網站jing)牟bu)同之處。你的網站沒有必要總(zong)是在你的手上(shang)xi) 蛭 枰 繢lai)加載,所以它不(bu)能根據你的位(wei)置給你發送推送通知和各種各樣的優惠(hui)。

 

此外,平jiao)ㄉshang)各種各樣的本jing)毓δ埽 揮幸貧 璞覆cai)能訪問。例如隻果/安卓支付,與智能手zhi)懟?綻 di)圖、錢包等的同步jian)/p>

 

 

我們談到了設計,但(dan)是關于(yu)開發呢?

 

正如我在一開始(shi)提到的,移動 APP的mu)  芷qi)要比(bi)創(chuang)建移動版網站要長得(de)多。

通常(chang),網頁cheng)金mu)更便宜,因為在移動APP開發過程中,你需要服(fu)務器,與其(qi)他APP的集成以及(ji)平jiao) 謀鏡(jing)毓δ塴/p>

 

每個平jiao) du)需要自(zi)己的mu)   貧 四Pxing)不(bu)是動態的,你需要根據需要的平jiao)ㄊshu)量來(lai)創(chuang)建幾(ji)個版本。

 

我想說的重點是,移動APP並不(bu)總(zong)是網站jing)囊桓鑾崍堪奼盡U餼褪俏 裁叢諛愕耐誠(cheng)金mu)轉(zhuan)移到移動APP時(shi),你需要考慮到你的APP許多特性,才(cai)能在應(ying)用商店中發布,以及(ji)實現(xian)你的目(mu)標。

 

 


 

以上(shang)是翻譯的文(wen)章。從you)諧chang)行情來(lai)chun)矗 杓剖shi)從you)亂貧 說男剿shui)待遇(yu)也要比(bi)做網頁端平均高(gao)一些(xie)~如果大家伙不(bu)考慮興趣因素的話(hua),建議(yi)轉(zhuan)向移動端~

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

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

作者(zhe)簡介︰Sophia的玲瓏閣,一枚愛(ai)折騰,愛(ai)健(jian)身的交互設計妹紙jian)br />職場(chang)設計技(ji)能,更多教(jiao)程搶lao)瓤矗 牘刈 髡zhe)的微信公眾號︰Sophia的玲瓏閣

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