Axure原型設(shè)計(jì)之小程序設(shè)計(jì)指南經(jīng)驗(yàn)分享

0 評(píng)論 2716 瀏覽 8 收藏 16 分鐘

現(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)用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應(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ū)別,主要有以下方面:

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ī)用戶,截至2023年約16億人次。

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

10、功能

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

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

11、推廣難度

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

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

二、小程序的價(jià)值體現(xià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)體系和小程序體系互通,更多場景可以直接觸達(dá)小程序。

2、小程序+小程序

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

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

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

于是微信小程序團(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)注公眾號(hào),對(duì)用戶來說極為便利,同時(shí)可以利用登錄授權(quán),獲取用戶的信息。

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

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

1、場景入口

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

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ù)分析對(duì)于產(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)品特性對(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í),功能一定要盡量簡單。

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

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í)間更長。

用戶把省下來的一部分空間,留給微信使用,原本已經(jīng)很長的使用時(shí)間因?yàn)樗峁┑墓ぞ吆头?wù)的多元化而變的更長。小程序涵蓋的服務(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ù)提供商。

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

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

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!