現(xiàn)在不少公司、產(chǎn)品創(chuàng)業(yè)都是先做個(gè)小程序試試水，可以了再上APP。那小程序的原型是不是和APP有所不同呢？這篇文章，我們來看看作者的分享。

近兩年利用業(yè)余時(shí)間，幫朋友設(shè)計(jì)了一款小程序，大大小小的迭代也有10多個(gè)了，今天就聊聊關(guān)于小程序的設(shè)計(jì)思考。（僅僅是個(gè)人看法）

引用微信之父張小龍的觀點(diǎn)：

“小程序是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶掃一掃或者搜一下即可打開應(yīng)用。也體現(xiàn)了“服務(wù)用戶、不打擾用戶、用完即走”的產(chǎn)品理念，用戶不用關(guān)心是否安裝太多應(yīng)用的問題。應(yīng)用將無處不在，隨時(shí)可用，但又無需安裝卸載。”

一、小程序和APP在設(shè)計(jì)上的本質(zhì)區(qū)別是什么？

大家在使用小程序和APP的時(shí)候，可能覺得并沒有什么不一樣，反正都是手機(jī)端，實(shí)際上有很多本質(zhì)上的區(qū)別，主要有以下方面：

1、獲取渠道

APP：必須通過應(yīng)用商店（APP Store）里下載。

小程序：通過微信（掃描二維碼、搜索）直接獲得。

2、下載安裝

APP：安裝在手機(jī)內(nèi)存中，就像自己買了輛車放在車庫里隨時(shí)開。

小程序：不需要安裝，就像免費(fèi)用嘀嘀打車，朝之即來，用完拜拜。

3、占用空間

APP：一直存在手機(jī)中會(huì)占用空間，太多的APP可能會(huì)導(dǎo)致內(nèi)存不足，總是清理緩存。

小程序：因?yàn)椴恍枰惭b，占用內(nèi)存空間忽略不計(jì)。

4、廣告推送

APP：會(huì)隔三岔五給用戶推送廣告，太多未讀提示會(huì)逼死強(qiáng)迫癥。

小程序：不允許主動(dòng)給用戶發(fā)送廣告，僅能回復(fù)模板消息。

5、市場(chǎng)機(jī)會(huì)

APP：市場(chǎng)已接近飽和，幾乎所有的領(lǐng)域都已經(jīng)被覆蓋。

小程序：是一片藍(lán)海，在新的使用場(chǎng)景下有很多瓜分蛋糕的好機(jī)會(huì)，尤其是線上+線下的模式。

6、適配

APP：需要適配市場(chǎng)上很多款的主流手機(jī)，開發(fā)成本大。

小程序：一次開發(fā)就可以自動(dòng)適配所有手機(jī)。

7、開發(fā)周期

APP：一款完善的雙平臺(tái)APP平均開發(fā)周期約為3個(gè)月。

小程序：平均開發(fā)周期約2周，僅為APP的六分之一。

8、發(fā)布

APP：需要向十幾個(gè)應(yīng)用商店提交審核，且每個(gè)應(yīng)用商店要求的資料都不一樣，非常繁瑣。

小程序：只需要提交到微信公眾平臺(tái)審核，審核周期短。

9、用戶群

APP：面向所有智能手機(jī)用戶，截至2023年約16億人次。

小程序：面向所有微信用戶，截至2023年，月活10.82億。

10、功能

APP：可以實(shí)現(xiàn)完整功能。

小程序：僅限微信提供的接口功能。

11、推廣難度

APP：需要用戶主動(dòng)下載幾十M的程序包，在沒有Wi-Fi的情況下推廣艱難。

小程序：可以通過二維碼、微信搜索等方式直接獲得，推廣難度大大降低。

二、小程序的價(jià)值體現(xiàn)

輕量

