騰訊成長(zhǎng)守護(hù)平臺(tái)小程序案例展示

未成年缺乏自制力，容易沉迷于游戲。針對(duì)這一點(diǎn)，騰訊推出了成長(zhǎng)者守護(hù)平臺(tái)，本文是作者對(duì)該平臺(tái)的體驗(yàn)報(bào)告。

一、項(xiàng)目背景

最近在許多媒體上看到有關(guān)未成年沉迷游戲的相關(guān)內(nèi)容，“教育部：全年排查中小學(xué)生沉迷游戲等問(wèn)題”。作為一個(gè)90后回想起兒時(shí)和游戲的那些事兒，可以深刻體會(huì)到沉迷游戲的危害以及家長(zhǎng)的擔(dān)憂。

為此體驗(yàn)了騰訊成長(zhǎng)守護(hù)者平臺(tái)（目前只支持Web端），根據(jù)小程序“即用即走”的特點(diǎn)，除去下載的成本，結(jié)合對(duì)成長(zhǎng)守護(hù)平臺(tái)的場(chǎng)景分析，因此將終端向手機(jī)端遷移小程序再適合不過(guò)了。

二、產(chǎn)品價(jià)值分析

對(duì)于游戲防沉迷管控，在QQ賬號(hào)身份認(rèn)證與微信綁定手機(jī)號(hào)都是有所關(guān)聯(lián)的，但是隨著時(shí)間的推移，“人類都會(huì)找到最好的解決方式”。孩子也是一樣，為了防止防沉迷QQ賬號(hào)尋找使用其他成年人的身份證認(rèn)證等。

那么你可能會(huì)問(wèn)，成長(zhǎng)守護(hù)平臺(tái)就可以完全解決這個(gè)問(wèn)題嗎？但是我覺(jué)得可以避免率高達(dá)95%以上，畢竟現(xiàn)在QQ和微信的注冊(cè)都必須需要手機(jī)號(hào)進(jìn)行注冊(cè)，而且還有最后一道防線騰訊王卡。

那騰訊網(wǎng)卡和游戲防沉迷有什么關(guān)系呢？如果家長(zhǎng)為孩子辦理的騰訊王卡并綁定王卡號(hào)碼，孩子使用騰訊網(wǎng)卡進(jìn)行游戲，這個(gè)時(shí)候孩子使用非家長(zhǎng)綁定的微信/QQ玩游戲，家長(zhǎng)會(huì)立刻收到提醒，然后家長(zhǎng)做出相應(yīng)的對(duì)策。

我覺(jué)得家長(zhǎng)為了孩子健康成長(zhǎng)別說(shuō)辦理一張王卡，就是買(mǎi)個(gè)“騰訊手機(jī)”都是非常有可能的。

三、產(chǎn)品簡(jiǎn)介

目標(biāo)：實(shí)時(shí)關(guān)注孩子游戲情況，幫助孩子合理安排時(shí)間，避免孩子沉迷于游戲中，保證孩子健康成長(zhǎng)！

用戶：28-40歲的家長(zhǎng)

場(chǎng)景：家長(zhǎng)與孩子通過(guò)合理恰當(dāng)?shù)臏贤?，家長(zhǎng)使用小程序關(guān)聯(lián)認(rèn)證孩子使用的QQ/微信賬號(hào)，為孩子設(shè)置合理的游戲時(shí)間

四、功能范圍

首先針對(duì)成長(zhǎng)守護(hù)平臺(tái)官方網(wǎng)站以及公眾號(hào)進(jìn)行功能體驗(yàn)。

條件限制：

• 微信登錄或者QQ登錄（必須綁定手機(jī)號(hào)）
• 孩子的微信登錄認(rèn)證（微信非常用設(shè)備登錄限制問(wèn)題）
• 了解小程序開(kāi)發(fā)時(shí)的一些技術(shù)限制問(wèn)題

五、信息架構(gòu)

根據(jù)對(duì)“成長(zhǎng)守護(hù)平臺(tái)”網(wǎng)頁(yè)端的體驗(yàn)，進(jìn)行梳理產(chǎn)品的信息架構(gòu)，將信息內(nèi)容進(jìn)行歸類整理。

