微信小程序登錄產品設計詳解

1 評論 21856 瀏覽 179 收藏 17 分鐘

編輯導讀:微信的小程序自上線以來,日活用戶超4億,相關從業者達536萬,取得了驚人的好成績。但是,現實中有很多商家的小程序應用在注冊登錄的產品設計非常不合理,不流暢,從而給用戶留下的第一印象不佳,導致用戶流失,影響產品口碑。微信小程序登錄應該如何設計呢?

一、前言

微信小程序是騰訊在2017年推出的一種不需要下載安裝,即可在微信中使用的應用。根據艾瑞咨詢的報告顯示,微信月活躍設備數高達12億以上。與傳統的App相比,小程序最大的特點就是便捷,各大商家的產品在用戶增長進入瓶頸期后,通過微信小程序為用戶提供相應的服務,成了獲得用戶、維持客戶的另一個主要方式,從而使各商家產品業績獲得新的增長。

商家將自己的應用小程序化,用戶的注冊和登錄,是觸達客戶非常重要的一個途徑,也是進行后續產品服務的基礎。但是,現實中有很多商家的小程序應用在注冊登錄的產品設計非常不合理,不流暢,從而給用戶留下的第一印象不佳,導致用戶流失,影響產品口碑。

微信小程序登錄產品功能設計細節有哪些?小程序登錄如何實現?什么時候需要登錄,什么時候不需要登錄?小程序登錄如何設計,才能給用戶帶來最佳產品體驗?圍繞這些問題,本文今天為大家進行詳細解答。

二、小程序登錄涉及的主要產品接口

產品經理在設計微信小程序登錄產品之前,必須要對微信小程序的登錄流程和相關產品組件有一定的了解。不理解小程序的原理和組件參數,很難從根本上設計出精美的登錄產品。產品經理要對微信小程序的登錄,知其然也要知其所以然。本章節會介紹微信小程序登錄所涉及的相關產品接口。

2.1 微信登錄【wx.login】

微信登錄接口【wx.login】用于獲取登錄憑證。小程序調用微信登錄接口,若調用成功,微信會返回用戶登錄憑證給產品服務端,這個憑證有效期只有5分鐘,產品服務端要通過獲得微信返回的登錄憑證,去調用 【auth.code2Session】獲得用戶的OpenID和 會話密鑰session_key。

2.2 微信登錄憑證校驗【auth.code2Session】

微信登錄憑證校驗【auth.code2Session】的作用是用微信登錄【wx.login】獲取登錄憑證,換取用戶的openid和 會話密鑰。openid是用戶唯一標識,用來在產品中標記用戶身份,并同用戶注冊信息進行關聯,關聯后,下次用戶在通過小程序登錄,則直接可以使用微信的登錄認證功能,方便用戶便捷登錄。

這里有個細節,調用登錄憑證校驗【auth.code2Session】,會返回openid、session_key和unionid三個值。特別注意的是unionid可以用來區分用戶的唯一性,這個唯一是在整個微信體系內的唯一,包括網站、公眾號、App,同一個用戶,unionid是唯一的。如果你的產品涉及騰訊多個應用的登錄,為了便于將用戶都關聯起來,可以用戶unionid進行統一的用戶識別。

2.3 獲得用戶信息接口【wx.getUserProfile】

獲得用戶信息接口,歸屬在授權相關功能下。授權相關接口大家已經不陌生,在目前微信小程序應用中很常見,用戶進入某個產品的小程序時,會詢問獲得用戶相關信息,由用戶決定同意還是拒絕。授權相關接口有很多,例如用戶信息、地理位置、后臺定位、微信運動、錄音、攝像頭等。和產品登錄場景相關的,我們主要使用用戶信息這個授權就可以。

