產(chǎn)品人必看的小程序設(shè)計(jì)指南

25 評(píng)論 28914 瀏覽 409 收藏 60 分鐘

小程序的市場(chǎng)是一片大好,還是只是一場(chǎng)危機(jī)四伏的狂歡?

最近在工作時(shí)發(fā)現(xiàn)了一件很有意思的事情,不知從何開(kāi)始,國(guó)內(nèi)外的設(shè)計(jì)需求分化非常明顯。

國(guó)內(nèi)的公司在選擇產(chǎn)品平臺(tái)時(shí),從幾年前的PC端網(wǎng)站,到如今已有大半的客戶(hù)考慮從小程序做起了。然而,國(guó)外的創(chuàng)業(yè)者仍然以網(wǎng)頁(yè)為主,要說(shuō)變化,大抵是在需求中多要求了響應(yīng)式設(shè)計(jì),以更好地適應(yīng)桌面與移動(dòng)雙端。

所以,今天我們無(wú)論坐在這里怎樣討論小程序的優(yōu)劣得失,都不可否認(rèn)的是,小程序確實(shí)給國(guó)內(nèi)市場(chǎng)帶來(lái)了顯著的影響。而且人們已經(jīng)逐漸接受,在產(chǎn)品初期,小程序是一個(gè)值得考慮的平臺(tái)。

但是到底小程序的市場(chǎng)是一片大好,還是只是一場(chǎng)危機(jī)四伏的狂歡?

我將在本文中盡量以客觀的角度闡述,希望能夠給到各位設(shè)計(jì)師一些思考的方向。

同時(shí),這幾個(gè)月來(lái)我參考了近100款小程序的設(shè)計(jì)模式,保留了500張截圖和超過(guò)10分鐘的錄屏作為分析素材,來(lái)幫助那些想要邁入職場(chǎng)的設(shè)計(jì)師們,更好地上手小程序設(shè)計(jì),不為信息和技術(shù)所桎梏。

一、小程序和App的區(qū)別

那么我們作為設(shè)計(jì)師,第一步需要了解的就是,究竟小程序和App之間有什么區(qū)別?作為設(shè)計(jì)師,應(yīng)該在注意哪些問(wèn)題?

這將是本篇文章前半部分的主要內(nèi)容。

1. 開(kāi)發(fā)成本和開(kāi)發(fā)周期不一致

從開(kāi)發(fā)成本看,小程序和APP有較大的區(qū)別。

APP開(kāi)發(fā)需要兩個(gè)版本來(lái)適應(yīng)不同操作系統(tǒng)的手機(jī),產(chǎn)品開(kāi)發(fā)周期長(zhǎng),開(kāi)發(fā)人力投入多,因此開(kāi)發(fā)成本高。而小程序只需要根據(jù)騰訊提供的開(kāi)發(fā)平臺(tái)就能進(jìn)行開(kāi)發(fā),無(wú)需考慮手機(jī)操作系統(tǒng)的區(qū)別,一次開(kāi)發(fā)就能適配所有的機(jī)型,開(kāi)發(fā)周期短,開(kāi)發(fā)人力投入少,因此開(kāi)發(fā)成本低。

一款A(yù)pp從提出需求到上線(xiàn),通常的開(kāi)發(fā)周期是321原則,即開(kāi)發(fā)3個(gè)月,測(cè)試調(diào)整2個(gè)月,試運(yùn)行1個(gè)月。而小程序開(kāi)發(fā)周期在2周左右,甚至功能簡(jiǎn)單的10天內(nèi)即可上線(xiàn)使用,所以是一種相對(duì)快速高效的模式。

小程序由于依附于微信,所以我們其實(shí)只需要制作一稿設(shè)計(jì)便可適配絕大多數(shù)的手機(jī),而不像App那樣,需要針對(duì)不同的手機(jī)進(jìn)行不同的適配。

事實(shí)上,這是小程序相對(duì)于App的一個(gè)巨大的優(yōu)勢(shì)。

在開(kāi)發(fā)App時(shí),很多企業(yè)在初創(chuàng)期,由于成本問(wèn)題不得不選擇到底是放棄Android用戶(hù)還是IOS用戶(hù)。然而,小程序只需要設(shè)計(jì)+開(kāi)發(fā)一次的成本,在理論上就獲得了全部微信用戶(hù)接觸到產(chǎn)品的機(jī)會(huì)。

所以,從這個(gè)角度考慮,小程序是非常節(jié)省成本的一種模式。

2. App需要設(shè)置大量的數(shù)據(jù)埋點(diǎn),而小程序不需要

微信第三方后臺(tái)已經(jīng)集合了諸多的數(shù)據(jù)供小程序方查看,在初級(jí)階段,這些數(shù)據(jù)已經(jīng)足夠產(chǎn)品作為更迭的基礎(chǔ)了。

沒(méi)有做過(guò)小程序的朋友可能不太了解,微信提供的不僅僅是數(shù)量全面的埋點(diǎn),而是可以自定義埋點(diǎn)位置以及爬取數(shù)據(jù)類(lèi)型的系統(tǒng)。甚至還自帶一些簡(jiǎn)單的分析系統(tǒng),幫助運(yùn)營(yíng)人員更好的掌握小程序的總體運(yùn)營(yíng)情況。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

除了已經(jīng)封裝好的數(shù)據(jù)監(jiān)控點(diǎn),運(yùn)營(yíng)人員還可以自定義分析事件,這幾乎是一個(gè)可以達(dá)到“營(yíng)銷(xiāo)平臺(tái)”級(jí)別的分析系統(tǒng)了。

同時(shí),簡(jiǎn)單明了的看版系統(tǒng),也非常節(jié)省業(yè)務(wù)人員的數(shù)據(jù)清洗成本,最大程度避免了開(kāi)發(fā)人員由于機(jī)械重復(fù)性的埋點(diǎn)工作而導(dǎo)致的主觀漏采與錯(cuò)采現(xiàn)象,這也是小程序的優(yōu)勢(shì)所在。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

3. 小程序有依附于微信的高效信息共享機(jī)制

小程序與微信形成的信息共享,可以非常方便地達(dá)到獲客目的。

例如,注冊(cè)登錄機(jī)制,我們幾乎不需要自己手動(dòng)在小程序上進(jìn)行注冊(cè)登錄,直接通過(guò) Union ID 授權(quán)的方式,即可讓用戶(hù)用統(tǒng)一的注冊(cè)賬戶(hù)用遍所有的小程序。

據(jù)測(cè),用戶(hù)進(jìn)入小程序時(shí),同意微信手機(jī)號(hào)碼授權(quán)的轉(zhuǎn)化率大致在35%,相對(duì)來(lái)說(shuō)是一個(gè)非??捎^的轉(zhuǎn)化率了。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

除此之外,微信給小程序廠商提供了諸多接口,不僅僅是方便了小程序廠商,信息風(fēng)向更多的是能夠讓用戶(hù)更加快速便捷地在小程序中解決問(wèn)題。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

二、什么樣的產(chǎn)品適合小程序

1. 具有社交裂變屬性

這類(lèi)具有社交因子的小程序天生適合生存在微信的土壤中,通過(guò)微信龐大的社交流量助力優(yōu)質(zhì)社交小程序成為市場(chǎng)的爆品。比如拼多多、蘑菇街利用拼團(tuán)實(shí)現(xiàn)社交電商的突圍;比如小年糕+通過(guò)社交場(chǎng)景實(shí)現(xiàn)低成本快速獲客,從而獲得很好的傳播效果,實(shí)現(xiàn)短時(shí)間的大量用戶(hù)增長(zhǎng) 。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

2. 垂直領(lǐng)域頭部

