小程序設計與app設計的區別

 二維碼 247
發表時間:2020-09-18 10:11作者:敖游來源:遨游建站網址:http://www.52wangou.com.cn

微信小程序,對于我們大家來說應該毫不陌生、非常熟悉:逛商場的時候會看到掃一掃啟動線上商城的小程序、下館子的時候會碰到掃一掃啟動點菜下單的小程序、郵寄快遞的時候會看到掃一掃在線填單的小程序…… 這些小程序打通了線上線下的鏈環,重構了人們的生活習慣,在如今的生活中隨處可見。


小程序


小程序上線以來,一向被稱為“便攜版”的APP,關于兩者之間的區別,無外乎小程序相對輕便、開發成本低等方面。但是,對于兩者的詳細對比卻較少,小程序從誕生到產品落地和推廣,到底有哪些不同呢?遨游小程序設計根據多年小程序制作經驗,從以下六個方面來進行闡述小程序設計與app設計的區別。


一、小程序與app誕生背景


APP誕生先于微信小程序。


APP是隨著智能手機的發展而發展的,隨著手機芯片,操作系統,屏幕技術,觸控技術的發展,手機進化進入智能手機時代,因此APP應運而生,APP發展至今已有超過10年的歷史。APP加速了互聯網從電腦時代向移動時代的轉變,讓用戶在移動手機端就實現了很多的程序功能應用,為用戶帶來很多的便捷。微信也是其中的一個APP應用,是中國目前用戶量最大的APP,用戶量已經超過10億。


小程序是騰訊公司推出的基于微信APP的程序應用,誕生于2017年1月,至今已有超過1年的歷史。小程序的誕生是源于騰訊公司的戰略發展規劃:首先,微信用戶量龐大,本身就可以看做是一個操作系統,小程序應用就是基于微信操作系統的;其次,小程序注重程序功能的應用,有連接萬物的可能性,在未來物聯網的發展領域有比較大的想象空間。


小程序入口


二、小程序與app在使用中的區別


2.1、用戶群


微信小程序:小程序是基于微信平臺的應用,用戶群僅限微信用戶,截至目前,也就是微信10億+的用戶量;

App:上架在App Store及Android應用市場,面向全球擁有智能手機的用戶,也就是33億+的用戶量。


2.2、下載與安裝


微信小程序:通過在微信中掃描二維碼(搜索、分享)就可以立即加載立即使用,響應速度非???;

App:從應用商店(App Store、應用匯等)進行下載、安裝之后才能使用。通常下載包比較大,會占用手機的內存空間,經常會出現手機的內存不足而導致無法下載,所以,經常聽到身邊的朋友抱怨:沒用多久的手機,會經常提示內存不足,甚至導致系統反應慢、操作卡頓等現象。


2.3、開發成本


微信小程序:微信小程序是基于騰訊的小程序開發框架進行開發,開發技術類似HTML。一次開發就可以自動適配所有手機,只需要設計750*1334一份稿子就行、輸出2X圖給開發,所以,總體來講開發成本相對較低;

App:APP在實際開發中,它需要開發安卓系統和iOS系統兩種版本,所用到開發語言不同,同時還需要根據手機的不同尺寸進行適配,開發成本較高。


2.4、產品發布


微信小程序:提交到微信公眾平臺審核,云推送;

App:向十幾個應用商店提交審核,且各應用商店所需資料不一樣,非常繁瑣。


2.5、功能區別


微信小程序:限于微信平臺提供的功能;

App:可實現完整功能。


2.6、開發周期


微信小程序:開發周期約1~3個月;

APP:開發周期約3~6個月。


2.7、內存占用


微信小程序:無需安裝,和微信共用內存使用,占用內存空間忽略不計;

App:安裝于手機內存,一直占用內存空間,太多的 App 可能會導致內存不足。


2.8、手機適配


微信小程序:一次開發,多終端適配;

App:需適配各種主流手機,開發成本大。


2.9、用戶體驗


2.9.1、入口

微信小程序:雖然,現在小程序的入口移到微信首頁,通過下拉就能輕松獲取,但至少需要點擊3步才能打開對應的小程序;

