這是Kevin的第 866
篇原創,
持續日更,做產品經理的創業斜槓青年。
最近我在帶著團隊做app上線前的最佳化工作。在這期間我深刻的意識到了我們經常口號叫著:“一款產品是需要不斷打磨體驗和迭代。“
而在實際過程中,要不斷打磨是非常消耗精力和團隊時間成本的,真正能夠落地的少之又少。
這一次的案例最佳化背景不僅是因為新app的上線需要,還有一個原因是app客戶端的登入註冊不像小程式、網頁那樣的使用場景。
比如 app需要為使用者提供有獨立的登入、註冊入口;小程式因為有微信官方能力,所以沒辦法把前端頁面搬運到app上;而原本網頁的H5則是建立在使用者掃碼的前提下,才會出現的頁面,無法順用在app場景下。
要想不看文章可以看短影片快速學會核心知識點
1.從0到1,是若干從0到1組成的
我們做產品,天天都在喊著口號0到1。包括很多人的個人履歷也會寫從0到1,實際上真正開始的從0到1包含了迭代、最佳化。比如迭代就像做無數個從0到1,一個又一個小的閉環組成了大的閉環。
這一次的案例我們是app的登入註冊最佳化,圍繞著使用者在app的登入場景、註冊場景。
登入註冊對提升和滿足使用者註冊完成度、使用者註冊的活躍度、產品使用率成後的內容填充術,所以花精力和重心使用者註冊是一個非常重要的功能模組。
2.登入註冊的使用者路徑梳理和設計
現有的app是依附於小程式來做設計的,也就是說小程式和app共用一套介面,來達到減少開發時間和成本。
但由於小程式的手機繫結、微信授權的路徑有微信官方提供的頁面和互動方式,因此app這裡我們就要單獨做註冊頁面了。
▲
pmtalk現有的登入註冊
為了打造好的註冊、登入體驗,在不改變先有產品下登入註冊邏輯,快速的應用在app上。我們先梳理了網站、小程式上的使用者登入註冊流程,如上圖。
1.使用者在小程式的路徑
是微信授權-手機號繫結-關注話題-關注作者-進入首頁
2.使用者在網頁上路徑
有三種註冊登入方式,分別是掃碼登入註冊、手機號驗證碼註冊、密碼登入。
1.掃碼登入
微信掃碼-手機號繫結-關注話題-關注作者-進入首頁
2.手機驗證碼註冊登入
手機號驗證碼-關注話題-關注作者-進入首頁
基於以上流程,和確定使用者路徑最短、操作簡單的原則上,確定在app上篩選的手機號驗證碼註冊流程。。
通常來說使用者註冊步驟不要超過4個頁面。所以我們會系統使用者在app上使用者註冊路徑儘可能短,其中新使用者的使用者引導也包含在使用者註冊路徑裡,後面的路徑屬於使用者產品使用頁面數量,前面則屬於使用者註冊。
在路徑裡是否有必要加上強制上下流程約束、還是可以跳過,產品經理可以圍繞路徑做梳理。
2.登入註冊互動設計:聚合入口
有了前面的路徑梳理,我們確定了要使用的路徑方式。接下來就要確定登入註冊的互動方式了。
值得注意這一點要和平臺、應用商城的稽核規則匹配,比如現在IOS和小程式的規則,不允許內容的型別app強制使用者註冊,需要先為使用者提供遊客模式,允許使用者使用操作,再涉及到使用者個人資訊再進入註冊流程。
這樣就要求了使用者在下載app後不能首先進入的是註冊頁面,反而應該是內容列表或首頁
下圖分別是第一個版本的登入註冊和最佳化後的第二個版本線框圖。第一個版本是為了調通介面儘快跑出使用者登入流程、註冊流程,而沒有過多的考慮路徑長度、互動複雜讀。
▲
app遊客模式
下圖是我們在第一個版本、和後續版本下的登入註冊頁面互動最佳化。
▲
最佳化方案對比
第一個版本:
使用者直接輸入手機號、驗證碼或者選用微信第三方登入方式,同時提供了密碼、和忘記密碼的入口。
但手機號、驗證碼的方式和微信登入成了並行選項,相對於一個頁面提供了使用者兩種註冊入口,可我們更希望使用者不用做選擇,專注在註冊流程裡,所以改為右邊互動版本
第二個版本:
在這個版本里,強化使用者微信登入入口,微信登入完成後根據使用者是否繫結過手機號進行提示,沒有繫結手機的才進入手機號繫結頁面,繫結過的則跳過繫結頁面直接進入關注話題、關注作者推薦頁
▲
最佳化前後對比
透過以上方式使用者的點選入口更加聚焦,使用者路徑更加短。
3.合規的登入註冊設計
在現在應用市場上架要求下,現在登入註冊一定要加上使用者授權打勾,也就是使用者在註冊輸入內容前首先要使用者授權確定後才能允許使用者註冊流程。
合規雖然在某種層面會降低使用者體驗,但大家都這樣做,使用者的接受程度越來越高了否則app上架就不會透過,這一定要注意了。
以上是這次我們登入註冊最佳化案例,建議你從互動設計、產品路徑上去考慮,要說的是這一次迭代案例是在已經確定的業務下完成的。如果你的業務還在探索,則需要先確定功能介面
今天的分享就在這。
今日Bonus:
加我好友 pmtalk001,領取我的原型部件庫,同時還有運營模版
,
帶你瞭解快速提升產品運營進階