針對(duì)細(xì)分市場(chǎng)的小程序也容易受到傳播,比如汽車(chē)類(lèi)小程序有多個(gè)排名靠前,用戶(hù)已經(jīng)把小程序當(dāng)做選車(chē)、購(gòu)車(chē)、用車(chē)的重要入口。因?yàn)閷儆诘皖l應(yīng)用,沒(méi)有必要下載一個(gè)app,如果切入的早,小程序場(chǎng)景的便利性就容易使其升到頭部。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

3. 高頻場(chǎng)景喚醒產(chǎn)品

這些場(chǎng)景本身高頻發(fā)生且原有的體驗(yàn)流程存在資源損耗,小程序優(yōu)化解決了很多商家和用戶(hù)的痛點(diǎn)。比如KFC小程序解決等位排隊(duì)、點(diǎn)餐、買(mǎi)單付費(fèi)、發(fā)放優(yōu)惠券、客戶(hù)消費(fèi)分析、基于LBS的信息推送等問(wèn)題,比如視頻、直播、K歌等娛樂(lè)小程序因?yàn)檩p應(yīng)用的特點(diǎn)給了用戶(hù)娛樂(lè)多樣化的選擇,并且用戶(hù)可以直接將有趣的視頻、 直播等通過(guò)微信快速分享給好友,實(shí)現(xiàn)比App更好的傳播效果。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

4. 不適合作為小程序的產(chǎn)品 —— 工具類(lèi)產(chǎn)品

相反,我們所推崇的工具類(lèi)產(chǎn)品,在企業(yè)的角度來(lái)說(shuō),卻是最不適合做成小程序的產(chǎn)品。張小龍所賦予小程序的意義就是:“有用,不會(huì)給用戶(hù)造成打擾”,所以其實(shí)說(shuō)實(shí)話(huà),基于微信生態(tài)圈工具類(lèi)的小程序比App更容易爆發(fā)。

但是這只是用戶(hù)增量提高,工具類(lèi)App短暫的爆發(fā)卻很難維持存量。做工具類(lèi)小程序和工具類(lèi)App一樣,變現(xiàn)周期會(huì)非常長(zhǎng)。從用戶(hù)體驗(yàn)的角度來(lái)說(shuō),微信小程序里面的工具比起App的用戶(hù)體驗(yàn)會(huì)好很多。

沒(méi)有廣告和外部鏈接,使得工具類(lèi)小程序非常專(zhuān)注與高效。

工具的理念和小程序的理念非常一致,都是即用即走,沒(méi)有任何冗余的操作路徑,也不占用大量的內(nèi)存。

但是,從產(chǎn)品的角度而言,過(guò)于簡(jiǎn)單與高效就意味著更加難以變現(xiàn)。所以,企業(yè)應(yīng)該把核心功能放置在小程序,附件功能依舊放置在App中,從而實(shí)現(xiàn)從小程序向App端倒流,小程序也有效彌補(bǔ)了工具類(lèi)App的社交屬性不足的缺陷。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

三、應(yīng)該如何設(shè)計(jì)小程序

寫(xiě)在前面

其實(shí)在張小龍的嘴里,我們已經(jīng)得到了答案。他對(duì)于小程序的幾項(xiàng)基本原則已經(jīng)足以說(shuō)明問(wèn)題,比如其中的一項(xiàng)就是“用完即走”,其實(shí)這不僅僅是張小龍給到的小程序的定義,而是小程序本身?yè)碛械膶傩浴?/p>

在現(xiàn)代這個(gè)時(shí)代,用戶(hù)的注意力被越來(lái)越分散,我們很多的設(shè)計(jì)其實(shí)都是為了緩解用戶(hù)焦慮。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

在小程序的官方文檔中也提到了相關(guān)的元素,在現(xiàn)代社會(huì),大家拿到一款新的產(chǎn)品之后都喜歡自己研究而非去研讀說(shuō)明書(shū)。但是實(shí)際上,小程序的官方文檔是非常值得閱讀的內(nèi)容,里面的規(guī)范內(nèi)容目的不僅僅是為了讓小程序整體顯得整齊劃一,更多的內(nèi)容是為了保證小程序能夠有良好的用戶(hù)體驗(yàn),從而增加用戶(hù)的留存率。

所以,本篇文章的主要內(nèi)容是在“小程序官方文檔”的基礎(chǔ)之上,來(lái)探索更多的小程序設(shè)計(jì)的規(guī)律。建議大家在閱讀之前,可以先自行閱讀小程序官方文檔,再來(lái)看本文,才會(huì)有更多收獲。

1. 小程序的用戶(hù)路徑必須單一

App的功能點(diǎn)可以很多,但是小程序的用戶(hù)路徑必須單一。

當(dāng)然,這句話(huà)只符合想要入局的中小型企業(yè),在建立小程序的初期,沒(méi)有額外的流量渠道,那么最好的留存用戶(hù)的方式就是讓用戶(hù)能夠高效的解決問(wèn)題,對(duì)應(yīng)到小程序的框架設(shè)計(jì),即是簡(jiǎn)短高效的用戶(hù)路徑。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

不止中小企業(yè)如此,也有很多大型企業(yè),開(kāi)始從“復(fù)合型小程序”轉(zhuǎn)向小程序矩陣,目的就是為了給用戶(hù)提供專(zhuān)一的體驗(yàn)路徑。因?yàn)閺腜C到APP,再到小程序,用戶(hù)場(chǎng)景和時(shí)間在被不斷切碎,產(chǎn)品功能也要不斷簡(jiǎn)化,更專(zhuān)注,才更能吸引用戶(hù)完整的體驗(yàn)用戶(hù)流程。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

2. 良好的一次性使用機(jī)制

1)設(shè)計(jì)一次性引導(dǎo)機(jī)制

在用戶(hù)第一次使用小程序時(shí),一些必要的提示是提升用戶(hù)體驗(yàn)的關(guān)鍵因素。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

2)減少特殊的交互模式的設(shè)計(jì),必要時(shí)要進(jìn)行足夠的引導(dǎo)

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

運(yùn)用用戶(hù)更熟悉的交互模式,更能讓用戶(hù)擁有良好的體驗(yàn),更快速的完成整個(gè)路徑與流程。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

3. 減少動(dòng)態(tài)設(shè)計(jì)和裝飾性元素

同樣這個(gè)原理只適用于剛剛布局小程序的企業(yè),而不適用于大廠的小程序設(shè)計(jì)。但其實(shí)在 App 中,為了凸顯品牌調(diào)性,動(dòng)態(tài)元素和裝飾性元素是一定會(huì)出現(xiàn)的。品牌調(diào)性幾乎是 App 設(shè)計(jì)的一個(gè)非常重要的環(huán)節(jié)。

這并不意味著小程序中的品牌調(diào)性不重要,而是說(shuō)在某些環(huán)節(jié)中,良好的交互體驗(yàn)比品牌調(diào)性重要的多。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

4. 頁(yè)面扁平化

即減少頁(yè)面跳轉(zhuǎn),能不跳轉(zhuǎn)就減少跳轉(zhuǎn),跳轉(zhuǎn)新頁(yè)面會(huì)增加用戶(hù)適應(yīng)新頁(yè)面元素的成本,同時(shí)小程序的頁(yè)面層級(jí)過(guò)多,會(huì)讓用戶(hù)感覺(jué)到繁瑣焦慮。這個(gè)方法可以縮短用戶(hù)觸達(dá)產(chǎn)品的路徑,也是小程序用來(lái)減少用戶(hù)干擾的重要手段。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

這樣做的好處就是讓用戶(hù)對(duì)小程序的架構(gòu)有更全面的理解。用戶(hù)在較少的跳轉(zhuǎn)路徑中,始終清晰的知道自己處在小程序中的位置。這也是增加用戶(hù)對(duì)于產(chǎn)品安全感的一種方式。

5. 用選項(xiàng)和自動(dòng)填充代替輸入和表單

