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


如今,每一家具備在線業(ye)務的第(di)三方公司都在考慮創建(jian)一個移動APP或移動版網站。今天,我們來討論下哪種(zhong)方式更方便,以yue)靶枰 褂媚男┘際跤美湊鞣貧 諧 /p>

 

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

 

 

移動APP或移動版網站

 

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

 

決定到底什麼樣的商業(ye)策略適合于您,最重要的是(shi)從開(kai)始制定攻克手(shou)機市場的時刻開(kai)始,就要找出您行(xing)xie) 哪勘輟/p>

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

 

從界面(mian)的角度來看,移動APP總是(shi)看起來更美觀,因(yin)為它們獨(du)立于每個移動設備的瀏覽(lan)器或者屏幕尺寸,他們是(shi)為特定的平(ping)jiao)  熱iOS)而創建(jian)的。安裝(zhuang)移動APP後(hou),很(hen)少(shao)需要上網做後(hou)續工作。

 

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

 

如果你不想從一種(zhong)選擇跳轉到另一種(zhong)選擇,那(na)麼你需要了si)庀金康鬧饕 can)數(可供選擇的只(zhi)有3個)——你想達到的目標,你的預(yu)算,你的目標受眾。大(da)多數情況下,了si)餑愕腦yu)算就足(zu)夠了——開(kai)發(fa)移動 APP更昂貴。如果你沒有xing)yu)算限制,最好是(shi)看一下主要目標︰如果是(shi)這樣,你只(zhi)需要提(ti)高你的 Google索引(yin)(移動優先的方法),這比開(kai)發(fa)移動版本的網站還管(guan)用。

 

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

 

我可以給你舉(ju)一個例子,就是(shi)著名的?IMDB應用程序。頁面(mian)的主模板在應用程序中(zhong),而一些頁面(mian)(即將上映的新電影)則(ze)是(shi)從瀏覽(lan)器中(zhong)加載(zai)的。在這種(zhong)情況下,你只(zhi)需使用互聯網來加載(zai)新的內容(電影),但是(shi)你的應用程序將會(hui)在沒有網的na)榭魷掄逕餃榷ㄔyun)行(xing)。

 

 

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

 

根據(ju)我們的mu) 椋 詿唇jian)移動APP時,根據(ju)你的目標,我們可以看到幾個原因(yin)。主要的原因(yin)是(shi)你想要收集並擴大(da)用戶數據(ju)庫,並且進(jin)入新的移動用戶群。有時,是(shi)因(yin)為公司想要引(yin)領(ling)潮(chao)流,站在技術和創新的na)把(ba)亍4送猓 純茨愕木(mu)赫允shou),如果他們當中(zhong)的na)拔迕加幸貧PP,那(na)麼最好的方法是(shi)跟(gen)隨他們,保持(chi)競爭力。

 

當你決定創建(jian)一個移動APP時bei)幽目kai)始

 

選擇平(ping)jiao)/strong>

 

首先,你需要在平(ping)jiao)ㄉ獻齔鼉齠 D悴恍枰  蔽 釁ping)jiao) kai)發(fa)一款APP。此外,我們建(jian)議從一個平(ping)jiao) kai)始,也(ye)許你根根就不需要其它類(lei)型的平(ping)jiao) 恕/p>

 

要選擇一個平(ping)jiao)  閾枰 範(fan) 愕APP的目標和你想到達的受眾。如果你想從你的APP中(zhong)賺(zhuan)錢,專注于商業(ye)用戶,那(na)麼從iOS開(kai)始更好,因(yin)為它的付費用戶最多。如果你想要吸引(yin)更多的受眾,你的APP 沒有內購,最好從Android開(kai)始——大(da)多數廣(guang)泛(fan)使用的設備在這個平(ping)jiao)ㄉ瞎?鰲/p>


決定移動APP的任務

 

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

 

你的主要目標將幫(bang)助你構造APP的任務池。舉(ju)個例子,想象一下,你決定為你的在線商店創建(jian)一個APP,目標是(shi)讓你的客戶有能力通過平(ping)板電腦和智能手(shou)機選擇和購買商品。

 

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

 

如果你有不同的目標,比如在你的商店運(yun)行(xing)期間引(yin)入社交(jiao)功能,那(na)麼任務也(ye)會(hui)有所不同。對za)謖庵zhong)目標,舉(ju)個例子,你可以在你的商店中(zhong)加入輕社交(jiao),用戶可以在照片(pian)上標記項目(這些標簽(qian)將會(hui)通向(xiang)特定的專題頁面(mian))。通過這樣做,你就可以解(jie)決你的主要銷售目標,同時提(ti)高你的客戶忠(zhong)誠度,以yue)八竊諫痰晟huo)的參(can)與度。

 

 

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

 

 

 

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

 

