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

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

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

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

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

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. 市場機(jī)會(huì)

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

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

6. 適配

APP：需要適配市場上很多款的主流手機(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ī)用戶，截止2018年，約13億人次

小程序：面向所有微信用戶，截止2019年，月活10.82億

10. 功能

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

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

11. 推廣難度

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

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

二、小程序有哪些玩法

1. 小程序+公眾號

隨著公眾號體系和小程序體系互通，更多場景可以直接觸達(dá)小程序。如“豆芽作文公眾號”關(guān)聯(lián)了“豆芽作文小程序”，并在公眾號內(nèi)部的主入口強(qiáng)推，為其引流。

2. 小程序+小程序

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

例如：“豆芽作文”的“愛學(xué)習(xí)”模塊就關(guān)聯(lián)了其他3個(gè)功能入口，為同類產(chǎn)品提供不同服務(wù)的小程序給予跳轉(zhuǎn)支持。

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

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

于是，微信小程序團(tuán)隊(duì)期望的結(jié)果是：多個(gè)業(yè)務(wù)場景多個(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)注公眾號，對用戶來說極為便利。同時(shí)可以利用登錄授權(quán)，獲取用戶的信息。

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

1. 場景入口

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

依托于微信場景的小程序增長六大入口：聊天窗口分享、APP分享、“搜一搜”、“掃一掃”、首頁下拉窗口、公眾號。

2. 有哪些開放接口？

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

3. 模板消息

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

1. 需要用戶行為來觸發(fā)，不管用戶在何種場景下觸發(fā)，單次觸發(fā)最多可帶來一條消息，且最多可以連續(xù)七天發(fā)送；
2. 所有的消息都要在微信公眾平臺(tái)提供的消息模版中選擇，不能自定義模板。當(dāng)然這也很符合微信一貫的特性，不能“流氓式”的打擾用戶。

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

數(shù)據(jù)分析對于產(chǎn)品的運(yùn)營至關(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)品特性對頂部導(dǎo)航和底部導(dǎo)航進(jìn)行一些個(gè)性化調(diào)整，就要小心適配問題了。

有些產(chǎn)品的做法就比較取巧，這里舉個(gè)“知乎熱榜”的例子：本身小程序頂部欄是不可以做個(gè)性化設(shè)計(jì)的，但“知乎熱榜”為了給內(nèi)容區(qū)更多曝光的空間（畢竟移動(dòng)端寸土寸金嘛），將頂部欄的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ì)小程序，對于APP的頁面設(shè)計(jì)也可復(fù)用。

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

“小程序設(shè)計(jì)指南”和“UI設(shè)計(jì)基礎(chǔ)控件庫”的地址：https://developers.weixin.qq.com/miniprogram/design/index.html

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

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

1. 對普通用戶

（1）首先是卸載低頻APP

對于像旅游、租房等低頻使用的APP（所以這類APP為什么要做社區(qū)和社交），普通用戶可能更傾向于卸掉本地APP而選擇小程序來使用，這能夠節(jié)省一部分手機(jī)空間，同時(shí)也不用考慮更新迭代。最重要的是可以獲得更“短、平、快”的服務(wù)路徑，減少不必要的時(shí)間消耗，擴(kuò)大自己的有效時(shí)間。

小程序希望為普通用戶提供這樣的服務(wù)路徑：用戶到達(dá)服務(wù)目的的環(huán)節(jié)越少越好，縮短用戶使用路徑，通過這樣的方式讓越來越多用戶更好地留在小程序或是微信構(gòu)造的生態(tài)鏈里。

（2）微信變成巨無霸應(yīng)用，用戶停留時(shí)間更長：通訊（IM）+社交+工具和服務(wù)

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

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

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

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

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

（3）商家入駐

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

可以說，微信小程序的出現(xiàn)，會(huì)推動(dòng)進(jìn)入“后APP時(shí)代”的節(jié)奏。

六、小程序的未來

個(gè)人拙見：

首先，小程序的未來是代表微信線下入口，最擔(dān)心的不是小程序，而是微信越來越強(qiáng)大。微信已經(jīng)霸占了整個(gè)線上市場，但線下市場，微信一直沒有太多的涉及。阿里為了搞社交，出了阿里旺旺、來往、支付寶等等，支付寶也上線很多社交功能及游戲，可成效并不理想。整個(gè)社交空間被微信、QQ占據(jù)絕大部分。

我們很多人應(yīng)該不希望微信做成一家獨(dú)大， 正如淘寶的一家獨(dú)大導(dǎo)致整個(gè)實(shí)體市場的萎靡，以及1號店、國美等發(fā)展艱難。如果微信想要與支付寶競爭，競爭的重點(diǎn)不會(huì)放在支付這塊，更多的是“服務(wù)”和場景的搭建。至于支付寶也要上線小程序，實(shí)屬正常防衛(wèi)策略。阿里的天貓上線比較晚，是來自于對京東的防御。

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

希望對你有所幫助~

作者：h梓暄，公眾號：UXD筆記

本文由 @h梓暄 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議