在小程序初期,還未擁有懸浮窗功能。這個(gè)時(shí)候的表單輸入對(duì)于用戶(hù)和產(chǎn)品來(lái)說(shuō)簡(jiǎn)直是噩夢(mèng)。比如,用戶(hù)需要輸入一個(gè)信息,而這個(gè)信息儲(chǔ)存在手機(jī)中,那么用戶(hù)就需要中斷當(dāng)前操作去查看信息,再通過(guò)其他的方式回到目前的操作填寫(xiě)信息。

在此過(guò)程中,很有可能由于操作過(guò)于繁瑣而喪失客戶(hù)。

即使增加了懸浮窗功能,用戶(hù)輸入信息的操作干擾也還是存在,所以能夠盡量避免信息輸入就要避免,以點(diǎn)選、拖動(dòng)等手勢(shì)操作代替文字輸入。將熱門(mén)的、常用的、歷史信息前置,減少用戶(hù)的重復(fù)勞動(dòng)。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

在其他的小程序?qū)Ρ戎?,我們一樣可以發(fā)現(xiàn)類(lèi)似的在用戶(hù)體驗(yàn)上的差別。

有一次一個(gè)朋友來(lái)向我咨詢(xún)關(guān)于他司電商小程序轉(zhuǎn)化率如何提高的問(wèn)題,我便運(yùn)用了這個(gè)理論,去給他們的產(chǎn)品做了一個(gè)梳理,最后切實(shí)獲得了數(shù)據(jù)上可觀的提高。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

【丁香醫(yī)生視頻展示】

6. 減少等待,反饋及時(shí)

小程序官方文檔里花了大量的篇幅去闡述給予用戶(hù)“加載狀態(tài)”與“完成狀態(tài)”反饋的重要性,而反饋設(shè)計(jì)的好壞,對(duì)留存率存在著至關(guān)重要的影響。除了“微信官方文檔”中提到的“啟動(dòng)頁(yè)加載”“頁(yè)面下拉刷新加載”“頁(yè)面內(nèi)加載”“模態(tài)加載”“局部加載”“全局加載”外。

另外一種加載狀態(tài)同樣至關(guān)重要,即“預(yù)加載狀態(tài)”。預(yù)加載是一個(gè)老生常談的話(huà)題,如果一款產(chǎn)品沒(méi)有設(shè)計(jì)預(yù)加載,會(huì)給用戶(hù)心理造成很強(qiáng)的不安全感,這點(diǎn)在小程序尤為明顯,所以設(shè)計(jì)預(yù)加載場(chǎng)景是提高用戶(hù)體驗(yàn)至關(guān)重要的因素,尤其針對(duì)一些網(wǎng)絡(luò)狀況不好的用戶(hù)。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

其中以百度云盤(pán)的尤為出色,他的預(yù)加載模式是動(dòng)畫(huà)效果呈現(xiàn)的,可以讓用戶(hù)清晰的了解數(shù)據(jù)正在加載。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

如果沒(méi)有設(shè)計(jì)預(yù)加載,可以自行設(shè)計(jì)加載模塊,或者用微信提供的通用加載模塊,也是一個(gè)退而求其次的選擇。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

而最壞的做法,就是完全不設(shè)計(jì)任何用于提醒的內(nèi)容,這種極差的用戶(hù)體驗(yàn)幾乎會(huì)全盤(pán)勸退用戶(hù)。

四、小程序設(shè)計(jì)的實(shí)戰(zhàn)經(jīng)驗(yàn)

想必大家在看完了上述內(nèi)容后,已經(jīng)對(duì)小程序有了一個(gè)初步的概念,上述內(nèi)容主要是一些理論層面對(duì)于小程序設(shè)計(jì)的分析,那么這個(gè)章節(jié)主要就是通過(guò)大量的線(xiàn)上案例和截圖來(lái)講述一些小程序設(shè)計(jì)的規(guī)律。

1. 引導(dǎo)收藏小程序機(jī)制

小程序的“即用即走”的機(jī)制,同時(shí)也促成了各個(gè)小程序的形成了一套應(yīng)對(duì)機(jī)制,其中之一就是引導(dǎo)收藏小程序機(jī)制。

目前這個(gè)機(jī)制幾乎成為了商業(yè)小程序的標(biāo)配,大體分為三種類(lèi)型:

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

  • 從效用角度出發(fā):引導(dǎo)型 > 彈窗型 > 占位型。
  • 從對(duì)用戶(hù)的體驗(yàn)出發(fā):占位型由于不遮擋任何信息,對(duì)用戶(hù)的影響最??;彈窗型遮擋一部分信息,所以次之;而引導(dǎo)型由于直接阻擋了用戶(hù)的操作區(qū)域,所以對(duì)用戶(hù)體驗(yàn)的影響是最大的。不過(guò)即使是彈窗型和占位型的引導(dǎo),也是在過(guò)3-5秒后會(huì)消失,避免進(jìn)一步干擾用戶(hù)體驗(yàn)。

我們?cè)谠O(shè)計(jì)小程序時(shí)可以酌情參考這三種形式,簡(jiǎn)單來(lái)說(shuō),用戶(hù)粘性高,用戶(hù)群體年齡偏高可以采用引導(dǎo)型,反之可以嘗試彈窗型和占位型兩種形式。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

2. 導(dǎo)流公眾號(hào)/App機(jī)制

類(lèi)似于“引導(dǎo)收藏小程序”,“導(dǎo)流公眾號(hào)/App”也是只有小程序中存在的一種模式。不同于“引導(dǎo)收藏小程序”,“導(dǎo)流公眾號(hào)/App”的方法可謂是百花齊放,不過(guò)渠道卻只有一個(gè),就是客服會(huì)話(huà)系統(tǒng)。

1)在客服會(huì)話(huà)中回復(fù)“1”

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

2)在客服會(huì)話(huà)中,回復(fù)“小程序”

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

客服會(huì)話(huà)中的拇指圖設(shè)計(jì)非常有講究,一般的拇指圖設(shè)計(jì)都分為兩段文本,字號(hào)較大的文本用來(lái)在上述步驟二中提醒用戶(hù)點(diǎn)擊,而字號(hào)較小的文本則是用來(lái)在步驟三中提醒用戶(hù)點(diǎn)擊鏈接/掃碼來(lái)下載App。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

一些小程序會(huì)有彈窗提醒我們關(guān)注公眾號(hào),但為什么我們不能通過(guò)這種簡(jiǎn)單的方式讓用戶(hù)關(guān)注公眾號(hào),而要用跳轉(zhuǎn)客服這么麻煩的方法。很簡(jiǎn)單,仔細(xì)觀察就可以發(fā)現(xiàn)這是微信的廣告投放(看彈窗的左上角的標(biāo)簽)。小程序即使接了廣告,也只能給別的公眾號(hào)導(dǎo)流。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

雖然說(shuō)小程序有辦法將用戶(hù)引導(dǎo)到App中,但是小程序和App的聯(lián)動(dòng)非常有限,基本上局限于通過(guò)小程序引導(dǎo)用戶(hù)去下載/打開(kāi)App,用戶(hù)無(wú)法在小程序和App切換時(shí)仍然保持完整的用戶(hù)體驗(yàn)流程。

但是,我同時(shí)也發(fā)現(xiàn)了一些產(chǎn)品運(yùn)用巧妙的方式使得用戶(hù)體驗(yàn)流程可以延續(xù)的產(chǎn)品。

在愛(ài)奇藝小程序中,當(dāng)用戶(hù)需要觀看一些App才能觀看的內(nèi)容時(shí),用戶(hù)可以通過(guò)復(fù)制一段口令從而在打開(kāi)App時(shí)自動(dòng)跳轉(zhuǎn)到相應(yīng)視頻,使得用戶(hù)流程不中斷。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

同樣一段內(nèi)容,如果我想看高清版,或者想要給視頻評(píng)論,我需要自行在bilibili的App中搜索相關(guān)視頻,這種繁瑣的方式幾乎讓我放棄評(píng)論的興趣。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

3. 分享機(jī)制

