產品案例:小程序的登錄註冊體系設計

2020-12-14 人人都是產品經理

本文主要從電商小程序產品切入,從產品設計層面更細粒度解構登錄註冊模塊的產品設計思路。

小程序給世人的第一印象——高流量、易獲客,衝擊了一大波企業的腎上腺素,於是風風火火投入小程序生態的建設中,近乎無法自拔。騰訊微信坐擁10億左右用戶,不管小程序最終能不能成,單論這一點,擼點羊毛肯定是不成問題的。

如何將海量微信公域流量轉化成自家產品的私域流量?

這是每一個決心跟進小程序的公司的產品戰略核心,而即將接手小程序的產品經理(PM):接受不完全清晰的產品定位,實現產品與用戶之間更好的連接。

登錄註冊模塊是產品帳戶體系的核心模塊,是用戶接觸產品的關鍵性第一步,是產品與用戶建立真正意義連接的紐帶。這麼講,其實就是想強調登錄註冊的重要性,因為觸達用戶的功能路徑不簡潔、複雜冗餘將直接影響產品的用戶轉化,甚至降低盈利業務的成功率。

2016年10月份寫過一篇關於帳戶的文章《帳戶體系設計:帳戶體系的核心要素及商業模式》,詳細闡述了帳戶價值層面的意義。

此次想藉助此前負責的電商小程序產品,從產品設計層面更細粒度解構登錄註冊模塊的產品設計思路。嚴格意義上,我是第三次接觸帳戶方面的產品架構設計,第一次在剛畢業實習那會,而前後兩次的對同一件事情的思考角度、心態可謂大相逕庭。下面一起來看我是如何搭建小程序的登錄註冊產品機制:

01-產品設計的背景

相比APP、WAP產品形態而言,小程序是一個比較新的物種(老酒換新瓶)。那麼,之於現有產品線而言,是一個補充,(未來)可能會演變成一種衝擊。換句話說,除了誘人的流量紅利,部分公司跟進小程序完全是出於對微信生態的敬畏,甚至有有些直接是奉命行事——老闆一句話,總之都是是源於內心的產品認知焦慮。以下從兩個維度拆解:

維度一:產品層面(Product)

  • 小程序作為新的產品線,產品特性需要重新規劃迭代
  • 小程序作為老產品線的延伸,需要兼容已有用戶體系
  • 小程序基於微信開發建模,需要兼顧三方平臺的特性

維度二:運營層面(Operation)

  • 小程序基於微信,產品特性上要融合社交傳播
  • 小程序生於微信,大量微信流量紅利需要惠澤
  • 小程序依賴微信,觸達用戶需要更加精準、有效

一方面是新鮮產品特性的引入,另一方面是運營策略層面的試錯,因而很有必要平衡兩者之間的價值成本,且保持產品的持續有效迭代。當然,要求我們保持產品的靈活性,也因為小程序平臺本身也處於持續開放的狀態,兩者處於一個共同成長的循環狀態。

除了上述兩個維度的顧及,針對目標用戶和使用場景需要予以不一樣的適用範疇的考慮。以下從這兩個維度思考:

維度三:用戶畫像

  • 新用戶,泛指純新用戶(剔除偽新用戶),這類用戶是產品運營推廣最需要獲取的,也是花錢營銷推廣的目的所在;
  • 老用戶,特指老用戶,這類用戶是已有產品形態多終端的存量用戶,是產品得以生存的基礎血液,直接體現了產品的粘性;
  • 訪問者,專指未註冊用戶,前兩類用戶基本都是從這類用戶轉化而來,是用戶相對一款產品的第一重身份,吸引轉化很關鍵;

維度四:使用場景

  • 輔助補充,拓寬用戶使用場景,健全既有產品線,跟得上產品流行趨勢;
  • 社交分享,小程序天然具備微信賦予的社交屬性,有趣的玩法很多;
  • 第三方營銷平臺的付費推廣,算是強推,花錢買用戶,灌溉式獲客;

其實,用戶畫像和使用場景決定了後續產品迭代過程中,功能的取捨、優先級,或者說迭代的進度次序。一個理想的做法是小步快跑、增量迭代,既經濟又現實,符合產品的迭代演進路徑。最關鍵的是,給產品經理預留了充足時間,給產品提供了足夠的選擇。可問題是:既沒給產品(Product)留時間,又沒給產品經理(PM)留時間!