App:原生App是直接下載在用戶的手機桌面上,所以在打開方式上,原生App會更快速一些;


2.9.2、速度

微信小程序:流暢度上,小程序流暢度還不錯,切換界面的層級較深、加載動態數據時偶爾會存在部分卡頓現象;

App:app在界面切換的流暢度、以及加載數據的響應速度都會比小程序稍慢一些,具體情況跟手機配置、網速也有關系。


2.9.3、展示

微信小程序:在小程序中,受到內存的控制,動畫展示的元素會非常少,因而在界面的切換體驗中會覺得稍顯單一,很難給用戶留下深刻印象。

App:在原生app中經常會看到一些非常有趣的動畫展示,氛圍感特別濃烈,帶給用戶非常友好的沉浸感和歸屬感;


2.9.4、關聯

微信公眾號與小程序可以快速互通響應,小程序與App的關聯體驗相對較差,如果從一個小程序中打開對應的App,需要先打開客服對話框、回復提示數字、客服發送鏈接,點開鏈接才能響應App,整個步驟相對比較繁瑣,體驗較差。畢竟不是一家公司的產品,作為騰訊來講,肯定也不希望用戶從自己的平臺跳到別的平臺,為別的平臺創造流量。


2.10、適用范圍


微信小程序:適用于企業及個人,使用范圍廣;

App:適用于平臺及集團型大企業,局限性大。


三、小程序與app在營銷推廣中的區別


3.1、推廣難度


微信小程序:通過二維碼、微信搜索、朋友分享等方式直接獲得;

App:需要用戶主動下載程序安裝包,在沒有Wi-Fi的情況下推廣困難。


3.2、消息推送


微信小程序:僅能回復模版消息,消息推送次數有限制;

App:可自行設置推送次數。


四、小程序與app在市場及應用場景方面的區別


4.1、面向用戶群


微信小程序:面向所有微信用戶,月活躍用戶超8億人,日使用賬號5.7億;

App:面向所有智能手機用戶,約20億臺。


4.2、創業機會


微信小程序:藍海市場,在新的使用場景中可以尋求很多好機會;

App:市場基本飽和,幾乎所有的領域均已覆蓋。


4.3、應用場景


微信小程序:適合快速場景化服務,可以快速驗證客戶需求;適合初創團隊,試錯成本低,需要較少時間和資金投入,可以迅速占領空白領域客戶渠道;

App:適合已驗證可行的商業模式;適合產品復雜度高,功能受限低的產品開發;適合成熟的商業大公司,對自我品牌要求較高的企業;具備充裕的開發時間和資金儲備。


4.4、具體應用案例對比


4.4.1、超高適應性的工具


通過微信小程序使用工具類產品是比較方便的,而且微信小程序無需安裝,用完即走的特點也比較適合工具類產品,以下以摩拜為例進行說明。


4.4.1、超高適應性的工具


通過對比,不難發現就摩拜而言,使用微信小程序幾乎完全可以取代手機版APP。畢竟該軟件的使用功能太過單一,且只有在特定的場合下使用。對用戶而言,除了打開時更加好找之外,手機版APP的優勢不大。如果不是考慮到出現在用戶面前的概率,基本上可以僅僅開發微信小程序。


4.4.2、高適應性的電商類產品


拼多多絕對算的上是電商中的一匹黑馬了,其驚人的增長速度很快就讓它在電商的混戰中脫穎而出,成為了僅次于阿里集團以及京東的第三大電商品牌。


4.4.2、高適應性的電商類產品


上圖左邊是拼多多APP的頁面,右邊為拼多多微信小程序的頁面??梢钥闯?,基本上是沒有什么區別的,值得一提的是拼多多微信分享操作等同于拼多多手機APP分享之后選擇分享給朋友,而拼多多手機APP版本除了可以分享給微信好友之外,還可以分享給QQ好友、QQ空間。


相比較最開始介紹的工具類小程序而言,購物類APP的適配性相對要差一點。主要是因為購物類的APP使用頻率并不低且其界面相對還是比較復雜的,使用完整版本能夠帶給用戶更好更全面的購物體驗,但是現在由于小程序功能的不斷開放,支付和后臺管理以及廣告投放的開放,使得電商類小程序日益增多。