除了引導(dǎo)收藏和導(dǎo)流機(jī)制之外,在小程序里第二個(gè)重要的機(jī)制就是分享機(jī)制。如何做好分享機(jī)制是提高增量的一個(gè)必須要思考的問(wèn)題。正常的小程序分享分為兩種渠道,分享給好友和群聊,以及分享到朋友圈中。

分享給好友,一般就是以小程序鏈接的形式分享。因?yàn)樾〕绦虻膬?yōu)勢(shì)就在于依附于微信,其社交屬性被大大增強(qiáng),所以分享按鈕往往要設(shè)計(jì)的引人注目。

常見(jiàn)的設(shè)計(jì)方式有以下幾種:

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

在分享時(shí),會(huì)有彈窗狀態(tài)讓用戶(hù)選擇分享的渠道,事實(shí)證明,這個(gè)彈窗也是可以被設(shè)計(jì)的。而其中被大部分小程序所選擇的設(shè)計(jì)感和實(shí)用性兼具的模式下面這種樣式。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

小程序以圖片形式保存后的樣式,由于就是我們常見(jiàn)的H5設(shè)計(jì),所以在此不做贅述。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

分享在聊天窗口的小程序,也是可以被設(shè)計(jì)的內(nèi)容,這種小程序鏈接一般分為兩個(gè)模塊:標(biāo)題文字+配圖。

標(biāo)題文字可以自定義22個(gè)字,起一個(gè)有吸引力的文案可以有效增加轉(zhuǎn)化率。

一般配圖的設(shè)計(jì)有以下幾種分類(lèi):

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

4. 技術(shù)上限

很多同學(xué)會(huì)有一種擔(dān)心,覺(jué)得小程序既然如此輕便,會(huì)不會(huì)在技術(shù)上也會(huì)受到很多限制,很多特殊的功能無(wú)法在小程序當(dāng)中實(shí)現(xiàn)。

這種擔(dān)心有依據(jù),但不全對(duì)。事實(shí)證明,小程序在動(dòng)效方面,確實(shí)被舍棄了很多,很多情況下甚至動(dòng)效與跳轉(zhuǎn)邏輯無(wú)法匹配,會(huì)讓用戶(hù)體會(huì)到不安的感覺(jué)。但是在功能方面,很多已經(jīng)存在的小程序已經(jīng)證明,幾乎App里實(shí)現(xiàn)的功能,小程序均可以實(shí)現(xiàn)。

1)VR看房

貝殼找房和同程藝龍的小程序都可以實(shí)現(xiàn)VR實(shí)景看房,而且在用戶(hù)體驗(yàn)上是可以讓我感受到其真實(shí)用途,而不是我一開(kāi)始認(rèn)為的噱頭所在,這是我覺(jué)得在小程序上最令我吃驚的功能了。

【VR看房視頻鏈接】

可以發(fā)現(xiàn),兩個(gè)VR看房的功能都是一家叫“如視”的公司提供的技術(shù)支持。其實(shí)這是一種小程序的發(fā)展趨勢(shì),越來(lái)越多的功能模塊被第三方機(jī)構(gòu)所替代,而小程序的持有者只需專(zhuān)注于服務(wù)與流程設(shè)計(jì)。

那么,小程序的門(mén)檻將會(huì)越來(lái)越低,小程序的運(yùn)營(yíng)團(tuán)隊(duì)也會(huì)越來(lái)越精簡(jiǎn),推動(dòng)著整個(gè)生態(tài)向良性發(fā)展。

2)地圖導(dǎo)航

另一個(gè)技術(shù)就是騰訊自家的“騰訊地圖”,可以在小程序端實(shí)現(xiàn)實(shí)時(shí)導(dǎo)航,這也能證明小程序在功能方面的強(qiáng)大屬性。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

5. 精美的設(shè)計(jì)

其實(shí)小程序也能做到很精美,下面我將帶大家看一些良好的小程序設(shè)計(jì)案例:

1)京東良研

通過(guò)良好的視覺(jué)設(shè)計(jì)、動(dòng)效設(shè)計(jì)和信息展示方式,使得簡(jiǎn)單的投票功能變得生動(dòng)有趣,簡(jiǎn)約明了。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

2)同程藝龍

在旅游行業(yè),如何將繁冗復(fù)雜的信息排布的清晰易懂是非??简?yàn)設(shè)計(jì)師能力的。

同程藝龍就在不增加頁(yè)面跳轉(zhuǎn)的情況下,同時(shí)將信息以良好的視覺(jué)展示了出來(lái)。而在同樣領(lǐng)域的馬蜂窩的設(shè)計(jì)卻在對(duì)比下顯得混亂,除了設(shè)計(jì)方面的問(wèn)題,BUG頻發(fā),諸多的彈窗與廣告也是影響用戶(hù)體驗(yàn)的因素之一。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

6. 其他有趣的小功能

1)設(shè)置更新用戶(hù)數(shù)據(jù)功能

有些小程序一次登陸后,就會(huì)永久將用戶(hù)數(shù)據(jù)定格在此,所以當(dāng)用戶(hù)許久后重新打開(kāi)小程序,陳舊的數(shù)據(jù)會(huì)讓用戶(hù)對(duì)小程序產(chǎn)生類(lèi)似的許久不更新的感覺(jué),所以一個(gè)更新數(shù)據(jù)的按鍵是必要的。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

2)誘人點(diǎn)擊的文案

有時(shí),我們可以通過(guò)一些有趣的方式讓用戶(hù)完成流程,“JZ多媒體解決方案”的用戶(hù)登錄就是其中之一。不像普通的設(shè)計(jì),它選用“點(diǎn)擊顯示微信頭像”這樣一個(gè)有趣的文案來(lái)吸引用戶(hù)點(diǎn)擊,從而完成登錄。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

3)外部顯示名稱(chēng)和小程序本體名稱(chēng)可以不一致

同樣的,名稱(chēng)為“JZ多媒體解決方案”的小程序,外部顯示名稱(chēng)為“除了干貨其他什么都沒(méi)有”。這給我們提供了一種新思路,在初期推廣時(shí),不如把我們的Slogan當(dāng)作名稱(chēng)寫(xiě)在外部,是一種推廣的更好方式。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

4)小程序的頂部狀態(tài)欄

我們都知道小程序的頂部狀態(tài)欄,右半部分是不可編輯的,那么怎樣可以既適應(yīng)這個(gè)規(guī)則,又可以保持小程序的設(shè)計(jì)感呢?我在諸多小程序中發(fā)現(xiàn)了這樣兩種特殊的設(shè)計(jì)方法。

① 將LOGO放置在頂部狀態(tài)欄中

KeepLand將LOGO放置在狀態(tài)欄中,既與其他小程序做到了區(qū)分,宣傳了品牌,同時(shí)又保持了整體的設(shè)計(jì)美感。

② 搜索欄不必要非放置在下方

放置在頂部導(dǎo)航欄的左端同樣可以實(shí)現(xiàn)空間利用的最大化,同時(shí)保持整體的設(shè)計(jì)美感。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

5)將彈窗設(shè)計(jì)成系統(tǒng)樣式

將彈窗設(shè)計(jì)成系統(tǒng)樣式,可以有效增強(qiáng)小程序的正規(guī)感和用戶(hù)對(duì)于品牌的印象,微信讀書(shū)就是用這樣的方法,使得用戶(hù)在使用小程序時(shí),同樣體會(huì)到與App同樣的品牌與視覺(jué)感受。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

四、為什么我不看好小程序?

結(jié)束了上半部分的理論分析,那么我們來(lái)聊一聊到底我是怎么看待小程序這個(gè)平臺(tái)以及這個(gè)生態(tài)的。

其實(shí)不只是企業(yè)家需要考慮這個(gè)問(wèn)題,設(shè)計(jì)師同樣也需要考慮這個(gè)問(wèn)題。