在這個階段,有必要進(jin)行(xing)競爭對手(shou)的APP分(fen)析(如果你以前沒有做過的話)。如果你想讓你的APP解(jie)決相同的任務,現有的APP都能解(jie)決,那(na)麼最好再(zai)多想想。你還能做些什麼來從競爭者中(zhong)脫(tuo)穎而出呢?

 

記住,當你創建(jian)一個移動 APP時,你不需要把(ba)所有可能的功能都裝(zhuang)進(jin)去。最好還是(shi)保持(chi)一兩個主要功能,集中(zhong)開(kai)發(fa)于它。

 

根據(ju)你的主要功能,決定你的應用將具有哪些組件。最後(hou),你準(zhun)備好了si)絛/p>

在項目的這個階段,我們經常會(hui)有一個問題,那(na)就是(shi)有沒有必要把(ba)你的網頁結構完全地應用到這個APP中(zhong)。在某些情況下,你可能會(hui)認為許多組件都被遺漏了,但實際上並非總是(shi)如此。我們的關鍵(jian)任務是(shi)從網絡上遷移用戶到你的移動APP,而不huan)岫 shi)他以前經常使用的關鍵(jian)功能。你的應用程序不需要在給用戶添(tian)麻煩的na)榭魷鹿?鰲/p>

 

讓我們來看一個簡(jian)單的例子,建(jian)築(zhu)材料(liao)的nan)呱仙痰晏ti)供了大(da)量的咨詢形(xing)式,有xing)磯囁曬┬≡竦難∠睿 熱緗jiao)付du)嘈停 礁痘蜃願叮  牧liao)的數量,在哪里樓層交(jiao)付你的訂單等等。如果你排除了si)jiao)付選項的類(lei)型,那(na)麼習(xi)慣了網絡表單的用戶可能會(hui)在功能中(zhong)迷失(shi)。這將導致lu)┐?畝 shi)和對不方便APP的卸(xie)載(zai)。

 

這就是(shi)為什麼當你把(ba)結構從網絡遷移到移動APP的時候(hou),我們需要考慮用戶經常使用的功能特性(xing)。在某些情況下,網站地圖可能會(hui)幫(bang)助你。不過,你也(ye)需要對網站地圖保持(chi)謹慎。

 

 

如何使用網站地圖

 

如果你決定將你的網站地圖應用到你的移動APP中(zhong),那(na)麼你將面(mian)臨致命的後(hou)果。你會(hui)混(hun)淆你自yue)漢湍愕撓沒? PP功能冗雜(za),使用變得不方便。

 

如果你真的nan)氬煌僑魏偽匾 南(nan)xi)節,把(ba)網站地圖作為移動APP的參(can)考,那(na)麼它 會(hui)是(shi)你很(hen)好的助手(shou)。

 

網站地圖是(shi)你需要依lan)檔(dang)暮誦模  澇yuan)不應該完全轉移到移動 APP上。如果你認為你的APP仍(reng)然充斥著(zhou)信息,你可以通過組合不同類(lei)型的菜單添(tian)加一些空間。

 

正如你在圖片(pian)上可以看到的,APP的標準(zhun)屏幕示例,在移動設備上會(hui)有xie)父齟 di)信息的選項。

有很(hen)多不同類(lei)型的菜單並不取決于平(ping)jiao)  穸?坎說? 撞坎說?筒啾 說?4送猓 聊簧系(xi)目ㄆpian)也(ye)可以以不同的方式放置,比如,它們可以放在一個屏幕上,或者被huan) 接也(ye)唷/p>

 

為了方便使用和卸(xie)載(zai) APP,你可以使用組合核心,當所有的主要功能都被放置在頂部或底部菜單中(zhong)時,卡片(pian)會(hui)被刷新,側邊菜單被用于其他功能(反饋(kui)、技術支持(chi)、公司信息等等)。

 

 

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

 

盡管(guan)在將你的nan)金看油匙 頻揭貧 duan)時需要保持(chi)zhong)磯 匭xing),但是(shi)有一組基本的網頁元(yuan)素(su)是(shi)你不需要轉移的。首先,它的頁腳,頁眉,面(mian)包屑(xie),復雜(za)的分(fen)層場景(jing)和重品牌(pai)。

 