歸類的過(guò)程中首先要為整個(gè)產(chǎn)品的功能及內(nèi)容重要程度劃分等級(jí)，在大腦和手稿中構(gòu)建起在小程序所展示的內(nèi)容結(jié)構(gòu)。

我在構(gòu)建信息架構(gòu)的時(shí)候，將信息分為兩大部分：

• 第一塊為關(guān)聯(lián)孩子賬號(hào)管理及顯示內(nèi)容
• 第二塊為家長(zhǎng)提供成長(zhǎng)類相關(guān)資訊的內(nèi)容

六、功能流程

整理好信息結(jié)構(gòu)后，將針對(duì)“成長(zhǎng)守護(hù)平臺(tái)”由PC端轉(zhuǎn)向微信小程序。那么除了終端的變化以外，對(duì)于小程序的特點(diǎn)以及微信小程序所提供的一些基礎(chǔ)技術(shù)功能進(jìn)行流程上設(shè)計(jì)，這里以登錄和關(guān)聯(lián)賬號(hào)兩個(gè)流程進(jìn)行舉例。

重點(diǎn)分析了基于小程序關(guān)聯(lián)孩子賬號(hào)時(shí)，QQ和微信的相關(guān)流程是與網(wǎng)頁(yè)端綁定是有很多差異的。由于終端設(shè)備由電腦變?yōu)榱耸謾C(jī)，產(chǎn)品在微信小程序中運(yùn)行，尤其在綁定孩子微信賬號(hào)的流程中會(huì)有更多可以簡(jiǎn)化的操作流程，盡可能的減少掃描、輸入等交互形式，使用鏈接確定等方式進(jìn)行使綁定流程更加簡(jiǎn)單、流暢。

七、思考&設(shè)計(jì)

交互原型

1.登錄

在PC端進(jìn)行掃碼登錄這個(gè)流程上是很好的一個(gè)設(shè)計(jì)方式，并且可以支持QQ賬號(hào)的登錄。而在微信小程序中，可能用微信直接登錄的最佳的選擇，其原因是產(chǎn)品最終的受眾群體是“家長(zhǎng)”，而在現(xiàn)如今生活中已經(jīng)離不開(kāi)微信，從而保證信息的及時(shí)關(guān)注度（QQ面向用戶群體為青少年）。

而且微信小程序也提供了快捷的登錄功能，選用微信登錄是最佳的選擇。

2.缺省頁(yè)

當(dāng)用戶首次登陸時(shí)，也許對(duì)于產(chǎn)品（成長(zhǎng)守護(hù)平臺(tái)）能帶給用戶什么？有什么價(jià)值？需要渲染產(chǎn)品價(jià)值，讓用戶了解我們。而首次登陸的用戶未關(guān)聯(lián)孩子賬號(hào)，我們將利用這個(gè)頁(yè)面進(jìn)行價(jià)值的渲染，幫助用戶快速了解產(chǎn)品。

3.綁定孩子賬號(hào)

綁定孩子賬號(hào)的流程中思考的點(diǎn)，現(xiàn)在大多數(shù)孩子也都有自己的手機(jī)，當(dāng)家長(zhǎng)需要綁定孩子的微信賬號(hào)時(shí)，掃碼在交互形勢(shì)上來(lái)并不是最優(yōu)的方案，小程序是可以通過(guò)好友轉(zhuǎn)發(fā)，孩子只需要點(diǎn)開(kāi)鏈接進(jìn)行確認(rèn)即可，減少掃碼綁定的成本。

對(duì)于QQ賬號(hào)來(lái)講，手機(jī)上不支持“快捷登錄”所以增加了掃碼和賬號(hào)登錄的方式。

4.首頁(yè)（已關(guān)聯(lián)賬號(hào)）