4.4.3、視頻類


搜狐視頻以及優酷視頻的微信小程序功能都很殘缺,連搜索的功能也沒有,此外視頻也不完整,要想看完整版就需要下載手機APP。而騰訊視頻的微信小程序版本依然是有廣告的。


考慮到微信小程序版本的視頻類應用連緩存的功能都沒有,因此不是很推薦,不如下載手機版APP。因此視頻類的產品,最好的產品落地是APP。


4.4.4、游戲類


跳一跳某種程度上講直接帶動了小程序的火熱,游戲也是微信小程序的一個重要組成部分。但是從體積上來看,微信小程序的質量肯定不會很高,畢竟一款優秀的游戲本身的體積就需要幾百兆,這顯然不是用完即走的微信小程序能夠做到的。


試過多款微信小程序,總體感受是微信小程序是為一些讓人上癮的小游戲準備的,這些小游戲的特點是讓人上癮,能夠激勵好友之間進行對比,但是模式比較簡單。比如跳一跳這款游戲玩法很簡單,但是能夠讓用戶不停的玩下去,微信獨有的好友排名也是激勵用戶的重要原因之一。


微信小程序的游戲還蠻多的,且有一定的社交功能,通過小程序能夠清晰的讓用戶知道自己的好友在玩什么游戲。不過如果一款游戲沒有好友在玩,其趣味性也就大打折扣。所以微信小程序是消磨時間的首選,簡單的、重復的、上癮的和社交類游戲比較適合發布在微信小程序中。


4.4.5、音樂類


音樂類軟件并不適合作為小程序,因此小程序中幾乎沒有主流的音樂軟件。因為小程序有一個顯而易見的問題就是緩存,微信小程序中沒有辦法把歌曲下載到本地,這就導致用戶只能夠在線聽歌。而音樂類APP的重要使用場景之一是離線歌曲,微信小程序的特點決定了幾乎不會有任何音樂類的軟件能夠使用小程序的模式。


就現階段而言,微信小程序主要適合一些功能簡單,使用頻率低的場景。根據這個特點,微信小程序比較適合點餐場景、工具類產品以及電商類產品,對于其它類型的產品例如音樂、視頻等需要緩存的軟件還是下載手機APP比較好。


五、小程序與app在產品定位中的區別


小程序是在微信的框架里面,大小受微信的控制,比如之前不能超過2m,雖然現在調整了開發可以用分包加載的方式擴至8m;但是對于原生app來講,相差是很大的,原生的app可以達到幾十兆上百兆、不受限制;


正因為內存的控制,所以產品定位就會有所區別,必而導致內容框架會有所不同,小程序只能在功能架構上設置較為簡單,比較輕量的,適合一些工具屬性的應用,符合“快速打開、用完即走”的理念。


原生App的內存就不受控制,那么內容框架可以根據產品定位隨意增添,可發揮的空間非常大,一些電商、社區等等無論多么復雜的應用都能一一實現。


另外,因為小程序的發展時間相對較晚,所以大多數都是先有成熟的App之后,為了搶占微信的生態流量,再研發對應的小程序,那么因為內存限制以及上架平臺屬性的不同,所以兩者的內容框架及結構就會不同,通常將App中現有的成熟的內容版塊進行刪減重組再遷入到小程序體系中,做出適合微信生態圈的小程序產品。


豆瓣原生app


如上:豆瓣原生app包含了首頁-書影音-小組討論-市集-我的等多個內容板塊,但是小程序只保留了豆瓣最核心的部分-電影評分的欄目,將其商城和社區的模塊全部砍掉了,只是將小程序作為一個資訊型的瀏覽窗口。


微信讀書app


如上:微信讀書app中包含了發現-書架-故事-我的四個板塊,圍繞“讀書”進行展開,其實已經夠輕量夠簡單了,但是在小程序中做的更為清爽簡潔,沒有Tab Bar,所有內容集中在首屏展現,包含了書架-推薦-榜單-分類-精選,砍掉了原app中故事和朋友分享推薦的板塊,讓用戶更純粹地集中在讀書的內容當中。


美團原生app