讓用戶邊界、迅速、簡(jiǎn)單、高效的獲得服務(wù)，無需下載/安裝/卸載、無需注冊(cè)：一是用戶的使用沒有心里負(fù)擔(dān)，二是省了APP下載的漏斗轉(zhuǎn)化過程，要知道一個(gè)產(chǎn)品從廣告展示—到下載安裝—到注冊(cè)激活的漏斗路徑，很多時(shí)候是慘不忍睹的。同時(shí)小程序具有出色的用戶體驗(yàn)，頁面加載速度比H5頁面會(huì)更快，獲得用戶成本相對(duì)較低。

社交

必須和微信生態(tài)融入，那就必須考慮到微信的生態(tài)基因，這是最核心的價(jià)值，比如：你在小程序里玩游戲，你會(huì)想讓朋友家人知道你有多厲害，所以小程序比APP更容易讓周圍的人參與進(jìn)來，這個(gè)流程可以觸發(fā)更多的可能。

主動(dòng)

小程序本身不是為了嘩眾取寵，必須對(duì)用戶有切實(shí)的價(jià)值，能夠讓用戶在有需要時(shí)主動(dòng)進(jìn)入，主動(dòng)喚醒。所以很多小程序在設(shè)計(jì)的時(shí)候，都通過一些界面內(nèi)的引導(dǎo)手段，搶占“我的小程序”的黃金位置，就是為了培養(yǎng)用戶的主動(dòng)。

引流

對(duì)于第三方來說，微信必須是重要的流量入口，在微信允許的范圍內(nèi)，用可能的手段獲取用戶流量，是我們需要著重考慮的。

數(shù)據(jù)

即便沒有引流成功，至少可以獲取用戶數(shù)據(jù)，支持自有產(chǎn)品開展業(yè)務(wù)。比如小程序登錄時(shí)需要微信授權(quán)，有的還需要手機(jī)驗(yàn)證碼等。

生態(tài)

結(jié)合微信自身的生態(tài)系統(tǒng)，小程序可以和公眾號(hào)、訂閱號(hào)相互依托，引入種子用戶，并且在微信好友和朋友圈傳播，不會(huì)有割裂感。

三、小程序有哪些玩法

1、小程序+公眾號(hào)

隨著公眾號(hào)體系和小程序體系互通，更多場(chǎng)景可以直接觸達(dá)小程序。

2、小程序+小程序

小程序輕量化的產(chǎn)品形態(tài)體現(xiàn)在靈活、快捷的使用中，因此當(dāng)有功能橋接時(shí)，可選擇關(guān)聯(lián)其他小程序。

微信小程序團(tuán)隊(duì)有這樣的設(shè)計(jì)理念：每個(gè)小程序最好只專注 一個(gè)服務(wù)場(chǎng)景。

因?yàn)檫@樣才能“用完即走”。才能讓用戶在小程序的體驗(yàn)過程中，不會(huì)覺得層級(jí)過深、流程過長(zhǎng)，避免出現(xiàn)小程序和微信聊天交替使用，因?yàn)樾〕绦虻膹?fù)雜而帶來糟糕體驗(yàn)。但是很多公司又有多個(gè)業(yè)務(wù)場(chǎng)景，如果按做APP的思路做小程序，自然會(huì)做出一個(gè)多層級(jí)/多功能的小程序。

于是微信小程序團(tuán)隊(duì)期望的結(jié)果是：多個(gè)業(yè)務(wù)場(chǎng)景多個(gè)小程序來實(shí)現(xiàn)，允許小程序間跳轉(zhuǎn)，來實(shí)現(xiàn)“公司層多業(yè)務(wù)，產(chǎn)品層多小程序”的愿景。

3、小程序+二維碼（線上+線下）

線上線下的結(jié)合更常見，比如進(jìn)入餐廳點(diǎn)餐時(shí)，掃描二維碼進(jìn)入小程序，直接點(diǎn)餐，不用排隊(duì)，也不用下載APP或關(guān)注公眾號(hào)，對(duì)用戶來說極為便利，同時(shí)可以利用登錄授權(quán)，獲取用戶的信息。