和最早獲得用戶信息使用的接口不同,最新用戶信息使用的是【wx.getUserInfo】,最新的版本中,微信小程序獲得用戶信息最好使用【wx.getUserProfile】。獲得用戶信息授權后,產品可以將用戶的信息生成自己產品的用戶體系的用戶資料。需要注意的是,這個接口調用后,就會發起用戶授權的彈窗,為了不打擾客戶,這個接口要謹慎使用,在用戶第一次授權后,可以將用戶頭像的圖片地址儲存下來,以后再用,就不需要頻繁彈窗了。有個小細節,當用戶頭像有變動,原頭像的鏈接就不能使用了,這時需要再次調用獲得用戶最新的信息。

三、小程序登錄產品設計

3.1 產品設計原則

產品設計要遵循哪些原則?

以產品經理的視角,當然不是UI設計師的視角,結合這幾年的工作經驗,在我看來,我們在進行產品設計時,原則上主要需要考慮以下產品設計原則:

  1. 明確的產品定位。我們的產品目標人群有哪些,產品定位是什么。如果人群是兒童或是老人,我們的產品設計肯定要非常簡約,而且考慮到老人,字號、字間距都要滿足老人用戶的使用習慣,所以在小程序產品登錄功能設計時,就要將這些因素考慮進去。
  2. 界面風格的統一。產品的設計,界面風格要一致。不能給用戶一種進入到不同的功能頁面,就感覺像是換了一個產品。
  3. 功能的直觀易用。文案、話術、圖標,要給用戶非常明確的指示,同時在功能上,要符合大眾的使用習慣,減少用戶學習成本。例如,大家都習慣了頂部左側的箭頭代表“返回”,你的產品非要設計成是“關閉”,就有點尷尬。
  4. 對用戶友好,不騷擾用戶且不強求。這點我在使用很多App時,深有感觸,輸入了個手機號,馬上營銷電話就打過來,以及App上各種與功能無關的廣告防不勝防。對于這類App,我是深惡痛絕。另外,還有很多小程序的設計也是如此。有一些小程序,用戶還沒搞清楚是做什么的,上來就要獲得用戶信息。對于這類的小程序,我是寧可不用,也不愿意點“授權”把信息給他們。
  5. 以及符合普適的價值觀。這條就不多說了,產品設計要符合人性,不做惡。好的產品設計,會激發人性的善,而壞的產品設計,會刺激人性的惡。雖說技術是中性的,但產品不是。產品總會存在著某種鼓勵,把人引向某處。

因此,在設計登錄產品時,就要在產品“門面”上下足功夫,符合產品設計原則。我們更多的要考慮,獲得用戶OpenID后,是不是有必要獲得用戶更多的信息?什么時候需要獲得用戶這些信息?

3.2 小程序登錄流程設計

我們以一個普通用戶為例,當掃描小程序碼或是從他人分享的小程序中打開小程序時,應該先呈現小程序的基本功能,而不是一上來就要求用戶提供個人信息。用戶對小程序提供的功能有一定了解了,有些必須要用戶登錄才可以操作的產品功能,這個時候再提示用戶獲得登錄,獲得用戶授權也不遲。

我在想,很多小程序產品一上來就要讓用戶提供授權獲得個人信息,可能是企業對小程序的獲客數有KPI(Key Performance Indicator,關鍵績效指標)考核。但這有什么用呢?即便是首次使用獲得了用戶信息,以后用戶再也不登錄,也對產品的增長毫無幫助。所以,企業在為產品設定KPI時,要換個考核方式,不是考核獲得的用戶數,而是要考核活躍用戶同總用戶的百分比。