前一陣子我一個(gè)朋友就來(lái)找我訴苦,說(shuō)他不想在現(xiàn)在這個(gè)公司做下去了。原因就是公司布局了五六個(gè)小程序,就是沒(méi)有一款A(yù)pp的項(xiàng)目提上日程,他以后不想走小程序設(shè)計(jì)這條路,所以不得已跳槽到一家有App產(chǎn)品的公司。

其實(shí)這個(gè)問(wèn)題轉(zhuǎn)化出來(lái)也很簡(jiǎn)單,就是小程序到底有發(fā)展前景嗎?小程序是否會(huì)成為一個(gè)和蘋(píng)果搭建起來(lái)的AppStore一樣的平臺(tái)?

事先聲明一點(diǎn),我不針對(duì)個(gè)人、企業(yè)或者某家資本,對(duì)這些將要提及的名字也沒(méi)有惡意。還是老規(guī)矩,對(duì)于商業(yè),我們不談道德,只看決策。

1. 工具無(wú)界限,產(chǎn)品有派系

曾幾何時(shí),我們?cè)诮怄i共享單車(chē)時(shí),第一個(gè)打開(kāi)的就是微信;現(xiàn)如今微信這樣一個(gè)培養(yǎng)了我們使用二維碼習(xí)慣的產(chǎn)品,卻無(wú)法成為人們解鎖單車(chē)的首選。

北京市面上存在的單車(chē)總共有7種:美團(tuán)單車(chē),摩拜單車(chē),ofo,青桔單車(chē),小藍(lán)單車(chē),哈啰單車(chē),永安行。但是目前只有舊版的摩拜單車(chē),青桔單車(chē)能用微信小程序掃碼解鎖(小藍(lán)單車(chē)小程序已經(jīng)停止運(yùn)營(yíng),ofo雖然沒(méi)有停止運(yùn)營(yíng),但是在小程序中已經(jīng)無(wú)法搜索到單車(chē)服務(wù)了)。同樣,摩拜單車(chē)和美團(tuán)單車(chē)可以通過(guò)美團(tuán)App解鎖,小藍(lán)單車(chē)和青桔單車(chē)可以通過(guò)滴滴App解鎖。

可以發(fā)現(xiàn),微信對(duì)于共享單車(chē)界的統(tǒng)治力早已不復(fù)存在,現(xiàn)在無(wú)論用哪款單車(chē),微信都不是人們首先能想到的入口了。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

技術(shù)水平上,小程序完全可以承載市面上大部分的工具,但是產(chǎn)品之間的派系分別,導(dǎo)致我們可能永遠(yuǎn)不可能在微信一款軟件上一勞永逸地體驗(yàn)到所有服務(wù)。就像我們永遠(yuǎn)無(wú)法在微信小程序中發(fā)現(xiàn)“淘寶”小程序一樣。

其實(shí),小程序在這一步上,已經(jīng)不可能像App Store一樣打造一個(gè)完整的生態(tài)了。阿里一家的存在,就已經(jīng)讓微信失去了電商行業(yè)的半壁江山。

甚至更有趣的是,在小程序熱度排行榜中,位居前十的小程序中有5個(gè)是騰訊投資的企業(yè)下屬產(chǎn)品,還有1個(gè)是騰訊自身的產(chǎn)品。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

但這本身無(wú)可厚非,因?yàn)檫@就是正常的商業(yè)競(jìng)爭(zhēng)策略,只是選擇了這種策略生長(zhǎng)的小程序,優(yōu)勢(shì)就是可以將流量最大化的向自己的生態(tài)中轉(zhuǎn)化,缺點(diǎn)就是會(huì)有很多產(chǎn)品因此無(wú)法融入其中。

小程序的生態(tài),終究不會(huì)是一個(gè)全面而完整的生態(tài)。

2. 很多小程序都是完整產(chǎn)品的試用版

很多人曾在小程序風(fēng)靡時(shí)預(yù)言,將來(lái)很多的產(chǎn)品都會(huì)入駐小程序,閹割掉次要功能,只保留核心功能在小程序中,這樣才可以既遵循小程序的輕量化原則,又可以讓用戶(hù)體驗(yàn)到產(chǎn)品的優(yōu)勢(shì),形成轉(zhuǎn)化。

但有趣的是,市場(chǎng)卻形成了另一套完全相反的機(jī)制。

Bilibili小程序可以便捷地讓用戶(hù)隨時(shí)隨地觀看視頻,但是卻機(jī)智地閹割掉了畫(huà)質(zhì)選項(xiàng),這個(gè)小程序確實(shí)解決了一部分用戶(hù)對(duì)于觀看視頻的便捷性、分享視頻的傳播性的需求。但在這個(gè)手機(jī)流量多到可以鋪張浪費(fèi)的年代,“高糊畫(huà)質(zhì)”無(wú)異于加重了用戶(hù)被“望梅止渴”欺騙的想法,而更多的轉(zhuǎn)向了下載App只為了更高清的畫(huà)質(zhì)與更多的操作自由。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

微博小程序與bilibili小程序的做法如出一轍,雖然微博小程序的功能也很全面,看起來(lái)幾乎和微博App所具有的功能幾乎一致。但是一旦我們妄圖用微博小程序代替App來(lái)使用時(shí)就會(huì)發(fā)現(xiàn),微博小程序竟然不能發(fā)帶圖片和視頻的微博。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

知乎小程序亦是如此,他幾乎閹割掉了所有用戶(hù)和社區(qū)互動(dòng)的渠道,用戶(hù)在小程序中只能接受知乎的信息,而無(wú)法發(fā)布回答與評(píng)論(只能點(diǎn)贊或者反對(duì))。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

甚至從名稱(chēng)我們就可以看出微博和知乎想要突出的重點(diǎn)(熱門(mén)微博與知乎精選),在于讓用戶(hù)瀏覽微博和知乎中已經(jīng)存在的信息。而當(dāng)用戶(hù)想真正參與進(jìn)整個(gè)社區(qū)時(shí),發(fā)現(xiàn)幾乎所有的入口都被封死。在知乎中甚至連互動(dòng)中的評(píng)論功能都被閹割掉了,完全給用戶(hù)一種隔著玻璃罩看珍藏品般的感覺(jué)。

所以,各個(gè)互聯(lián)網(wǎng)產(chǎn)品不約而同地選擇了同一種方法來(lái)運(yùn)營(yíng)小程序,即小程序永遠(yuǎn)是正規(guī)App的試玩版。

因?yàn)槲⑿诺闹攸c(diǎn)在于社交,而用戶(hù)在社交過(guò)程中能使用“嗶哩嗶哩”“微博”與“知乎”的場(chǎng)景只有分享社區(qū)中的內(nèi)容這一種場(chǎng)景了。所以,所有的互聯(lián)網(wǎng)產(chǎn)品都將社區(qū)中的主要內(nèi)容呈現(xiàn)在了小程序中,而所有與分享無(wú)關(guān)的功能,即使?jié)M足“即用即走”的特性,也并沒(méi)有在小程序中保留下來(lái)(比如發(fā)帶圖片的微博,這應(yīng)該非常符合即用即走的特性了,但并沒(méi)有被小程序保留下來(lái))。

3. 流量與格局

張小龍對(duì)于小程序有很多設(shè)想,其中一個(gè)就是打造一個(gè)屬于微信的生態(tài)系統(tǒng),有人曾問(wèn)我微信小程序生態(tài)系統(tǒng)會(huì)不會(huì)最終能成長(zhǎng)為和IOS抗衡的力量?

我覺(jué)得很難。

2017年5月18日開(kāi)始刷屏,第二天即5月19日便被微信叫停服務(wù),微信方面給出的理由是,小程序匿名聊聊“涉嫌誘導(dǎo)分享”。這是第一款被騰訊官方明確封殺掉的微信小程序。

