12月總結(jié)月绪颖，整理之前做了一個(gè)移動(dòng)端的APP課程付費(fèi)的項(xiàng)目阁簸，后期迭代的時(shí)候增加了對(duì)應(yīng)的小程序版本，在已有成熟APP的情況下氯夷，開發(fā)小程序版本是比較快捷方便的。
項(xiàng)目名稱：給栗同學(xué)
項(xiàng)目時(shí)間：2019.4.15~現(xiàn)今
平臺(tái)：APP端靶擦、小程序端腮考、H5
小程序的設(shè)計(jì)和功能上會(huì)基本與APP保持統(tǒng)一性雇毫，做交互設(shè)計(jì)的時(shí)候，要明確小程序和APP的差異踩蔚，輸出合理的設(shè)計(jì)方案棚放。
小程序和APP的區(qū)別大致包括以下幾個(gè)方面：
一、用戶群
小程序的基于微信平臺(tái)的開發(fā)工具馅闽，用戶群依托微信平臺(tái)飘蚯，而APP是來(lái)源于App Store及Android各大應(yīng)用市場(chǎng)。
二福也、安裝方式及特點(diǎn)
小程序：用戶在微信內(nèi)搜索or掃描小程序二維碼即可立即使用局骤，響應(yīng)速度快，不需要單獨(dú)下載安裝拟杉，不占用手機(jī)內(nèi)存庄涡。（屬于微信緩存數(shù)據(jù)）
APP：各大手機(jī)內(nèi)的應(yīng)用商店（App Store）下載，不同安裝包大小不同搬设，占用手機(jī)內(nèi)存穴店。
三、開發(fā)成本及時(shí)間
小程序：小程序是基于騰訊開發(fā)框架開發(fā)拿穴，類似HTML泣洞，一次開發(fā)適配所有機(jī)型，需要的時(shí)間成本和人力成本較低
APP：APP需要開發(fā)安卓系統(tǒng)和IOS系統(tǒng)兩種版本默色，需要針對(duì)不同的機(jī)型進(jìn)行適配球凰，需要耗費(fèi)較大的時(shí)間和人力成本
（給栗同學(xué)開發(fā)最少人員配置，小程序前端開發(fā)1人腿宰，APP前端開發(fā) iOS1人? 安卓1人呕诉，后臺(tái)2人，日常根據(jù)需求量和開發(fā)時(shí)間進(jìn)行人員協(xié)調(diào)）
四吃度、引流推廣
小程序：基于微信用戶群甩挫，活躍指數(shù)高，引流效果較好椿每；小程序可以跟公眾號(hào)進(jìn)行互相跳轉(zhuǎn)伊者，降低了推廣難度，提高了活躍度间护。但小程序是基于騰訊的開發(fā)框架亦渗，自然會(huì)受到微信的一些限制，如流量獲取汁尺，騰訊的政策要求等法精。
APP：APP內(nèi)部的功能框，推廣拉新的內(nèi)容由運(yùn)營(yíng)者全權(quán)把控，推廣方式不受限制亿虽，推廣渠道較多菱涤，自由度較高。但APP需要用戶主動(dòng)在應(yīng)用市場(chǎng)下載洛勉，推廣難度較大粘秆。
五、產(chǎn)品定位
小程序：小程序的大小受到微信的控制收毫，用戶有“快速打卡攻走，用完即走”的特點(diǎn)，所以一般來(lái)說(shuō)此再，小程序的功能框架會(huì)設(shè)置比較簡(jiǎn)單昔搂，輕量級(jí)的，偏向工具屬性的應(yīng)用输拇。
APP：內(nèi)存不受限制摘符，內(nèi)容框架可以根據(jù)產(chǎn)品定位隨意添加，可發(fā)揮的空間大策吠。
通常將APP現(xiàn)有成熟的內(nèi)容板塊進(jìn)行刪減重組再遷入小程序體系中逛裤，做出適合微信生態(tài)圈的小程序產(chǎn)品。
（給栗同學(xué)小程序在原APP課程猴抹、學(xué)習(xí)带族、目標(biāo)、我的四個(gè)功能板塊進(jìn)行刪減蟀给，只保留了課程蝙砌、我的板塊，讓用戶能在微信環(huán)境內(nèi)進(jìn)行完成核心的聽課跋理、學(xué)習(xí)打卡的功能择克，其他個(gè)性化和復(fù)雜的功能仍需要用戶下載APP才能體驗(yàn)）
六、基礎(chǔ)框架
1前普，頂部導(dǎo)航欄
小程序：官方指定了兩種樣式祠饺，一深一淺，背景色可自定義汁政，遵循“導(dǎo)航明確、來(lái)去自如”的原則缀旁。導(dǎo)航欄“膠囊”icon的位置不可變记劈，其余可以自定義，只是相對(duì)來(lái)說(shuō)比較麻煩并巍。
APP：不受限制目木，設(shè)計(jì)自由，可發(fā)揮程度高（導(dǎo)航欄+banner+icon可自由組合）
（給栗小程序用官方固定的樣式，沒(méi)有使用自定義刽射，APP導(dǎo)航欄則添加了搜索框军拟，頁(yè)面上滑是隱藏搜索框，顯示搜索圖標(biāo)加頁(yè)面標(biāo)題）
2誓禁、底部標(biāo)簽欄
小程序：小程序受制于微信框架的限制懈息，tab切換的形式會(huì)比較單一，使用常規(guī)的切換方式摹恰，不會(huì)有動(dòng)態(tài)的效果辫继。
APP：原生的APP，標(biāo)簽欄可以有豐富的表現(xiàn)形式俗慈，沖破邊界的異形元素姑宽，動(dòng)效切換形式等
（給栗小程序使用的常規(guī)切換效果，而APP則選擇了圖標(biāo)動(dòng)效變化行使表現(xiàn)更加豐富）
3闺阱，彈窗
小程序：導(dǎo)航欄與標(biāo)簽欄層級(jí)最高炮车，彈窗不能置頂，用戶依舊可以點(diǎn)擊標(biāo)簽欄切換不同的界面
APP：app中頁(yè)面彈窗的優(yōu)先級(jí)是最高的酣溃，會(huì)強(qiáng)制用戶閱讀彈窗內(nèi)容瘦穆，只有手動(dòng)關(guān)閉彈窗才能執(zhí)行其他動(dòng)作
（給栗小程序顯示“溫馨提示”彈窗時(shí)，導(dǎo)航欄和標(biāo)簽欄依然可以直接點(diǎn)擊救拉，跳轉(zhuǎn)到不同頁(yè)面难审，而APP顯示彈窗時(shí)，用戶必須觸發(fā)頁(yè)面關(guān)閉彈窗后亿絮，其他區(qū)域才能點(diǎn)擊生效）
4告喊，引導(dǎo)頁(yè)/閃屏頁(yè)
小程序：受制于微信框架，無(wú)引導(dǎo)頁(yè)和閃屏頁(yè)
APP：一般有2-4張引導(dǎo)頁(yè)派昧，介紹產(chǎn)品的核心功能和具體玩法黔姜、閃屏廣告來(lái)增加盈利或者節(jié)日問(wèn)候來(lái)增強(qiáng)產(chǎn)品溫度
（給栗同學(xué)APP下載安裝，啟動(dòng)頁(yè)設(shè)置加載動(dòng)效蒂萎，增加產(chǎn)品趣味性體驗(yàn)）
5秆吵，消息推送
小程序：不允許主動(dòng)給用戶推送廣告，僅能回復(fù)模版消息
APP：用戶推送消息五慈，廣告等
七纳寂、用戶體驗(yàn)
小程序：
1、微信首頁(yè)小程序入口泻拦，至少需要3步才能打開小程序毙芜，點(diǎn)擊微信—首頁(yè)下拉—點(diǎn)擊小程序
2、小程序切換界面層級(jí)較深時(shí)争拐，加載動(dòng)態(tài)數(shù)據(jù)時(shí)會(huì)存在部分卡頓現(xiàn)象
3腋粥、受到內(nèi)存的控制，動(dòng)畫展示元素較少，界面的切換體驗(yàn)比較單一隘冲，平淡
4闹瞧、微信公眾號(hào)和小程序可以快速互通響應(yīng)
APP：
1、已下載的app手機(jī)桌面直接開啟
2展辞、app界面切換的流暢度和加載數(shù)據(jù)源的響應(yīng)速度較好
3奥邮、可以實(shí)現(xiàn)有趣的動(dòng)畫展示，氛圍感濃烈纵竖，帶給用戶友好的沉浸感和歸屬感
4漠烧、小程序與app關(guān)聯(lián)體驗(yàn)較差