如上:美團原生app是一個體系非常龐大的應用,在最新的版本里面包含了“支付” 、“吃”、“住”、“行”等多個方面,為了豐富平臺內容屬性,增強用戶粘度,還增加了社區的發現版塊;小程序則刪減了“支付”和“發現”的內容,保留了最基本的“吃”、“住”、“行”的框架。


六、小程序與app在基礎框架中的區別


其實移動端產品的設計規范和原則大致是相同的,但是因為受制于微信小程序的框架,小程序產品與App產品在部分版塊的表現形式上會存在一些差異,主要體現在以下幾個方面:


6.1、頂部導航欄區域


小程序的導航欄官方指定了兩種樣式,一深一淺,背景色可自定義,遵循“導航明確、來去自如”的原則。導航欄的樣式是固定不可更改的,所以我們經??吹揭恍┬〕绦虻腷anner都是處于導航欄的下方,一些原本可安置在導航欄的定位、搜索、消息等模塊的內容也自動下移:


通常在app的界面中,整個界面都是可以自定義,所以頂部的導航區域不受限制,設計上非常自由、可發揮的程度非常高,經常會看到導航欄+banner+icon入口結合在一起。


京東app


如上:京東app的導航欄和banner區域是融合在一起的,這樣可以讓界面效果更整體,氛圍感和沉浸感更好;


京東小程序的導航欄則保持了小程序框架的“膠囊”icon,將搜索下移,去除了掃一掃及消息入口,導航欄的留白處理會割裂頂部的整體關系。


餓了么app


如上:餓了么app中導航欄處是有定位及掃一掃入口的,但是在小程序中,定位和搜索統一下移,為了保持界面的整體感,在導航欄底部增加了餓了么的品牌色。


但隨著小程序的逐步更新,導航欄除了“膠囊”icon的位置不可變,其余也是可以自定義的,只是相對來說比較麻煩。


嚴選


如上:嚴選的小程序中在導航欄就增加了品牌LOGO和搜索框,并且自定義了背景色與banner融合在一起,整體感相比以前明顯增強;深圳地鐵乘車碼的小程序在導航欄處增加了地址的選擇入口,可以切換不同的城市;知乎小程序的首頁新增了搜索框,在二級界面新增了返回上一頁和回到主頁的入口,雖然給用戶提供了便捷性,減少界面的跳脫率,但是在形狀上與右邊的官方菜單樣式過于類似,完全對稱的布局樣式在形式上過于呆板。


6.2、底部標簽欄


底部標簽欄是移動端產品的主要導航方式,主要表示用戶當前所在的位置,所以會有選中與未選中兩種切換方式。


在原生的App產品中,標簽欄經常會看到不同的表達形式,有些是沖破邊界采用自由的異形元素,有些在Tab切換時會有動效切換的效果,非常生動有趣,容易吸引用戶的注意力;


而在小程序的產品中,Tab切換形式通常比較單一,使用的是常規切換方式,不會有動態效果,主要受制于微信框架的限制。


美團外賣apptab切換


如上:美團外賣app中,tab切換時每個圖標都有縮放的動態效果,視覺表現強烈;而在小程序中則表現較為單一,利用不同的顏色進行區分。  


愛奇藝app圖標切換.gif


如上:愛奇藝app中,每個圖標切換時,標簽欄的邊界都會隨圖標的縮放一起抖動,非常生動有趣;而在小程序中使用的是常規的線面切換。


6.3、彈框


在常規的app中,我們知道一個頁面中彈框的優先級是最高的,會強制用戶閱讀彈框內容,只有手動關閉彈框才能執行其他動作;但是在小程序中,導航欄與標簽欄的層級最高,彈框不能置為最頂層,所以用戶依舊可以點擊標簽欄切換不同的界面。


每日優鮮的APP彈窗


如上:每日優鮮的APP中,彈框層級最高,內容非常醒目;但是在小程序中,背景遮罩不能覆蓋導航欄和標簽欄,彈框的展示效果較弱。


6.4、引導頁/閃屏頁