之后,匿名聊聊換殼上線(xiàn),改名“走心聊聊”。但可惜的是,走心聊聊依然沒(méi)有逃過(guò)被封殺的悲慘結(jié)局,上線(xiàn)沒(méi)過(guò)多久,走心聊聊便因違反《即時(shí)通信工具公眾信息服務(wù)發(fā)展管理暫行規(guī)定》,再次被暫停服務(wù)。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

如果說(shuō)“匿名聊聊”觸碰的是微信的社交這塊蛋糕,所以被封殺情有可原。那抖音被微信封殺的過(guò)程簡(jiǎn)直是讓很多互聯(lián)網(wǎng)企業(yè)大失所望。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

在第一次封殺H5時(shí),微信方給出了明確的回應(yīng)。該H5在最后一頁(yè)存在誘導(dǎo)分享行為,違反《微信外部鏈接內(nèi)容管理規(guī)范》,因此平臺(tái)對(duì)其進(jìn)行了處理,分享到朋友圈僅自己可見(jiàn)。但是,在微信全面封殺抖音外部鏈接以及切斷使用微信賬號(hào)登陸抖音的功能時(shí),微信方卻完全沒(méi)有給出任何官方解釋。

如果說(shuō)封殺抖音是因?yàn)轭^條系產(chǎn)品(包括今日頭條與抖音)有運(yùn)用cookie機(jī)制挖掘用戶(hù)在騰訊體系內(nèi)更多好友關(guān)系的嫌疑,但是接下來(lái)微信的做法無(wú)疑是令眾多互聯(lián)網(wǎng)中小企業(yè)看到了自己依附微信生存的結(jié)局。

據(jù)不完全統(tǒng)計(jì),在短視頻盛行時(shí)期,微信已經(jīng)將20多款短視頻類(lèi)App的分享鏈接封殺。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

但是,此時(shí)微信卻力推騰訊系的短視頻App——微視,甚至為了微視打破了自己既定的規(guī)則——開(kāi)放了在朋友圈上傳30秒視頻的權(quán)限。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

所以,其實(shí)根本就沒(méi)有什么“誘導(dǎo)分享”這樣的說(shuō)法,網(wǎng)絡(luò)上流傳著一句話(huà)“微信封殺是中國(guó)互聯(lián)網(wǎng)公司躲不過(guò)的一道坎兒”。

微信封殺你不需要理由,畢竟微信的違規(guī)內(nèi)容中有一條明確地寫(xiě)道:通過(guò)明示或者暗示的方式誘導(dǎo)點(diǎn)擊。但是回過(guò)頭一想,廣告的文案不就兩種,明示或者暗示都被微信說(shuō)了,你放個(gè)廣告就不能有文字,既然有了文字,你不是明示就是暗示。

在微信規(guī)則范圍內(nèi),其對(duì)于誘導(dǎo)分享的懲戒存在很大的自由裁量權(quán)。所以懲罰你與否,歸根結(jié)底就是看你是否觸動(dòng)了微信的利益;一旦觸動(dòng),你就會(huì)變成微信重點(diǎn)關(guān)照的對(duì)象。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

事實(shí)上,微信這樣的做法也不是一兩天了。

在三英(聊天寶、多閃、馬桶MT)戰(zhàn)微信時(shí),三款產(chǎn)品都被微信封殺了分享渠道。我們其實(shí)深知他們很難動(dòng)搖微信的地位,但是還是很快遭到了封殺,甚至不惜動(dòng)用其他渠道的力量,阻斷馬桶MT的傳播。

這種寧可錯(cuò)殺一千不可放過(guò)一個(gè)的行為,使得微信再也無(wú)法樹(shù)立起與蘋(píng)果/微軟等平臺(tái)公司齊平的公正性。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

事實(shí)上不僅僅是騰訊系如此,中國(guó)目前的互聯(lián)網(wǎng)環(huán)境都清晰地告訴我們,企業(yè)之間很難構(gòu)建真正的信任。

我一個(gè)美團(tuán)的高管朋友告訴我,美團(tuán)在進(jìn)行設(shè)計(jì)與開(kāi)發(fā)協(xié)作時(shí),并不會(huì)使用藍(lán)湖,因?yàn)樗麄儾恍湃螄?guó)內(nèi)企業(yè)。然而,在國(guó)內(nèi)使用invision又會(huì)受限于網(wǎng)速的影響。所以,美團(tuán)干脆開(kāi)發(fā)了一款自己內(nèi)部的切圖與協(xié)作的軟件:印跡,只為協(xié)調(diào)實(shí)用性與保密性。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

有朋友可能對(duì)這款軟件比較感興趣,我也同樣如此,就問(wèn)他美團(tuán)之后會(huì)不會(huì)讓這款軟件開(kāi)發(fā)注冊(cè),走商業(yè)化道路。他說(shuō)一開(kāi)始在研發(fā)時(shí)他們也有這樣的想法,但是由于要提高效率,這款軟件越來(lái)越針對(duì)美團(tuán)業(yè)務(wù)邏輯的方向制作優(yōu)化,即使公開(kāi),也很難為他人所用了。

入駐小程序,有時(shí)候也意味著需要將自己的數(shù)據(jù)交給他人管理。在小程序中,所有基于地理位置為用戶(hù)提供服務(wù)的小程序,幾乎全部都接入了騰訊地圖。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

我雖然不了解其中的運(yùn)作機(jī)制,但是不難看出,很多企業(yè)應(yīng)該跟我抱有類(lèi)似的想法:當(dāng)所有數(shù)據(jù)集于騰訊一家時(shí),自己是否還有立足于市場(chǎng)的根基呢?

4. 那些已經(jīng)成為平臺(tái)的企業(yè)是如何看待小程序的?

2018年11月7日中國(guó)烏鎮(zhèn)的互聯(lián)網(wǎng)大會(huì)上,馬化騰說(shuō),微信現(xiàn)在有超過(guò)100萬(wàn)個(gè)小程序;而在同年4月份,Appstore才收錄了210萬(wàn)個(gè)應(yīng)用。也就是說(shuō),從2008年到2018年,蘋(píng)果用10年的時(shí)間打造的一個(gè)龐大的應(yīng)用公園,被小程序不到2年的時(shí)間就從數(shù)量上追上了一半,這無(wú)疑會(huì)讓蘋(píng)果與Google重新審視小程序這款產(chǎn)品。

事實(shí)上,平臺(tái)與平臺(tái)之間的博弈從來(lái)沒(méi)有停息過(guò)。頭號(hào)玩家需要借助平臺(tái)來(lái)壯大自己,平臺(tái)需要頭號(hào)玩家來(lái)壯大自己的生態(tài)系統(tǒng),但是也會(huì)忌憚這些頭號(hào)玩家有一天會(huì)強(qiáng)大到自己無(wú)法掌控,甚至反噬自己。

我們?cè)趪?guó)內(nèi)一直看到微信在自己的平臺(tái)上打壓其他的產(chǎn)品,但是反過(guò)來(lái)在國(guó)際市場(chǎng)上,微信何嘗不是架構(gòu)在別人的平臺(tái)上?所以,其實(shí)我們遍歷微信對(duì)待其他產(chǎn)品的策略,反過(guò)來(lái),都會(huì)成為蘋(píng)果制約微信的策略。

還記得在2017年4月時(shí),蘋(píng)果就根據(jù)自己的《開(kāi)發(fā)者協(xié)議條款》第3.1.1項(xiàng),對(duì)蘋(píng)果端微信內(nèi)所有的贊賞內(nèi)容強(qiáng)行征收30%的費(fèi)用。雖然最終微信和蘋(píng)果雙方都做出了不同程度的妥協(xié),但是微信還是做出了“斷臂”一般的抉擇,裁掉了微信公眾號(hào)的打賞功能。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