讓我們多談一下重品牌(pai)的問題。在你的 APP中(zhong)只(zhi)需要使用現有品牌(pai)的配色(se)方案fu) 妥zu)以讓你的圖標和屏幕上彰顯品牌(pai)性(xing)。你的 APP仍(reng)然huan)嵋yin)人注目,因(yin)為當你下載(zai)一個APP時,你會(hui)看到一個圖標和tong)靄嬪痰拿(na)鄭 庖丫 zu)夠了。不要讓你的APP充斥著(zhou)pai)放pai)元(yuan)素(su),它的主要關注點應該是(shi)用方便實用的功能去幫(bang)助用戶解(jie)決他們的任務,達到你的目標。

 

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

 

  • 更多的屏幕不等于更方便
  • 較(jiao)少(shao)的功能並不總是(shi)正確的mu)霾/li>
  • 將你的網頁項目邏輯最大(da)化並不總是(shi)勝(sheng)利

 

記住,移動APP不總是(shi)你的網站的一個輕量版本。此外,移動 APP序在其結構中(zhong)往往與網頁項目一樣復雜(za)。

 

我想提(ti)的是(shi),對za)謖庋南(nan)金浚 諞歡 潭壬獻詈糜卸(xie)du)立的移動端(duan)設計師。即使你有優秀的網頁cheng)杓剖Γ reng)然無法想象所有的移動特性(xing)。

 

 

有什麼是(shi)網頁cheng)杓剖Σ恢zhi)道的

 

在為移動 APP創建(jian)設計時,你總是(shi)需要根據(ju)應用商店的指導方針(zhen)來工作。移動APP的結構和邏輯與網頁項目有很(hen)大(da)的不同。你需要將你的注意力轉移到授(shou)權和用戶的匿名化上。 一般用戶使用屏幕的時間,更多來自za)謔shou)勢和動畫(hua),如果在網頁cheng)希 檬蟊甑慊髕聊瘓妥zu)夠了,在移動 APP中(zhong),我們會(hui)有更多的手(shou)勢,像推動,雙擊,長按,滑動和其他與你的屏幕交(jiao)huan)?姆絞健/p>

 

 

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

 

繼續討論移動和網絡之間的差(cha)異,其中(zhong)最重要的是(shi)需要考慮到APP 與網站的不同之處(chu)。你的網站沒有必要總是(shi)在你的手(shou)上,因(yin)為它需要網絡來加載(zai),所以yun)荒芨ju)你的位置給你發(fa)送推送通知(zhi)和各種(zhong)各樣的優惠(hui)。

 

此外,平(ping)jiao)ㄉ細(xi)髦zhong)各樣的本地功能,只(zhi)有移動設備才能訪問。例如隻果/安卓支付,與智能手(shou)表、日歷、地圖、錢包等的同步。

 

 

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

 

正如我在一開(kai)始提(ti)到的,移動 APP的開(kai)發(fa)周期要比創建(jian)移動版網站要長得多。

通常,網頁項目更便宜,因(yin)為在移動APP開(kai)發(fa)過程中(zhong),你需要服務器,與其他APP的集成(cheng)以yue)捌ping)jiao) 謀鏡毓δ塴/p>

 

每個平(ping)jiao) 夾枰 約(yue)旱目kai)發(fa),移動端(duan)模型不是(shi)動態的,你需要根據(ju)需要的平(ping)jiao)ㄊ坷創唇jian)幾個版本。

 

我想說dang)鬧氐閌shi),移動APP並不總是(shi)網站的一個輕量版本。這就是(shi)為什麼在你的網頁項目轉移到移動APP時,你需要考慮到你的APP許多特性(xing),才能在應用商店中(zhong)發(fa)布(bu),以yue)笆迪幟愕哪勘輟/p>

 

 


 

以上是(shi)翻譯的文章。從市場行(xing)情來看,設計師從事(shi)移動端(duan)的薪水(shui)待遇也(ye)要比做網頁端(duan)平(ping)均高一些~如果大(da)家伙不考慮興趣因(yin)素(su)的話,建(jian)議轉向(xiang)移動端(duan)~

原文︰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
翻譯︰Tsien

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

作者簡(jian)介(jie)︰Sophia的玲瓏(long)閣,一枚愛折(zhe)騰(teng),愛健身的交(jiao)huan)?杓潑mei)紙(zhi)。
職場設計技能,更多教(jiao)程搶先看,請關注作者的微信公眾號(hao)︰Sophia的玲瓏(long)閣

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