02-產品設計過程

基於以上的幾點分析及公司的產品定位,最終得出兩個觀點,作為早期小程序產品線的產品原則:

  • 快速獲客,縮短產品與用戶的路徑
  • 帳戶唯一,兼容新老用戶帳戶信息

秉承這兩點基本原則,為了達到產品初期運營目標,最大化發揮小程序開放的產品能力,對小程序的帳戶體系進行了<三段式設計>,以匹配不同階段、不同產品目標。以登錄註冊模塊為例:

階段一:手動手機號

藉助用戶手機號快速驗證註冊,為用戶生成唯一UID,一個手機號被認為是一個獨立用戶。通過手機號註冊是目前產品最主流的手段,得益於手機的唯一性、真實性,一舉解決了應用用戶實名認證的難題。同時,減輕了用戶記憶的負擔,畢竟APP太多,記住一個號碼遠勝於多個帳號密碼。

市面上不少小程序直接手動輸入手機驗證碼動態登錄,完全避開第三方開放帳戶的關聯,試圖降低不同體系產品之間的耦合程度,尤其是小程序外包系。某種程度而言,是值得讚賞的,單一產品線(僅有小程序)採用這種方式是值得可取的,畢竟用戶獲取成本並不大且比較簡潔、方便。

產品一期MVP版本,這便是我採用的方案,因為推廣較弱、用戶較少的情況下,這一產品設計方案可以支撐,能達到快速上線的要求,易於後期的增量迭代。

手動手機號-原型設計稿

階段二:自動手機號

除了產品經理自定義的小程序產品特性,小程序開放平臺本身提供了豐富的集成能力,包括登錄/註冊的組件。平臺自行開放的產品能力是為了開發更高效,產品更方便觸達用戶。小程序開放了幾組登錄、授權、用戶信息方面的接口:

小程序開發能力

  • 靜默登錄(wx.login):啟動微信時,直接後臺自動靜默登錄,用戶毫無察覺,體驗很好。前提是能通過某種渠道,定位到該用戶的帳戶身份。
  • 基礎授權(wx.getUserInfo):獲取用戶微信基礎信息,完善用戶信息庫,健全基礎畫像。
  • 微信手機號授權(getPhoneNumber):獲取微信用戶綁定的手機號,無須手機驗證碼動態驗證。(簡訊費用都省了…)
  • UnionID機制說明:同一個微信開放平臺下的相同主體的App、公眾號、小程序,如果用戶已經關注公眾號,或者曾經登錄過App或公眾號,則用戶打開小程序時,開發者可以直接通過wx.login獲取到該用戶UnionID,無須用戶再次授權。

使用【微信手機號授權】的開放產品能力,可以有效縮短用戶註冊路徑,提高獲客效率。因而優先給用戶登錄/註冊提供<微信手機號授權>的選擇,其次為用戶提供手動輸入手機號入口,極大改善了用戶體驗,最大程度留住用戶,哪怕有一點惡意的感覺。

產品設計階段二,便升級了一期的設計方案,市面上有不少小程序採用了這種登錄註冊機制,而我們僅將其作為過渡方案實現,並沒有直接實現落地,再度升級了二代設計方案,嘗試一勞永逸解決系統性的問題。於是,便有了第三階段的思考——Passport融合。

微信手機號授權-原型設計稿

階段三:Passport融合

階段二隻簡單使用了微信小程序的產品開放能力的一個點,而小程序平臺共提供了四個方面的產品能力。經過兩次的迭代,我將負責的小程序的帳戶體系日益完善,形成最符合產品線要求、滿足商業需求、滿足用戶訴求的廣場景流程。

  • 一組矛盾:微信開放帳戶(OpenID&UnionID&微信手機號)、自由帳戶體系(自有帳戶)
  • 目標用戶:新用戶(偽新用戶)、老用戶
  • 使用場景:快捷登錄、靜默登錄、常規登錄、活動推廣(助力、拼團等)

將用戶類型與使用場景交叉分析得到如下的典型故事(User story):複合的場景均以圖文的形式呈現,如果圖中有錯誤,歡迎指正。

圖文解字01-小程序登錄註冊全場景

圖文解字02-小程序登錄註冊全流程[更新於20180703]

(上圖已去掉了我司的任何圖標名稱,以免有軟文嫌疑。圖文僅供參考,且未全覆蓋小程序登錄註冊完整生命周期,是一個動態變化的流程,盡請甑別區分理解。)