當我們下載一個新app的時候,經常會看到2-4張的引導頁,主要介紹產品的一些核心功能和具體的玩法,讓用戶有對產品屬性有一定感知;在日常啟動app的時候,也經常會看到一些閃屏頁,主要展示平臺合作商的一些廣告(增加盈利)、節假日的問候(增強產品溫度)等。


小程序內受制于微信的框架,所以是沒有引導頁和閃屏頁的,這在產品推廣和情感溫度的表達上就會差一些。


6.5、消息推送


普通app會隔三差五的給用戶推送消息,甚至是廣告,好處是可以提示用戶打開應用,增加啟動應用的頻率,提升產品活躍度,壞處是過多的消息推送會對用戶產生干擾,逼死強迫癥用戶;


小程序是不允許主動給用戶推送廣告的,僅能回復模版消息,站在不打擾用戶的角度來說產品體驗比較好。


騰訊馬化騰曾說:小程序并不是想取代app,而是降低APP的用戶流失率。


小程序和APP的關系是互為補充的。小程序和APP的互通,對于APP來說,打通了微信的流量,更加容易的引流獲客,通過小程序,降低了用戶體驗部分核心功能的門檻。對小程序來說,拓展了功能,互通共贏才是APP和小程序的正確關系。


寫在最后


小程序和App的區別有很多,兩者的關系是既可以相互補充,又可以完全獨立。對于APP來說,打通了微信的流量,更加容易引流獲客,通過小程序,降低了用戶體驗部分核心功能的門檻;對小程序來說,拓展了功能,實現了互通共贏。


小程序從發布至今,已有兩年半的時間了,曾經也經歷過低迷期,但是隨著微信的迭代更新,小程序自身的逐步優化,目前已越來越受歡迎,越來越多的企業都加入到小程序的陣列當中。我們在設計以上應該考慮小程序與App的諸多區別,分析他們的優劣勢,選擇合適的方向去研發屬于自己品牌調性的應用。


好了,今天的分享就到這里。很多朋友喜歡找本地的小程序設計公司,我不知道是出于何種考慮?敖游還是要老話重提一下,無論你是找企業網站建設、商城系統開發,還是企業小程序制作、百度競價托管代運營服務公司,最主要的還是要看靠不靠譜,如果不靠譜,就算是在你隔壁,一樣讓你不勝其煩!遨游建站是做品牌,不會因為地域差別而影響服務質量,價格方面處于中等水平,售后服務方面,我們始終秉承“一次建站、終身維護”的宗旨,徹底解決你的后顧之憂!所以,與我們合作,無需擔心身處何地——我們始終在你身邊!


建站知識
建站問題
手機站問題
Twww.52wangou.com.cn
以信載商,良心建站。遨游始終秉承“一次建站、終身維護”的宗旨,竭誠為客戶提供最優質的互聯網服務。遨游建站率先植入seo優化理念,讓你的網頁更利于搜索引擎抓取,關鍵詞排名更靠前。可仿站、可定制。無論是傳統型企業官網、集團型品牌官網,還是營銷型網站、電商型網站、定制型網站、特殊行業網站(醫療、教育),全部搞定。我們都將為您提供專業、完善、貼心服務!放棄低質建站模式,讓您的網站脫穎而出!
遨游網站建設服務

VIP會員大促銷388x250mm.jpg

最新發布
北京-17073547034    廣東-17089798455   上海-13818415640    武漢-15997307676    河南-17073547034
全國建站、不分地域。遨游建站始終秉承“一次建站,終身維護”的宗旨,竭誠為全國實體企業轉型升級提供助力
無套路建網站;所有技術問題均可在線與我們溝通;簽署電子合同,快遞發票;人工越來越高,恕不接受上門咨詢服務
遨游建站不向灰色敏感、違法違規行業提供網站建設、商城系統定制、小程序設計、SEO優化服務;競價推廣服務不在此限制行列
本站布局及所有素材已提交《中國版權保護中心》,切勿鏡像。遨游建站提醒您:放棄低質建站模式,讓你的網站脫穎而出
請簡要描述您的需求,我們會在24小時內與您取得聯系
姓名
*
電話
*
問題
*
已加密 立刻提交
 
 

QQ咨詢圖標


微信咨詢圖標


17073547034


留言咨詢圖標


二維碼圖標


返回頂部圖標