Axure原型演示及下載地址：https://sb5f5k.axshare.com

四、小程序基礎(chǔ)知識(shí)匯總

1、場(chǎng)景入口

微信官方為小程序提供了69個(gè)場(chǎng)景 入口，便于小程序在更多的場(chǎng)景下被用戶觸達(dá)，作為產(chǎn)品經(jīng)理也要充分利用這種場(chǎng)景，增加小程序被觸達(dá)的機(jī)會(huì)，同時(shí)可以結(jié)合這些場(chǎng)景，增加小程序運(yùn)營(yíng)的曝光率。

2、有哪些開放接口

除了擴(kuò)大小程序的線上入口，小程序還提供了很多開放接口，幫助開發(fā)者更快速的實(shí)現(xiàn)一些功能

3、模板消息

小程序的模板消息相當(dāng)于APP的消息推送。微信公眾平臺(tái)為小程序的“消息推送”設(shè)了很多規(guī)則：

（1）需要用戶行為來觸發(fā)，不管用戶在何種場(chǎng)景下出發(fā) ，單次觸發(fā)最多可帶來一條消息，且最多可以連續(xù)七天發(fā)送。

（2）所有的消息都要在微信公眾平臺(tái)提供的消息模板中選擇，不能自定義模板。當(dāng)然這也很符合微信一貫的特性，不能“流氓式”的打擾用戶。

4、小程序數(shù)據(jù)助手

數(shù)據(jù)分析對(duì)于產(chǎn)品的運(yùn)營(yíng)至關(guān)重要，小程序不僅可以在微信公眾平臺(tái)的后臺(tái)看到小程序的數(shù)據(jù)，也可以在微信搜索“小程序助手”，在手機(jī)端隨時(shí)查看小程序的數(shù)據(jù)變化。

5、小程序不可隨意跳出

小程序依附于微信生態(tài)，不可以像傳統(tǒng)APP一樣實(shí)現(xiàn)隨意跳轉(zhuǎn)。

如果希望小程序跳轉(zhuǎn)小程序，那么可以在代碼配置中進(jìn)行聲明，跳轉(zhuǎn)的小程序數(shù)量是有限的，目前是10個(gè)。

還有一種解決小程序外跳和在小程序掃碼的操作是通過客服消息，小程序可以通過小程序添加客服消息，讓用戶回復(fù)指定內(nèi)容，可以給用戶發(fā)送文章鏈接，實(shí)現(xiàn)跳轉(zhuǎn)和掃碼。

6、小程序有特定的開發(fā)框架

各大平臺(tái)都有自己的小程序開發(fā)框架，技術(shù)可以學(xué)習(xí)這種新的框架，一般上手也較快；當(dāng)然也有別的解決方案，技術(shù)可以使用一些轉(zhuǎn)碼框架，列如京東的taro和去哪兒的nanachi。

7、適配問題

小程序畢竟是一個(gè)新技術(shù)，因此適配也有一定的局限性，官方有提供標(biāo)準(zhǔn)的頂部導(dǎo)航和底部導(dǎo)航方案，使用起來一般沒什么問題，但如果希望根據(jù)自己的產(chǎn)品特性對(duì)頂部導(dǎo)航進(jìn)行一些個(gè)性化調(diào)整，就要小心配置問題

有些產(chǎn)品的做法就比較取巧，這里舉個(gè)“知乎熱榜”的例子：本身小程序頂部欄是不可以做個(gè)性化設(shè)計(jì)的，但“知乎熱榜”為了給內(nèi)容區(qū)更多曝光的空間，將頂部欄的icon按鈕做成了搜索框的樣式，點(diǎn)擊進(jìn)入到搜索頁面，這樣既避開了小程序的局限性，也不影響正常的搜索流程，同時(shí)也符合用戶的使用認(rèn)知。

