小程序頁(yè)面設(shè)計(jì)方式總結(jié)

一、簡(jiǎn)單，簡(jiǎn)單，簡(jiǎn)單

小程序所用的技術(shù)框架是JS，相比原生APP加載的體驗(yàn)不夠友好，類(lèi)比瀏覽器的體驗(yàn)。同時(shí)小程序的入口在微信內(nèi)，（雖說(shuō)可以添加到桌面，但目前用戶(hù)的操作習(xí)慣基本很弱），用戶(hù)的操作路徑是“微信——小程序——微信”，入口深、易被打斷。

所以小程序更多的像微信生態(tài)中的插件，適合碎片化的單一場(chǎng)景，需要定位精準(zhǔn)，大場(chǎng)景切碎，多功能刪除?！逗?jiǎn)約至上》的核心觀點(diǎn)在說(shuō)：產(chǎn)品設(shè)計(jì)的策略要?jiǎng)h除、組織、隱藏、轉(zhuǎn)移。從PC到APP，再到小程序，用戶(hù)場(chǎng)景和時(shí)間在被不斷切碎，產(chǎn)品功能也要不斷簡(jiǎn)化，更專(zhuān)注。

由于小程序的這些性質(zhì)，小程序應(yīng)該追求的是占領(lǐng)用戶(hù)在單一場(chǎng)景下的心智，讓用戶(hù)一有某種需求，就立刻想到你。多場(chǎng)景可以分割成小場(chǎng)景，建立小程序矩陣，小程序之間相互打通，場(chǎng)景之間相互連接成網(wǎng)。

具體分享一些設(shè)計(jì)中實(shí)用的點(diǎn)：

1.1 頁(yè)面設(shè)計(jì)有層次感

小程序所提供的核心價(jià)值，或者能夠吸引用戶(hù)興趣的地方，需要第一眼就讓用戶(hù)看到，刻意重點(diǎn)突出。其他輔助價(jià)值閉環(huán)的功能，以最自然的姿勢(shì)輔助用戶(hù)完成其余的操作。主次分明。

相比其他招聘類(lèi)產(chǎn)品，職人鯊的產(chǎn)品特色在于將有潛力的中小企業(yè)挖掘出來(lái)，同時(shí)基于LBS定位推薦周邊的企業(yè)。在1的設(shè)計(jì)中知名團(tuán)隊(duì)、知名風(fēng)投、近期融資等標(biāo)簽有些隱蔽，用戶(hù)需要摸索才能注意到。所以在改版后的2中，將用戶(hù)感興趣的標(biāo)簽做了一級(jí)入口，重點(diǎn)強(qiáng)調(diào)了。

工具=效率，將已有數(shù)據(jù)更加結(jié)構(gòu)化地處理，提供建議，減少篩選，是職人鯊需要不斷迭代的方向。

1.2 頁(yè)面層級(jí)扁平化

能不跳轉(zhuǎn)就減少跳轉(zhuǎn)，跳轉(zhuǎn)新頁(yè)面會(huì)增加用戶(hù)適應(yīng)新頁(yè)面元素的成本，同時(shí)小程序的頁(yè)面層級(jí)過(guò)多，會(huì)讓用戶(hù)感覺(jué)到繁瑣焦慮。

1.3 減少輸入

能不輸入就減少輸入，以點(diǎn)選、拖動(dòng)等手勢(shì)操作代替文字輸入。將熱門(mén)的、常用的、歷史信息前置，減少用戶(hù)的重復(fù)勞動(dòng)。

1.4 長(zhǎng)表單的處理

表單內(nèi)容過(guò)多過(guò)長(zhǎng)會(huì)讓用戶(hù)心理排斥，增加放棄幾率。所以設(shè)計(jì)長(zhǎng)表單時(shí)，為了減小厭倦，可以變化設(shè)計(jì)樣式（也不可過(guò)多），區(qū)塊分割清晰，減少跳轉(zhuǎn)，以操作替代輸入。

二、連接用戶(hù)

微信小程序是個(gè)封閉生態(tài)下的產(chǎn)品，多體驗(yàn)其它小程序，閱讀小程序開(kāi)發(fā)文檔，會(huì)了解到一些可連接用戶(hù)的點(diǎn)，比較實(shí)用的有三個(gè)：

2.1 小程序的分享

在小程序的設(shè)計(jì)中盡量挖掘需要其他人參與、引發(fā)其他人參與的功能，如發(fā)布投票、參與投票，遞名片、回名片。小程序的最佳推廣方式是利用微信關(guān)系鏈，基于聊天的自傳播，所以去關(guān)注人性，體會(huì)群體效應(yīng)的力量，理解競(jìng)爭(zhēng)、互惠、好奇。

小程序分享有一些需要注意的點(diǎn)：

小程序內(nèi)的分享入口過(guò)深，需要在產(chǎn)品內(nèi)前置分享入口，刻意引導(dǎo)；
分享在聊天窗口內(nèi)的小程序，標(biāo)題名稱(chēng)可以自定義22個(gè)字，起一個(gè)有吸引力的文案可以有效增加新用戶(hù)數(shù)；
打開(kāi)被分享的頁(yè)面，往往只有單個(gè)頁(yè)面可瀏覽（沒(méi)有返回操作）。在產(chǎn)品設(shè)計(jì)中需要引導(dǎo)用戶(hù)回到主頁(yè)面，或者留下更多可操作的入口；
不支持分享至朋友圈，可以生成圖片引導(dǎo)分享。（只是會(huì)增加開(kāi)發(fā)量）
另外，小程序提供了一套很簡(jiǎn)潔高效的登錄注冊(cè)機(jī)制，在獲取用戶(hù)方面有很大的優(yōu)勢(shì)：

微信基礎(chǔ)授權(quán)，獲取用戶(hù)UnionID；

微信手機(jī)號(hào)碼授權(quán)，獲取綁定微信的手機(jī)號(hào)碼，即一個(gè)注冊(cè)用戶(hù)。

實(shí)測(cè)數(shù)據(jù)：用戶(hù)進(jìn)入小程序時(shí)，同意微信手機(jī)號(hào)碼授權(quán)的轉(zhuǎn)化率大致在35%，相對(duì)來(lái)說(shuō)已算不錯(cuò)。

2.2 善用模板消息

小程序后臺(tái)提供了一些標(biāo)準(zhǔn)化模版，在不同場(chǎng)景下設(shè)置相應(yīng)的觸發(fā)事件后，會(huì)在微信上主動(dòng)推送服務(wù)消息給用戶(hù)，從而有效召回。

2.3 客服消息

比較適用的場(chǎng)景在信息糾錯(cuò)、答疑咨詢(xún)，獲取用戶(hù)轉(zhuǎn)化方面效用不大。

三、讓用戶(hù)記住小程序

用文案一句話(huà)說(shuō)出小程序的價(jià)值，用品牌色定制標(biāo)題欄。讓用戶(hù)自己去體會(huì)產(chǎn)品價(jià)值，不如總結(jié)一句話(huà)告訴用戶(hù)產(chǎn)品的價(jià)值，廣告語(yǔ)也是這樣的目的。

圍繞小程序的本身特性做設(shè)計(jì)，產(chǎn)品價(jià)值專(zhuān)一，輕設(shè)計(jì)輕交互，向外連接獲取用戶(hù)，讓用戶(hù)第一時(shí)間想到你。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

文章標(biāo)題：小程序頁(yè)面設(shè)計(jì)方式總結(jié)
文章來(lái)源：http://www.bm7419.com/news16/320216.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、網(wǎng)站內(nèi)鏈、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、定制網(wǎng)站、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)