Axure原型設計之小程序設計指南經(jīng)驗分享
現在不少公司、產(chǎn)品創(chuàng )業(yè)都是先做個(gè)小程序試試水，可以了再上APP。那小程序的原型是不是和APP有所不同呢？這篇文章，我們來(lái)看看作者的分享。
近兩年利用業(yè)余時(shí)間，幫朋友設計了一款小程序，大大小小的迭代也有10多個(gè)了，今天就聊聊關(guān)于小程序的設計思考。（僅僅是個(gè)人看法）
引用*之父張小龍的觀(guān)點(diǎn)：
“小程序是一種不需要下載安裝即可使用的應用，它實(shí)現了應用“觸手可及”的夢(mèng)想，用戶(hù)掃一掃或者搜一下即可打開(kāi)應用。也體現了“服務(wù)用戶(hù)、不打擾用戶(hù)、用完即走”的產(chǎn)品理念，用戶(hù)不用關(guān)心是否安裝太多應用的問(wèn)題。應用將無(wú)處不在，隨時(shí)可用，但又無(wú)需安裝卸載。”
一、小程序和APP在設計上的本質(zhì)區別是什么？
大家在使用小程序和APP的時(shí)候，可能覺(jué)得并沒(méi)有什么不一樣，反正都是手機端，實(shí)際上有很多本質(zhì)上的區別，主要有以下方面：
1、獲取渠道
APP：必須通過(guò)應用商店（APP Store）里下載。
小程序：通過(guò)*（掃描二維碼、搜索）直接獲得。
2、下載安裝
APP：安裝在手機內存中，就像自己買(mǎi)了輛車(chē)放在車(chē)庫里隨時(shí)開(kāi)。
小程序：不需要安裝，就像免費用嘀嘀打車(chē)，朝之即來(lái)，用完拜拜。
3、占用空間
APP：一直存在手機中會(huì )占用空間，太多的APP可能會(huì )導致內存不足，總是清理緩存。
小程序：因為不需要安裝，占用內存空間忽略不計。
4、廣告推送
APP：會(huì )隔三岔五給用戶(hù)推送廣告，太多未讀提示會(huì )逼死強迫癥。
小程序：不允許主動(dòng)給用戶(hù)發(fā)送廣告，僅能回復模板消息。
5、市場(chǎng)機會(huì )
APP：市場(chǎng)已接近飽和，幾乎所有的領(lǐng)域都已經(jīng)被覆蓋。
小程序：是一片藍海，在新的使用場(chǎng)景下有很多瓜分蛋糕的好機會(huì )，尤其是線(xiàn)上+線(xiàn)下的模式。
6、適配
APP：需要適配市場(chǎng)上很多款的主流手機，開(kāi)發(fā)成本大。
小程序：一次開(kāi)發(fā)就可以自動(dòng)適配所有手機。
7、開(kāi)發(fā)周期
APP：一款完善的雙平臺APP平均開(kāi)發(fā)周期約為3個(gè)月。
小程序：平均開(kāi)發(fā)周期約2周，僅為APP的六分之一。
8、發(fā)布
APP：需要向十幾個(gè)應用商店提交審核，且每個(gè)應用商店要求的資料都不一樣，非常繁瑣。
小程序：只需要提交到*公眾平臺審核，審核周期短。
9、用戶(hù)群
APP：面向所有智能手機用戶(hù)，截至2023年約16億人次。
小程序：面向所有*用戶(hù)，截至2023年，月活10.82億。
10、功能
APP：可以實(shí)現完整功能。
小程序：僅限*提供的接口功能。
11、推廣難度
APP：需要用戶(hù)主動(dòng)下載幾十M的程序包，在沒(méi)有Wi-Fi的情況下推廣艱難。
小程序：可以通過(guò)二維碼、*搜索等方式直接獲得，推廣難度大大降低。
二、小程序的價(jià)值體現
輕量
讓用戶(hù)邊界、迅速、簡(jiǎn)單、高效的獲得服務(wù)，無(wú)需下載/安裝/卸載、無(wú)需注冊：一是用戶(hù)的使用沒(méi)有心里負擔，二是省了APP下載的漏斗轉化過(guò)程，要知道一個(gè)產(chǎn)品從廣告展示—到下載安裝—到注冊激活的漏斗路徑，很多時(shí)候是慘不忍睹的。同時(shí)小程序具有出色的用戶(hù)體驗，頁(yè)面加載速度比H5頁(yè)面會(huì )更快，獲得用戶(hù)成本相對較低。
社交
必須和*生態(tài)融入，那就必須考慮到*的生態(tài)基因，這是最核心的價(jià)值，比如：你在小程序里玩游戲，你會(huì )想讓朋友家人知道你有多厲害，所以小程序比APP更容易讓周?chē)娜藚⑴c進(jìn)來(lái)，這個(gè)流程可以觸發(fā)更多的可能。
主動(dòng)
小程序本身不是為了嘩眾取寵，必須對用戶(hù)有切實(shí)的價(jià)值，能夠讓用戶(hù)在有需要時(shí)主動(dòng)進(jìn)入，主動(dòng)喚醒。所以很多小程序在設計的時(shí)候，都通過(guò)一些界面內的引導手段，搶占“我的小程序”的黃金位置，就是為了培養用戶(hù)的主動(dòng)。
引流
對于第三方來(lái)說(shuō)，*必須是重要的流量入口，在*允許的范圍內，用可能的手段獲取用戶(hù)流量，是我們需要著(zhù)重考慮的。
數據
即便沒(méi)有引流成功，至少可以獲取用戶(hù)數據，支持自有產(chǎn)品開(kāi)展業(yè)務(wù)。比如小程序登錄時(shí)需要*授權，有的還需要手機驗證碼等。
生態(tài)
結合*自身的生態(tài)系統，小程序可以和*、訂閱號相互依托，引入種子用戶(hù)，并且在*好友和朋友圈傳播，不會(huì )有割裂感。
三、小程序有哪些玩法
1、小程序+*
隨著(zhù)*體系和小程序體系互通，更多場(chǎng)景可以直接觸達小程序。
2、小程序+小程序
小程序輕量化的產(chǎn)品形態(tài)體現在靈活、快捷的使用中，因此當有功能橋接時(shí)，可選擇關(guān)聯(lián)其他小程序。
*小程序團隊有這樣的設計理念：每個(gè)小程序最好只專(zhuān)注 一個(gè)服務(wù)場(chǎng)景。
因為這樣才能“用完即走”。才能讓用戶(hù)在小程序的體驗過(guò)程中，不會(huì )覺(jué)得層級過(guò)深、流程過(guò)長(cháng)，避免出現小程序和*聊天交替使用，因為小程序的復雜而帶來(lái)糟糕體驗。但是很多公司又有多個(gè)業(yè)務(wù)場(chǎng)景，如果按做APP的思路做小程序，自然會(huì )做出一個(gè)多層級/多功能的小程序。
于是*小程序團隊期望的結果是：多個(gè)業(yè)務(wù)場(chǎng)景多個(gè)小程序來(lái)實(shí)現，允許小程序間跳轉，來(lái)實(shí)現“公司層多業(yè)務(wù)，產(chǎn)品層多小程序”的愿景。
3、小程序+二維碼（線(xiàn)上+線(xiàn)下）
線(xiàn)上線(xiàn)下的結合更常見(jiàn)，比如進(jìn)入餐廳點(diǎn)餐時(shí)，掃描二維碼進(jìn)入小程序，直接點(diǎn)餐，不用排隊，也不用下載APP或關(guān)注*，對用戶(hù)來(lái)說(shuō)極為便利，同時(shí)可以利用登錄授權，獲取用戶(hù)的信息。
021yin.com
四、小程序基礎知識匯總
1、場(chǎng)景入口
*官方為小程序提供了69個(gè)場(chǎng)景 入口，便于小程序在更多的場(chǎng)景下被用戶(hù)觸達，作為產(chǎn)品經(jīng)理也要充分利用這種場(chǎng)景，增加小程序被觸達的機會(huì )，同時(shí)可以結合這些場(chǎng)景，增加小程序運營(yíng)的曝光率。
2、有哪些開(kāi)放接口
除了擴大小程序的線(xiàn)上入口，小程序還提供了很多開(kāi)放接口，幫助開(kāi)發(fā)者更快速的實(shí)現一些功能
3、模板消息
小程序的模板消息相當于A(yíng)PP的消息推送。*公眾平臺為小程序的“消息推送”設了很多規則：
（1）需要用戶(hù)行為來(lái)觸發(fā)，不管用戶(hù)在何種場(chǎng)景下出發(fā) ，單次觸發(fā)最多可帶來(lái)一條消息，且最多可以連續七天發(fā)送。
（2）所有的消息都要在*公眾平臺提供的消息模板中選擇，不能自定義模板。當然這也很符合*一貫的特性，不能“流氓式”的打擾用戶(hù)。
4、小程序數據助手
數據分析對于產(chǎn)品的運營(yíng)至關(guān)重要，小程序不僅可以在*公眾平臺的后臺看到小程序的數據，也可以在*搜索“小程序助手”，在手機端隨時(shí)查看小程序的數據變化。
5、小程序不可隨意跳出
小程序依附于*生態(tài)，不可以像傳統APP一樣實(shí)現隨意跳轉。
如果希望小程序跳轉小程序，那么可以在代碼配置中進(jìn)行聲明，跳轉的小程序數量是有限的，目前是10個(gè)。
還有一種解決小程序外跳和在小程序掃碼的操作是通過(guò)客服消息，小程序可以通過(guò)小程序添加客服消息，讓用戶(hù)回復指定內容，可以給用戶(hù)發(fā)送文章鏈接，實(shí)現跳轉和掃碼。
6、小程序有特定的開(kāi)發(fā)框架
各大平臺都有自己的小程序開(kāi)發(fā)框架，技術(shù)可以學(xué)習這種新的框架，一般上手也較快；當然也有別的解決方案，技術(shù)可以使用一些轉碼框架，列如吉印通的taro和去哪兒的nanachi。
7、適配問(wèn)題
小程序畢竟是一個(gè)新技術(shù)，因此適配也有一定的局限性，官方有提供標準的頂部導航和底部導航方案，使用起來(lái)一般沒(méi)什么問(wèn)題，但如果希望根據自己的產(chǎn)品特性對頂部導航進(jìn)行一些個(gè)性化調整，就要小心配置問(wèn)題
有些產(chǎn)品的做法就比較取巧，這里舉個(gè)“知乎熱榜”的例子：本身小程序頂部欄是不可以做個(gè)性化設計的，但“知乎熱榜”為了給內容區更多曝光的空間，將頂部欄的icon按鈕做成了搜索框的樣式，點(diǎn)擊進(jìn)入到搜索頁(yè)面，這樣既避開(kāi)了小程序的局限性，也不影響正常的搜索流程，同時(shí)也符合用戶(hù)的使用認知。
五、設計規則
*小程序的設計指南提供了很多頁(yè)面的設計規則，可以幫助產(chǎn)品經(jīng)理和交互設計師更好的設計頁(yè)面。在設計小程序時(shí)建議認真看看，文檔中的內容跟不僅僅適用于設計小程序，對于A(yíng)PP頁(yè)面設計也可以復制。
除了對產(chǎn)品的設計要修，為了讓小程序和*的視覺(jué)統一，小程序制定了UI規范，在設計UI時(shí)需要嚴格遵守規則，否則無(wú)法上線(xiàn)。
雖然小程序為了讓服務(wù)完善，正在逐步開(kāi)放更多功能，但是小程序代碼包要限制在2M以?xún)?，所以在設計小程序時(shí)，功能一定要盡量簡(jiǎn)單。
六、小程序如何影響我們的生活
1、對普通用戶(hù)
（1）首先是卸載低頻APP
對于像旅游、租房等低頻使用的APP，普通用戶(hù)可能更傾向于卸掉本地APP而選擇小程序來(lái)使用，這能夠節約一部分手機空間，同時(shí)也不用考慮更新迭代，最重要的是可以獲得更短、平、快的服務(wù)路徑，減少不必要的時(shí)間消耗，擴大自己的有效空間。小程序希望為普通用戶(hù)提供這樣的服務(wù)路徑，用戶(hù)到達服務(wù)目的的環(huán)節越少越好，縮短用戶(hù)使用路徑，通過(guò)這樣的方式讓越來(lái)越多的用戶(hù)更好的留在小程序或*構造的生態(tài)鏈里。
（2）*變成巨無(wú)霸應用，用戶(hù)停留時(shí)間更長(cháng)。
用戶(hù)把省下來(lái)的一部分空間，留給*使用，原本已經(jīng)很長(cháng)的使用時(shí)間因為所提供的工具和服務(wù)的多元化而變的更長(cháng)。小程序涵蓋的服務(wù)類(lèi)別非常多，可見(jiàn)*在起初設計的時(shí)候就像建立更大的生態(tài)圈。
2、對行業(yè)應用和服務(wù)提供者
（1）體驗不佳的服務(wù)號會(huì )快速轉移陣地。
（2）給本地生活和電商的應用帶來(lái)便利。
先是給本地生活和電商的應用帶來(lái)很大的便利，尤其是有戰略合作關(guān)系的應用服務(wù)商，這些APP的核心功能會(huì )得到進(jìn)一步的強化，對用戶(hù)的觸及面會(huì )很廣，使用頻率會(huì )提高，他們肯定會(huì )成為享有小程序的第一批紅利者。
（3）商家入駐
隨著(zhù)商家開(kāi)發(fā)小程序，*會(huì )逐步變成商家入駐平臺，這回給本地生活/電商等應用帶來(lái)巨大的沖擊，到那個(gè)時(shí)候我們更習慣于在*里完成閉環(huán)的任務(wù)，基本上不會(huì )再想起來(lái)用別的APP，不過(guò)這點(diǎn)還是需要時(shí)間來(lái)驗證的，畢竟APP是互聯(lián)網(wǎng)生態(tài)圈最重要的一環(huán)。
其次，小程序的重點(diǎn)是提供更便捷和更優(yōu)質(zhì)的服務(wù)，而不是內容，小程序應該不會(huì )像*那樣引爆一波自媒體，應該是引爆一波優(yōu)秀的服務(wù)提供商。
本文由 @PM_墨兮 原創(chuàng )發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉載
題圖來(lái)自Unsplash，基于CC0協(xié)議