五、設(shè)計(jì)規(guī)則

微信小程序的設(shè)計(jì)指南提供了很多頁面的設(shè)計(jì)規(guī)則，可以幫助產(chǎn)品經(jīng)理和交互設(shè)計(jì)師更好的設(shè)計(jì)頁面。在設(shè)計(jì)小程序時(shí)建議認(rèn)真看看，文檔中的內(nèi)容跟不僅僅適用于設(shè)計(jì)小程序，對(duì)于APP頁面設(shè)計(jì)也可以復(fù)制。

除了對(duì)產(chǎn)品的設(shè)計(jì)要修，為了讓小程序和微信的視覺統(tǒng)一，小程序制定了UI規(guī)范，在設(shè)計(jì)UI時(shí)需要嚴(yán)格遵守規(guī)則，否則無法上線。

雖然小程序?yàn)榱俗尫?wù)完善，正在逐步開放更多功能，但是小程序代碼包要限制在2M以內(nèi)，所以在設(shè)計(jì)小程序時(shí)，功能一定要盡量簡(jiǎn)單。

六、小程序如何影響我們的生活

1、對(duì)普通用戶

（1）首先是卸載低頻APP

對(duì)于像旅游、租房等低頻使用的APP，普通用戶可能更傾向于卸掉本地APP而選擇小程序來使用，這能夠節(jié)約一部分手機(jī)空間，同時(shí)也不用考慮更新迭代，最重要的是可以獲得更短、平、快的服務(wù)路徑，減少不必要的時(shí)間消耗，擴(kuò)大自己的有效空間。小程序希望為普通用戶提供這樣的服務(wù)路徑，用戶到達(dá)服務(wù)目的的環(huán)節(jié)越少越好，縮短用戶使用路徑，通過這樣的方式讓越來越多的用戶更好的留在小程序或微信構(gòu)造的生態(tài)鏈里。

（2）微信變成巨無霸應(yīng)用，用戶停留時(shí)間更長(zhǎng)。

用戶把省下來的一部分空間，留給微信使用，原本已經(jīng)很長(zhǎng)的使用時(shí)間因?yàn)樗峁┑墓ぞ吆头?wù)的多元化而變的更長(zhǎng)。小程序涵蓋的服務(wù)類別非常多，可見微信在起初設(shè)計(jì)的時(shí)候就像建立更大的生態(tài)圈。

2、對(duì)行業(yè)應(yīng)用和服務(wù)提供者

（1）體驗(yàn)不佳的服務(wù)號(hào)會(huì)快速轉(zhuǎn)移陣地。

（2）給本地生活和電商的應(yīng)用帶來便利。

先是給本地生活和電商的應(yīng)用帶來很大的便利，尤其是有戰(zhàn)略合作關(guān)系的應(yīng)用服務(wù)商，這些APP的核心功能會(huì)得到進(jìn)一步的強(qiáng)化，對(duì)用戶的觸及面會(huì)很廣，使用頻率會(huì)提高，他們肯定會(huì)成為享有小程序的第一批紅利者。

（3）商家入駐

隨著商家開發(fā)小程序，微信會(huì)逐步變成商家入駐平臺(tái)，這回給本地生活/電商等應(yīng)用帶來巨大的沖擊，到那個(gè)時(shí)候我們更習(xí)慣于在微信里完成閉環(huán)的任務(wù)，基本上不會(huì)再想起來用別的APP，不過這點(diǎn)還是需要時(shí)間來驗(yàn)證的，畢竟APP是互聯(lián)網(wǎng)生態(tài)圈最重要的一環(huán)。

其次，小程序的重點(diǎn)是提供更便捷和更優(yōu)質(zhì)的服務(wù)，而不是內(nèi)容，小程序應(yīng)該不會(huì)像公眾號(hào)那樣引爆一波自媒體，應(yīng)該是引爆一波優(yōu)秀的服務(wù)提供商。