1. 當(dāng)用戶關(guān)聯(lián)孩子賬號(hào)以后，首頁(yè)將竭力展示孩子的個(gè)人游戲情況。這也是產(chǎn)品的核心，“實(shí)時(shí)關(guān)注孩子游戲情況，幫助孩子合理安排時(shí)間”，重要的信息放在最容易獲取的地方。在信息呈現(xiàn)上，選擇了下拉滾動(dòng)查看不同孩子的賬號(hào)游戲情況，首先下拉查看信息已經(jīng)成為手機(jī)端一個(gè)最常用的交互方式；其二，在當(dāng)前社會(huì)，家中有兩個(gè)孩子的家庭占大半以上，平臺(tái)只允許綁定一個(gè)QQ和微信賬號(hào)也就是家長(zhǎng)大多綁定4個(gè)孩子賬號(hào)，那么選擇下拉的方式展示信息我個(gè)人認(rèn)為是最好的選擇。
2. 在列表信息排序上，有最新記錄的孩子將展示在頁(yè)面的最上方（按時(shí)間最近到歷史的順序排序），并增加了紅點(diǎn)機(jī)制。當(dāng)用戶開(kāi)啟的消息提醒，從消息提醒進(jìn)入的用戶，將直接定位到該信息關(guān)聯(lián)的孩子的位置，讓信息更具有針對(duì)性。
3. 默認(rèn)展示孩子最近的三條游戲記錄，減少家長(zhǎng)的點(diǎn)擊查看。（家長(zhǎng)最關(guān)注的內(nèi)容）
4. 關(guān)聯(lián)賬號(hào)作為后續(xù)的低頻操作，將他展示在頁(yè)面信息的最下方。
5. 展示提醒開(kāi)關(guān)的狀態(tài)。

5.組件選擇

1. 消費(fèi)限制情況上，遵守交互設(shè)計(jì)原則：不要讓用戶輸入，要提供選擇，因此選擇滑動(dòng)控件進(jìn)行設(shè)置。 游戲時(shí)段上，在分析的過(guò)程中，以一周為周期，設(shè)置可以讓用戶自由添加限制數(shù)量?jī)?nèi)容，取得設(shè)置的條件并集，更方便靈活，減少無(wú)用的信息展示（類似PC端的），此功能還存在優(yōu)化空間，后續(xù)具體使用數(shù)據(jù)進(jìn)行分析后進(jìn)行優(yōu)化。
2. 在交互上更多使用彈窗選項(xiàng)，而非減少頁(yè)面的跳轉(zhuǎn)。 因?yàn)閺棿斑x擇更簡(jiǎn)單且具有針對(duì)性，還可以減少頁(yè)面跳轉(zhuǎn)流程，讓用戶不會(huì)感覺(jué)操作流程過(guò)于漫長(zhǎng)，營(yíng)造良好的體驗(yàn)感受。 
   

    

八、思考&建議

最后有一些思考建議，站在孩子的角度做一些考慮。其中這產(chǎn)品的特點(diǎn)與B端產(chǎn)品有些類似，B端產(chǎn)品除了要在設(shè)計(jì)中考慮老板，還需要關(guān)愛(ài)員工。而“成長(zhǎng)守護(hù)平臺(tái)”除了“幫助孩子合理安排時(shí)間，避免孩子沉迷于游戲中，保證孩子健康成長(zhǎng)”的同時(shí)，還是需要防止家長(zhǎng)與孩子出現(xiàn)矛盾、幫助解決溝通問(wèn)題、增加激勵(lì)渠道等等，這些都是在設(shè)計(jì)中要思考的。

這里從“激勵(lì)孩子”方向來(lái)看，為了保持孩子的滿意，更好的幫助家長(zhǎng)與孩子建立更好的關(guān)系，是否可以增加游戲相關(guān)的激勵(lì)機(jī)制。例如：徽章體系，可以通過(guò)孩子表現(xiàn)獲得徽章，然后在游戲中換取道具（這當(dāng)然需要游戲方的支持）；或者孩子可以設(shè)置喜歡的游戲道具等，達(dá)到家長(zhǎng)的要求后，家長(zhǎng)可以直接花錢(qián)購(gòu)買(mǎi)贈(zèng)送到孩子的游戲賬號(hào)等。

從多方面激勵(lì)孩子樹(shù)立良好的習(xí)慣，也促進(jìn)家長(zhǎng)與孩子的感情，讓孩子更健康快樂(lè)的成長(zhǎng)！