最終的登錄註冊產品設計方案,全面引入微信小程序開放的接口(API),極大提升產品的多場景處理能力,同時兼顧了新老用戶的使用感受。這裡不得不說一句:微信太強大!第三段設計核心升級了以下兩個要點:

  • 靜默登錄(wx.login)、UnionID:用戶無須反覆手動登錄,微信帳戶體系與自持帳戶打通,對減少一人多帳戶冗餘的情況功不可沒,而用戶體驗均屬於上層之作。
  • 基礎授權(wx.getUserInfo):用戶微信暱稱、頭像等基礎信息,是營銷推廣活動參與角色信息的重要應用場景,為活動提供了可信的身份信息的支撐。

涉及帳戶登錄註冊模塊的幾個微信開放能力共同解決了一個問題——用戶身份的定位,對帳戶體系的設計帳號(Account)的唯一性被認為是根本。從一開始,我就給自己負責的小程序的【登錄】一個定義——必須擁有自持帳戶才認為是登錄狀態。各種帳號(Username)對應到一個帳戶(Account)!最大程度減少一個用戶多個帳戶的情況,第一時間做帳戶合併,多帳戶之間的多級映射。我深知:一人對應多帳戶是一件痛苦的事,因為我曾經歷過。

記得之前好幾篇文章提到了帳戶體系的產品設計,都只限於意識層面的輸出,這一次應產品經理朋友之邀,也算是對自己的交代,因為此前很早就想復盤一遍小程序的帳戶-登錄註冊模塊的產品過程。當然,有不少朋友留言說,見你寫的文章大多都是偏理論的,能不能輸出一些偏實戰的乾貨。雖然我一直堅信:理論經驗的輸出要比實踐更高級,因為必將投入更多深入的思考的時間,不單是簡單敘事流水帳。

這一次小程序登錄註冊體系的產品設計過程,結合了運營、技術、產品、第三方平臺的多方規則,讓小程序具備了登錄註冊的系統級能力。正是鑑於實踐的需要,讓我更加意識到認知的價值,如果說你都不清楚的知道先決規則,那麼所做之事又該從何下手呢?當然,這一次產品經歷是我個人產品能力的實踐(技術開發被折磨的夠嗆…),場景實在是太多了,著實不容易。

有時候,被產品同行問道:你們公司產品經理都做些什麼工作啊?但凡提到產品設計,便被質疑:設計不是互動設計師做的事情嗎?哪有那麼多互動設計師?產品經理(我)是制定規則的,只是順便畫了個圖(原型圖)。

我認為:產品設計能力是一個系統能力,著眼的是全流程、全生命周期的描繪,而不只是某個單點的錙銖必較。

#專欄作家#

小王,人人都是產品經理專欄作家,微信公眾號:IPMstory。目前從事電商內容產品,關注大數據、人工智慧、商業產品,擅長產品管理、數據分析、商業模式。我是一個會生活的產品經理,喜歡收納整理、廚藝家務。

本文原創發布於人人都是產品經理。本文的最終解釋權歸作者本人所有,未經許可,不得轉載。

題圖來自PEXELS,基於CC0協議

