從產(chǎn)品角度，看小程序的設(shè)計(jì)

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

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

1.獲取渠道

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

小程序：通過(guò)微信（掃描二維碼、搜索...）直接獲得

2.下載安裝

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

小程序：不需要安裝，就像免費(fèi)用嘀嘀打車，召之即來(lá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ī)用戶，截止2018年，約13億人次

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

10.功能

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

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

11.推廣難度

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

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

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

輕量

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

社交

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

主動(dòng)

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

引流

對(duì)于第三方來(lái)說(shuō)，微信必須是重要的流量入口（月活用戶10億左右），在微信允許的范圍內(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á)小程序。如“豆芽作文公眾號(hào)”關(guān)聯(lián)了“豆芽作文小程序”，并在公眾號(hào)內(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ù)場(chǎng)景。

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

于是，微信小程序團(tuán)隊(duì)期望的結(jié)果是：多個(gè)業(yè)務(wù)場(chǎng)景多個(gè)小程序來(lái)實(shí)現(xiàn)，允許小程序間跳轉(zhuǎn)，來(lái)實(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ì)用戶來(lái)說(shuō)極為便利。同時(shí)可以利用登錄授權(quán)，獲取用戶的信息

 四.小程序基礎(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)的曝光率。

依托于微信場(chǎng)景的小程序增長(zhǎng)六大入口：聊天窗口分享、APP分享、“搜一搜”、“掃一掃”、首頁(yè)下拉窗口、公眾號(hào)。

2.有哪些開放接口？

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

3.模板消息

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

（1）需要用戶行為來(lái)觸發(fā)，不管用戶在何種場(chǎng)景下觸發(fā)，單次觸發(fā)最多可帶來(lái)一條消息，且最多可以連續(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è)。

還有一種解決小程序外跳和在小程序掃碼的操作是通過(guò)客服消息，小程序主可以通過(guò)給小程序添加客服消息，讓用戶回復(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.適配問(wèn)題

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

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

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

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

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

在公眾號(hào)后臺(tái)回復(fù)【小程序】，立即獲得“小程序設(shè)計(jì)指南”和“UI設(shè)計(jì)基礎(chǔ)控件庫(kù)”，供設(shè)計(jì)師下載復(fù)用。

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

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

1.對(duì)普通用戶

（1）首先是卸載低頻APP

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

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

用戶把省下來(lái)的一部分空間，留給微信使用。原本已經(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)用帶來(lái)便利

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

（3）商家入駐

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

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

 七.小程序的未來(lái) 

個(gè)人拙見：

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

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

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

希望對(duì)你有所幫助~

關(guān)注微信公眾號(hào)“美啊教育”及時(shí)獲取更多設(shè)計(jì)干貨！