對于到了用戶登錄環節,可以參照以下小程序登錄流程圖。過程如下:

  1. 到了登錄環節,先查看用戶的Session是否過期。使用【wx.checkSession】接口,如果無效,則調用【wx.login】,獲得用戶的OpenID和Session。
  2. 若用戶Session有效,則去調取先前存儲在本地的Token。用戶首次登錄,本地是不會儲存Token的。如果獲得了用戶Token,則說明已經是老用戶,可以根據用戶的Token到產品的服務端獲得對應用戶的信息。登錄完成。
  3. 若本地沒有存儲Token,則調用【wx.login】,獲得用戶的OpenID和Session。這時,我們可以根據獲得的用戶OpenID到自己的服務器中進行匹配,如果有,說明是老用戶,可以通過OpenID獲得用戶信息,并結合Session,生成Token,返回給微信小程序,并調用【wx.setStorageSyn】將Token保存在微信小程序客戶端。登錄完成。
  4. 若獲得的用戶OpenID沒有與服務器中用戶數據匹配,則說明是新用戶,這時,再使用【wx.getUserProfile】來詢問用戶授權獲得用戶信息。新增用戶完成后,將Token保存在微信小程序客戶端。登錄完成。

這樣設計的好處是一個看似簡單的登錄有很多細節,但給用戶的授權確認,只有一次??梢詷O大的減少產品對用戶造成的騷擾。用戶才剛使用產品,一上來就要用戶提供信息,就像是男女生相親,剛見面就要查戶口一樣,未免顯得太魯莽。

3.3 小程序登錄產品界面設計

其實在用戶登錄小程序的整個過程,唯一需要用戶確認的就是用戶信息的授權。這里面其實已經獲得了用戶注冊的一些必要信息。如果不是非常必要,其實小程序根本都不需要再設計登錄和注冊頁面。對于需要用戶補充的一些敏感信息,如手機號、身份證號,如果產品應用非常必要,可以在后期特定場景中再要求用戶提供。這就要在具體產品功能和具體產品場景中,具體設計了。

界面設計不是難點,難的是在產品設計中產品如何做好應有的“克制”。一個用戶上來就是簡單看一個新聞,你的產品非要用戶提供身份證號,這種產品設計明顯不是很合理。這種產品界面就不應該出現。

四、結語

我們在設計小程序登錄產品,除了實現基本功能外,還要考慮一些異常場景,這就要求在登錄產品設計時,產品經理要為登錄異常定義各種處理方式。同時給用戶的異常提示,要直觀明確,例如由于網絡因素導致的信息調用與返回異常,在小程序的登錄設計中也需要考慮。例如用戶拒絕信息授權,產品該如何處理。處理異常的同時,如何能對用戶友好,以便于獲得用戶的信任。

另外,還需要對小程序用到的各種登錄相關接口異常非常熟悉,把握好細節才能避免踩很多坑。因為微信小程序后臺也會由于各種原型,導致接口異常,也會失敗。例如接口信息返回的超時,接口本身的超時,系統繁忙,信息無效,以及小程序接口本身的調用頻率限制。產品經理在設計小程序登錄時,都需要考慮到。

我一直認為,那種短期內為了創造用戶增長而無限度地透支用戶信任的產品,一定不是一個好產品。作為企業,作為領導,作為產品經理,都應該從用戶角度出發去制定產品策略,去設計產品功能,而不是采用殺雞取卵,竭澤而漁的方法,去盲目追求所謂獲客數、活躍度、增長率。

雖然說“自古深情留不住,唯有套路得人心”,但是換個角度,用戶之所以能被你“套路”,是因為信任,你只能套路用戶一次,當用戶不再信任你時,之后你的產品做的再好,要在用戶和市場中建立口碑也是非常難的。

回顧這些年市面上的各種App,不論你的概念多么新穎,花了多少營銷費用去推廣,但最終都沒有逃過產品的大浪淘沙。所以,通過微信小程序登錄產品設計,更多的是為使用產品的用戶傳遞一種態度。那就是一切從用戶滿意出發,以用戶為中心。

#專欄作家#

王佳亮,微信公眾號:佳佳原創,人人都是產品經理專欄作家。中國計算機學會(CCF)會員,專注于互聯網產品設計理念分享。

本文原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

專欄作家

王佳亮,微信公眾號:佳佳原創。中國計算機學會(CCF)會員。人人都是產品經理專欄作家,年度優秀作者。專注于互聯網產品、金融產品、人工智能產品的設計理念分享。

本文由@王佳亮 原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. ??

    回復