雖然表面上看是蘋(píng)果對(duì)于開(kāi)發(fā)者協(xié)議條款的嚴(yán)格把控,將公眾號(hào)打賞行為歸結(jié)為APP內(nèi)購(gòu)功能,因此要求微信改用蘋(píng)果的IAP(in-AppPurchase 應(yīng)用內(nèi)付費(fèi))。但實(shí)際上從時(shí)間節(jié)點(diǎn)上看,我們很容易發(fā)現(xiàn),蘋(píng)果這次的發(fā)難明顯是針對(duì)小程序以及微信的“鏈接一切”的戰(zhàn)略,一旦微信將“微信公眾號(hào)、朋友圈、微信支付、小程序”這幾個(gè)核心功能打通,勢(shì)必會(huì)對(duì)蘋(píng)果的生態(tài)系統(tǒng)產(chǎn)生較大的影響,蘋(píng)果不可能坐視不管。

雖然這件事結(jié)束后,蘋(píng)果和微信再?zèng)]有大的爭(zhēng)端,但是外媒卻風(fēng)評(píng)不斷。他們雖然不認(rèn)為小程序會(huì)最終成為制衡AppStore的力量,但是卻會(huì)搶占中國(guó)市場(chǎng)大部分的App開(kāi)發(fā)人員的資源,使其向小程序設(shè)計(jì)與開(kāi)發(fā)傾斜,一旦這種現(xiàn)象嚴(yán)重起來(lái),蘋(píng)果勢(shì)必不能坐視不管。

興許下一次大戰(zhàn)就是微信與小程序進(jìn)軍國(guó)際的那一步。我無(wú)法預(yù)測(cè)這場(chǎng)戰(zhàn)爭(zhēng)的結(jié)果,畢竟騰訊做了那么多年的生態(tài),深諳自己是如何通過(guò)平臺(tái)一步一步贏到現(xiàn)在?,F(xiàn)如今他也站在了劣勢(shì)方的一邊,勢(shì)必也會(huì)做好充足準(zhǔn)備。但是這對(duì)于騰訊也一定是一個(gè)傷敵一千自損八百的戰(zhàn)役,而對(duì)于我們更重要的是,小程序到時(shí)還能不能是我們可持續(xù)發(fā)展的一個(gè)平臺(tái),恐怕誰(shuí)都不敢保證。

五、為什么小程序值得入局?

雖然小程序的限制與克制如此之多,但是我并不認(rèn)為這代表著小程序不適合我們?nèi)刖?。相反,我覺(jué)得微信的克制是一種純粹的理想,只能存在市場(chǎng)的初期,隨著行業(yè)的發(fā)展,越來(lái)越多的變量已經(jīng)不在微信的掌控范圍內(nèi)。

小程序已經(jīng)不再是微信能夠全權(quán)把控發(fā)展節(jié)奏的產(chǎn)品了,需要主動(dòng)去迎合時(shí)代做出改變。

就像現(xiàn)如今的微信一樣,我們無(wú)數(shù)次在公開(kāi)場(chǎng)合聽(tīng)到張小龍說(shuō),他不希望用戶(hù)在微信上浪費(fèi)過(guò)多的時(shí)間。但是微信已不可避免的成為一款超級(jí)App,集合了越來(lái)越多的使用場(chǎng)景,甚至手機(jī)里只有一個(gè)微信就夠了。

1. 頭部復(fù)合小程序的出現(xiàn),使小程序無(wú)法保持初心

小程序發(fā)展到這一步,幾乎是小程序團(tuán)隊(duì)和張小龍沒(méi)想到的。本來(lái)小程序的屬性是“用完即走”,但是,由于微信本身的流量龐大,所以在微信內(nèi)部不可避免地會(huì)出現(xiàn)超級(jí)個(gè)體(即流量巨頭)。這種復(fù)合型小程序(也可以稱(chēng)之為“超級(jí)小程序”)幾乎不用遵守小程序的規(guī)范一樣可以獲得流量。那么,越來(lái)越臃腫,幾乎是這類(lèi)小程序不可避免的現(xiàn)象。

比如說(shuō),在小程序領(lǐng)域耳熟能詳?shù)摹懊榔?,美篇從微信朋友圈只能發(fā)布9張圖片的痛點(diǎn)出發(fā),以圖文創(chuàng)作工具切入,成為了當(dāng)時(shí)首屈一指的小而美的工具類(lèi)產(chǎn)品。但隨著流量逐步增大,美篇開(kāi)始尋求商業(yè)化變現(xiàn)的道路,從工具類(lèi)產(chǎn)品向社交類(lèi)產(chǎn)品轉(zhuǎn)型,最后形成了集合編輯、分享、閱讀、社交、四大功能的復(fù)合型小程序。

而基于圖文內(nèi)容,以興趣聚合的交流社區(qū),圍繞老師的家長(zhǎng)社群,圍繞公務(wù)員的同事社群,圍繞攝影旅行的興趣社群,這些都是普通工具類(lèi)小程序不具備的,但是卻是小程序發(fā)展的一個(gè)必經(jīng)之路,同時(shí)也是轉(zhuǎn)型的一個(gè)典范。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

所以,同樣的道理,這就是為什么我不推薦大家在學(xué)習(xí)如何制作小程序時(shí),去參考頭部的那些復(fù)合型小程序。體量大不意味著正規(guī),不意味著遵守規(guī)范。

很多復(fù)合型小程序的設(shè)計(jì)其實(shí)是和小程序的初衷以及適用場(chǎng)景背道而馳的。這對(duì)產(chǎn)品本身并不會(huì)有什么過(guò)大的影響,因?yàn)樵谒麄兊目剂糠懂犂?,有比遵守?guī)范優(yōu)先級(jí)更高的事情。但是我們?nèi)绻つ拷梃b,以為這就是小程序的規(guī)范,那么最終得不償失。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

所以同類(lèi)型的小而美的小程序,往往更應(yīng)該成為我們的借鑒對(duì)象。

2. 友商的步步緊逼

從數(shù)據(jù)上看,微信首發(fā)優(yōu)勢(shì)明顯,但是其他平臺(tái)也不容小覷。

從2019年上半年開(kāi)始,各大應(yīng)用廠商開(kāi)始逐步布局小程序。小程序平臺(tái)從一開(kāi)始的2家到現(xiàn)在已經(jīng)覆蓋了8個(gè)平臺(tái)。這些平臺(tái)也都在積極擴(kuò)張小程序:阿里將支付寶小程序擴(kuò)展到整個(gè)阿里系;百度創(chuàng)立了開(kāi)源聯(lián)盟;騰訊旗下的第二大App-QQ也正式上線(xiàn)了小程序。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

在數(shù)據(jù)上雖然有很大的差距,但是還沒(méi)有到達(dá)不可逾越的地步且除了微信外,幾乎所有的小程序走的都是中心化流量分發(fā)的模式。這時(shí)由于微信的克制與去中心化,反而讓其他的廠商逐步縮短了差距。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

所以,隨著其他平臺(tái)的小程序步步緊逼,微信小程序急需一條出路打破目前的困局。某種程度上說(shuō),小程序?qū)ξ⑿艁?lái)說(shuō),是一場(chǎng)只能進(jìn)不能退的戰(zhàn)爭(zhēng),最終也會(huì)迫使微信妥協(xié)很多本來(lái)視為底線(xiàn)的規(guī)則。

張小龍?jiān)诠_(kāi)場(chǎng)合多次提到,他希望小程序廠商能夠?qū)W⒂趦?nèi)容本身,而不要去思考流量紅利和不符合規(guī)定的裂變玩法。但是如果說(shuō)市面上只有一款“微信小程序”,那么廠商可能還會(huì)更愿意去沉淀自己的內(nèi)容。但是現(xiàn)實(shí)是面對(duì)這么多家平臺(tái)都開(kāi)放小程序,那么熟悉平臺(tái)規(guī)則與政策,研究對(duì)應(yīng)的策略與玩法,幾乎是必然會(huì)發(fā)生的事情。

這基本就意味著,隨著各大平臺(tái)紛紛入駐小程序生態(tài),微信對(duì)于小程序的底線(xiàn)遵守恐怕是越來(lái)越難。