相關焦點

  • 企業註冊小程序流程:快速生成一個電器商城小程序
    先給大家分享下企業註冊小程序流程:進入微信公眾平臺,點擊「立即註冊」,選擇帳號註冊類型:【小程序】。然後設置郵箱、密碼,系統會發送一個郵件,你登錄相應郵箱激活帳號即可。激活小程序後,選擇「主體類型」:企業。再按要求上傳營業執照、填寫管理員信息等。
  • 從產品角度,看小程序的設計
    推廣難度APP:需要用戶主動下載十幾M的程序包,在沒有Wi-Fi的情況下推廣艱難小程序:可以通過二維碼、微信搜索等方式直接獲得,推廣難度大大降低二、小程序有哪些玩法1. 小程序+公眾號隨著公眾號體系和小程序體系互通,更多場景可以直接觸達小程序。如「豆芽作文公眾號」關聯了「豆芽作文小程序」,並在公眾號內部的主入口強推,為其引流。
  • 視覺設計的思考:如何設計APP的登錄頁
    第四種:第三方社交帳號登錄一般會通過微信、微博、豆瓣等第三方常用社交帳號登錄,不僅僅能夠快捷方便的登錄體驗產品,同時方便後續通過社交帳號對APP進行分享宣傳推廣。一般小應用都會選擇這種方式,因為登錄門檻比較低。
  • 產品人必看的小程序設計指南
    然而,小程序只需要設計+開發一次的成本,在理論上就獲得了全部微信用戶接觸到產品的機會。所以,從這個角度考慮,小程序是非常節省成本的一種模式。2. App需要設置大量的數據埋點,而小程序不需要微信第三方後臺已經集合了諸多的數據供小程序方查看,在初級階段,這些數據已經足夠產品作為更迭的基礎了。
  • 從小程序案例來看,小程序生成平臺哪個好
    隨著小程序走紅,各種小程序生成平臺也越來越多了,但是質量卻良莠不齊,如果新手不注意選擇,就很容易踩坑。小程序開發平臺哪個好?考察好壞,關鍵在於它的小程序案例效果怎麼樣,主要是從這幾點來看:(1)案例功能小程序的功能要能夠滿足相應場景需求,比如做一個電商小程序,要能購物、管理訂單;有優惠券、拼團等營銷工具,有分銷、會員系統,滿足商家賣貨和運營需求。
  • 2B(批發)與2C(零售)電商小程序設計的不同之處
    在一個零售企業實際的業務場景中,這裡的B端客戶可能是零散批發客戶;如夫妻老婆店或小飯店,可能是鬆散型加盟門店,也可能是自己的下級代理商;而C端用戶就是廣大有購買力的人民群眾。本文將從登錄設計、首頁展示、商品關鍵信息展示、促銷方式、結算方式、其他等幾個角度描述由於業務訴求的不同導致的用戶端的產品設計的不同。
  • APP UI 結構:註冊&登錄
    幾乎所有的社交應用都是需要註冊登錄的,用戶擁有了個人帳號才能繼續使用產品。當然也有一些系統的應用是不需要註冊登錄就可以使用的,比如:系統自帶的計算器、日曆、天氣等或是一些第三方的輕應用,這裡就不多贅述了,下面主要還是說說需要用到註冊登錄功能的情況。還是先來看一下整體結構:
  • 企業微信小程序製作教程、案例解讀
    當然,小程序製作不能閉門造車,如果想製作得美觀、高質量,你還得多看些經典案例。所以接下來我就用幾個比較成功的企業微信小程序案例來跟大家分析下,教你企業微信小程序製作的幾個要點。2.小程序頭圖banner如何設計小程序主頁呢?一般都是在主頁頂部添加輪播圖或拼接圖,展示自己重要的產品信息、企業品牌信息。頭圖要言簡意賅,簡約美觀,不要放太多繁瑣信息,不然會讓訪客找不著重點。以下面這個農產品銷售小程序案例為例,頭圖就很很簡單、顯眼地展示了品牌主打特色,讓訪客能快速了解自己的產品。
  • 石材小程序案例
    石材小程序案例  第四類,內容類;很多人可能不理解,為什麼內容類會成為車聯網的紅利領域。作為AI積累深厚的技術型網際網路公司,百度智能小程序為開發者提供包括語音、文字、圖像和人臉識別等在內的110+AI能力,文字內容能以語音的形式播報出來,而且經過多代優化,現在語音「讀報」的語調已經非常自然,如今在百度App、百度新聞App上這已經不是新鮮功能。
  • 產品經理項目實錄:怎樣從0到1做一款微信小程序?
    ,才能真正內化到自己的產品思維體系中。在同一款產品中,如果使用不同的功能或者模塊時,發現視覺效果明顯不同,那就很可能是不同產品經理做的,也說明沒有一個產品負責人去整體把控這款產品。關於小程序,微信本身提供了一套標準的小程序設計規範,比如啟動頁加載樣式、頁面下拉刷新樣式等等,不但可以減少很多開發量,也提供了一套通用標準,但是依舊要注意交互的一致性問題。
  • ...小程序怎麼退出微信登錄 青少年普法小程序綜合評價答案2020...
    青少年普法小程序怎麼退出微信登錄 青少年普法小程序綜合評價答案2020免費分享時間:2020-11-26 23:50   來源:今日頭條   責任編輯:毛青青 川北在線核心提示:原標題:青少年普法小程序怎麼退出微信登錄 青少年普法小程序綜合評價答案2020免費分享 平臺提供的答題活動隨時都可以去參與,參與到不同的答題互動
  • 乾貨:電商B2C平臺產品架構體系設計精髓
    今天與大家分享的乾貨是如何建立網際網路B2C電商平臺體系架構,讓大家在心裡形成自己的B2C產品結構,將自己多年零散的電商知識連結起來,形成電商B2C的產品設計知識體系。從目前網際網路上各類電商產品分析,有些電商平臺可能並沒有這十大子系統中的某些功能,相反還會有一些沒有包含的子系統功能,那是因為每個電商B2C產品都是基於各自公司不同的需求及業務情況設計開發,肯定會與這十大子系統劃分有區別,但我們可以從中提煉出一個電商B2C平臺標準的系統功能配置,其他區別的部分都是需要根據不同企業需求及業務特性做針對性的添加和刪除,但內核不變,也是每個電商B2C平臺必須具備的系統
  • DFS集團成為首家被推薦為微信支付小程序「標杆案例」的旅遊零售商
    DFS集團成為首家被推薦為微信支付小程序「標杆案例」的旅遊零售商 2019年08月12日 12:32作者:網絡編輯:宏偉    DFS集團為顧客提供微信支付小程序,成為首家被推薦為「標杆案例」(Best in Class)的旅遊零售商。
  • 怎麼製作微信小程序,微信小程序可以免費製作,微信小程序教程
    全面開放申請後,主體類型為企業、政府、媒體、其他組織或個人的開發者,均可申請註冊小程序。微信小程序、微信訂閱號、微信服務號、微信企業號是並行的體系。微信小程序是一種不用下載就能使用的應用,也是一項創新,經過將近兩年的發展,已經構造了新的微信小程序開發環境和開發者生態。
  • 強連接運營社張強:1800W+小程序用戶,如何將小程序玩出新花樣?
    今天,我們強連接運營社就來談談如何在微信小程序實現拓客與引流,當然也會結合【玩車教授】的實操案例,進行討論企業該怎樣使用微信小程序的各項功能實現拓客引流。商家藉助微信小程序來打造線上與線下會員體系,不管是線上會員或者線下會員,都是通過進入小程序註冊會員方式獲得會員身份。不管是線上購物或者線下購物,也都是基於這個唯一的會員標識去消費。這一整套會員體系是基於小程序系統實現,為流量轉化奠定基礎。
  • 移動App 的產品設計實例:啟動頁面和帳號註冊|GDPR 專欄
    --網際網路行業裡,有些產品依賴於帳號系統,比如郵箱和社交平臺,有些產品不需要註冊、登錄帳號即可使用,比如搜尋引擎、導航軟體和瀏覽器。GDPR 生效後很多網際網路大廠都對產品首次使用時的界面或帳號註冊的流程進行了調整。本期文章中,我們以Google產品為例,為各位讀者解構目前大廠在產品設計上的操作實踐。
  • 簡單教程:公眾號與小程序製作、關聯方法
    公眾號小程序製作步驟可分為3步,具體流程如下:第一步:註冊一個微信公眾號到微信公眾平臺註冊一個企業主體的公眾號,按要求提交填寫相關資料即可。第二步:製作並發布小程序這一步需要你用到小程序製作工具,在「上線了」小程序平臺選擇「創建小程序」,再選一個模板。如果你想做小程序商城,那就選擇電商模板。
  • 一文帶你讀懂帳號體系
    如何設計,取決於平臺的現狀及自身定位,不同產品,不同設計方法,並不能一概而論。針對於安全性來說,綁定的方式越多,越安全;針對於便捷性來說,前期門檻可設置簡單的註冊登錄(例如市面上的「閃驗」登錄),後續再進行資料補充。
  • 校園短視頻小程序產品設計
    本文作者分享了自己關於校園短視頻的小程序產品設計,產品綜合考慮了校園生活中的實際需求,旨在建立在校學生與校園之間橋梁的短視頻社區平臺,作者介紹了自己在設計過程中的一些思考,供大家參考。
  • 銀行類產品,到底適不適合做小程序呢?
    2017年1月9日,微信發布了年度重量級平臺「小程序」。 在推出產品的第一天,很多服務企業快速上線了自己的「微信小程序」來搶佔這一先機,在金融行業的基金,證券紛紛試水,銀行在緊跟其後逐漸推出自己的小程序,四大行以及其他商業銀行分別在資訊,服務,功能性產品等領域,根據自己對小程序的理解,結合自己特性,試水小程序。