今天小編來分享下小程序與app設(shè)計(jì)上有哪些不同。
這里說的小程序以微信小程序?yàn)橹?。小程序具有四個(gè)特點(diǎn):無需安裝、無須卸載、觸手可及、用完即走。很多商戶和企業(yè)都在開發(fā)自己的小程序,市面上一些熱門的主流app也研發(fā)了對(duì)應(yīng)的微信小程序窗口,如京東、拼多多、餓了么、小紅書等。因?yàn)樗p量、簡(jiǎn)單、開發(fā)成本比app低,可以說現(xiàn)在的小程序非常受企業(yè)及用戶的歡迎,真的是無處不在、觸手可及。
1、用戶群體
載體不同則用戶群體不同,小程序是基于微信平臺(tái)的應(yīng)用,用戶群僅限微信用戶,截至目前也就是微信10億+的用戶量;而APP則是上架在App Store及Android應(yīng)用市場(chǎng),面向全球擁有智能手機(jī)的用戶,也就是33億+的用戶量。
2、下載及安裝
APP:一直存在手機(jī)中會(huì)占用空間,太多的APP可能會(huì)導(dǎo)致內(nèi)存不足,總是清理緩存。
小程序:因?yàn)椴恍枰惭b,占用內(nèi)存空間忽略不計(jì)。
3、開發(fā)成本
APP:一款完善的雙平臺(tái)APP平均的開發(fā)周期約3個(gè)月。
小程序:平均開發(fā)周期約2周,僅為APP的六分之一。
4、產(chǎn)品定位
小程序是在微信的框架里面,大小受微信的控制,比如之前不能超過2m,雖然現(xiàn)在調(diào)整了開發(fā)可以用分包加載的方式擴(kuò)至8m;但是對(duì)于原生app來講,相差是很大的,原生的app可以達(dá)到幾十兆上百兆、不受限制;小程序只能在功能架構(gòu)上設(shè)置較為簡(jiǎn)單,比較輕量的,適合一些工具屬性的應(yīng)用,符合“快速打開、用完即走”的理念。
原生App的內(nèi)存就不受控制,那么內(nèi)容框架可以根據(jù)產(chǎn)品定位隨意增添,可發(fā)揮的空間非常大,一些電商、社區(qū)等等無論多么復(fù)雜的應(yīng)用都能一一實(shí)現(xiàn)。
另外,因?yàn)樾〕绦虻陌l(fā)展時(shí)間相對(duì)較晚,所以大多數(shù)都是先有成熟的App之后,為了搶占微信的生態(tài)流量,再研發(fā)對(duì)應(yīng)的小程序,那么因?yàn)閮?nèi)存限制以及上架平臺(tái)屬性的不同,所以兩者的內(nèi)容框架及結(jié)構(gòu)就會(huì)不同,通常將App中現(xiàn)有的成熟的內(nèi)容版塊進(jìn)行刪減重組再遷入到小程序體系中,做出適合微信生態(tài)圈的小程序產(chǎn)品。
5、基礎(chǔ)框架
其實(shí)移動(dòng)端產(chǎn)品的設(shè)計(jì)規(guī)范和原則大致是相同的,但是因?yàn)槭苤朴谖⑿判〕绦虻目蚣?,小程序產(chǎn)品與App產(chǎn)品在部分版塊的表現(xiàn)形式上會(huì)存在一些差異,主要體現(xiàn)在以下幾個(gè)方面
5.1頂部導(dǎo)航欄區(qū)域
小程序的導(dǎo)航欄官方指定了兩種樣式,一深一淺,背景色可自定義,遵循“導(dǎo)航明確、來去自如”的原則。
5.2頂部導(dǎo)航欄區(qū)域
底部標(biāo)簽欄是移動(dòng)端產(chǎn)品的主要導(dǎo)航方式,主要表示用戶當(dāng)前所在的位置,所以會(huì)有選中與未選中兩種切換方式
App:可支持最少2個(gè),最多5個(gè)的tab切換,圖標(biāo)大小以及底部標(biāo)簽欄高度可自定義。
小程序:也可支持最少2個(gè),最多5個(gè)的tab切換,使用原生控件時(shí),要遵從 icon 尺寸81*81px。
5.3拖動(dòng)排序
App:流暢、體驗(yàn)佳,例如發(fā)朋友圈時(shí)拖動(dòng)照片排序。
小程序:除非必要,否則不建議使用拖動(dòng)排序。圖片和列表拖動(dòng)在 Android機(jī)型上體驗(yàn)不夠,會(huì)有卡頓的情況。
5.4消息推送
APP:會(huì)隔三差五給用戶推送廣告,太多未讀提示會(huì)逼死強(qiáng)迫癥
小程序:不允許主動(dòng)給用戶發(fā)送廣告,僅能回復(fù)模版消息
6.用戶體驗(yàn)
1,雖然現(xiàn)在小程序的入口提到微信首頁,通過下拉就能輕松獲取,但至少需要點(diǎn)擊3步才能打開對(duì)應(yīng)的小程序;原生App是直接下載在用戶的手機(jī)桌面上,所以在打開方式上,原生App會(huì)更快速一些;
2,流暢度上,雖然小程序流暢度還不錯(cuò),但是當(dāng)切換界面的層級(jí)較深、加載動(dòng)態(tài)數(shù)據(jù)時(shí)還是會(huì)存在部分卡頓現(xiàn)象;app在界面切換的流暢度以及加載數(shù)據(jù)的響應(yīng)速度都會(huì)比小程序更好一些;
總結(jié)
小程序和App的區(qū)別有很多,兩者的關(guān)系是既可以相互補(bǔ)充,又可以完全獨(dú)立。
熱門推薦: 上海微信小程序 小程序開發(fā) 小程序設(shè)計(jì) 支付寶小程序 百度小程序