3. 小程序已經(jīng)成為一種任何平臺(tái)都可以復(fù)制的商業(yè)模式

小程序已經(jīng)不止代表著“微信小程序”,而是一種任何平臺(tái)都可以復(fù)制的商業(yè)模式,那么去研究小程序的規(guī)則和玩法自然是值得的,因?yàn)樗哂型ㄓ眯?。就像如果我們一般人都?huì)去學(xué)英語(yǔ)而不會(huì)去學(xué)習(xí)法語(yǔ)一樣,因?yàn)橛⒄Z(yǔ)在全世界都可以通用,但是法語(yǔ)基本只能在法國(guó)應(yīng)用。

事實(shí)上,已經(jīng)有小程序廠商開(kāi)始在跨平臺(tái)之間進(jìn)行積極的布局和嘗試了。汽車(chē)之家就是其中典型的例子,通過(guò)多平臺(tái)布局的方式,大大降低了小程序的開(kāi)發(fā)與學(xué)習(xí)成本,實(shí)現(xiàn)一舉多得。這也是我覺(jué)得小程序值得研究和入駐的原因。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

4. 微信仍然是目前的一個(gè)流量巨頭

據(jù)市場(chǎng)研究公司comScore稱(chēng),智能手機(jī)用戶(hù)用在設(shè)備上的所有時(shí)間幾乎都被放在他們使用率最高的5款應(yīng)用上,而且?guī)缀跻话氲臅r(shí)間都被用到了使用率最高的那款應(yīng)用上。

所以在中國(guó),這就意味著大部分用戶(hù)的時(shí)間都被微信占據(jù),而剩下的App則搶占用戶(hù)剩余的時(shí)間。所以入局微信對(duì)中小型企業(yè)來(lái)說(shuō)是一個(gè)巨大的蛋糕,很少有人會(huì)不為此觸動(dòng)。

設(shè)計(jì)師必看的小程序設(shè)計(jì)指南

六、后記

大家可以發(fā)現(xiàn),其實(shí)我所說(shuō)的不看好小程序的未來(lái),只是不看好微信小程序的未來(lái),但是小程序這種生態(tài)模式,絕對(duì)是未來(lái)的一個(gè)趨勢(shì)所在,因?yàn)樗鼡碛刑囟ǖ膽?yīng)用場(chǎng)景,符合人們對(duì)于碎片化,場(chǎng)景化的功能與服務(wù)的期待。

所以我認(rèn)為,小程序的設(shè)計(jì)模式是設(shè)計(jì)師一定要去學(xué)習(xí)的,企業(yè)也一定要研究自己的產(chǎn)品是否在小程序下有應(yīng)用場(chǎng)景。誰(shuí)都不能保證,小程序是否也會(huì)有像App一樣發(fā)生流量井噴的一天,到那時(shí)候再上車(chē),真的就為時(shí)已晚了。

很多朋友問(wèn)我,為什么挑選這個(gè)時(shí)間來(lái)寫(xiě)小程序?為什么不趕小程序大火的時(shí)候?qū)??或者為什么不?xiě)一些別的流行趨勢(shì)上的話(huà)題?

第一,寫(xiě)文章不是為了追趕流行趨勢(shì),而是寫(xiě)我想寫(xiě)的內(nèi)容。

第二,只有市場(chǎng)冷靜下來(lái),我們才能更清晰的分析一件事情,包括我在內(nèi)也是。只引入我思考的過(guò)程,而不帶有主觀的偏見(jiàn),是我寫(xiě)文章的原則。

希望我能一直帶著這樣的態(tài)度給大家?guī)?lái)更多有益的內(nèi)容。

另外,由于文章的篇幅有限,很多的內(nèi)容其實(shí)經(jīng)歷過(guò)了很多次篩選,才最終呈現(xiàn)給大家,希望能幫助到正在研究小程序的你。

 

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

題圖來(lái)自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 很牛,也很用心

    來(lái)自福建 回復(fù)
  2. 插眼

    來(lái)自浙江 回復(fù)
  3. 產(chǎn)品核心能力

    回復(fù)
  4. 一級(jí)標(biāo)題的序號(hào)重了,1四、小程序設(shè)計(jì)的實(shí)戰(zhàn)經(jīng)驗(yàn)、2四、為什么我不看好小程序?

    來(lái)自湖北 回復(fù)
  5. 低頻工具類(lèi)的產(chǎn)品,如果不在小程序上,可能連生存都機(jī)會(huì)都沒(méi)有。

    回復(fù)
  6. 厲害了

    來(lái)自北京 回復(fù)
    1. 厲害

      回復(fù)
  7. 小程序其實(shí)是低頻剛需類(lèi)的工具型產(chǎn)品投入產(chǎn)出比最高的存在形式。

    來(lái)自安徽 回復(fù)
  8. 系統(tǒng)全面 讀完收獲不少

    來(lái)自北京 回復(fù)
  9. 分析很全面 適合新人看

    回復(fù)
  10. 作為一名操盤(pán)過(guò)多款小程序產(chǎn)品的PM,我感覺(jué)這篇文章寫(xiě)的很全面,涉及小程序的多處設(shè)計(jì)細(xì)節(jié),小程序如何在微信體系內(nèi)發(fā)揮社交屬性的優(yōu)勢(shì),從而提升轉(zhuǎn)化率,文章寫(xiě)的很有意思

    回復(fù)
  11. 一頭霧水

    回復(fù)
  12. 第一 這個(gè)文章過(guò)長(zhǎng);第二內(nèi)容過(guò)于空洞,實(shí)質(zhì)性深入de東西不多;第三避開(kāi)專(zhuān)業(yè)不談,是一篇不錯(cuò)的普及性文章。

    回復(fù)
  13. 回復(fù)
  14. 整體寫(xiě)的很詳細(xì),很有見(jiàn)解!收獲很多

    來(lái)自浙江 回復(fù)
  15. 我覺(jué)得整體是不錯(cuò)的~學(xué)習(xí)了,謝謝作者

    來(lái)自廣東 回復(fù)
    1. 感謝支持~

      來(lái)自北京 回復(fù)
  16. 不適合作為小程序的產(chǎn)品 —— 工具類(lèi)產(chǎn)品,這點(diǎn)理解真窄,舉例“圣誕頭像”我都看笑了, 怎么不舉舉其它例子,抽獎(jiǎng)助手?小打卡?問(wèn)卷星?

    來(lái)自廣東 回復(fù)
    1. 那大神您說(shuō)該怎么說(shuō),我筆記本準(zhǔn)備好了

      來(lái)自北京 回復(fù)
    2. 不能把工具類(lèi)小程序 = 圣誕頭像, 然后從圣誕頭像去歸因,這種思維是欠妥的

      來(lái)自廣東 回復(fù)
    3. 是的,我覺(jué)得工具類(lèi)更適合做小程序呢,我反正不會(huì)為了一個(gè)圣誕頭像去下載app的

      來(lái)自浙江 回復(fù)
    4. 您兩位恐怕都只是看了目錄就來(lái)評(píng)論找存在感了

      回復(fù)
    5. 個(gè)人理解,作者說(shuō)明工具類(lèi)產(chǎn)品不適合作為小程序背后的論點(diǎn)是僅僅依靠工具類(lèi)小程序無(wú)法實(shí)現(xiàn)完整的商業(yè)閉環(huán),在小程序上布局核心功能,依托小程序的社交屬性將流量引流到工具類(lèi)APP上,在APP上拓展附屬功能并實(shí)現(xiàn)商業(yè)閉環(huán)

      來(lái)自北京 回復(fù)
    6. 這里有個(gè)不解的地方,核心功能已經(jīng)在小程序上了,用戶(hù)為何會(huì)因附屬功能而下載App呢?

      來(lái)自廣東 回復(fù)
    7. 我也有這疑問(wèn)

      來(lái)自上海 回復(fù)