在設計登錄注冊之前,注意這10個要點能迅速提高用戶體驗

6 評論 10716 瀏覽 571 收藏 9 分鐘

有盆友問起注冊/登錄的體驗,結合網上各路高人的分享,于是我總結了一些自己對如何在注冊和登錄時提高用戶體驗的一些發現或看法,若觀點有不對的地方,望大家批評指正,歡迎大家的分享與交流~

1.別讓用戶一進網站就注冊

有些網站/應用一進來就要注冊才能瀏覽,認為游客會因此而注冊成為其用戶。不料,我個人遇到一進網站就得注冊的都不注冊,選擇直接離開(對某產品已非常了解除外),不知道大家是否有相同體驗?偶爾注冊的網站天天給我發郵件或推送短信,煩透了!至于個人信息是否被他們賣了,這個還要另說(據調查發現國內很多用戶會有這個擔憂)。

也有許多網頁/應用為了能夠留住一些游客, 會在非注冊的情況下允許用戶瀏覽,在需要賬戶信息時才提醒用戶注冊或是登錄。

下圖為Twitter網頁端:

Twitter-02

而新浪微博網頁端改版前并沒考慮到這一點。以下為新浪微博網頁端登錄界面的改版前和改版后,大家可以對比看看~

weibo_1

改版前

weibo

改版后

但這里需要留意,強社交類應用可能無需過多考慮這點,比如facebook的客戶端和QQ客戶端。因為這類應用屬于好友社交類,但微博屬于關注和瀏覽類的。

下圖為facebook和QQ的登陸界面:

QQ

2.可跳過引導頁直接注冊/登錄

某些時候我們是某個產品的老用戶,不再需要給新手用戶準備的引導頁,因此提供直接登錄的快捷方式是有必要的。下圖為印象筆記的注冊登錄界面:

印象筆記

Behance登錄&注冊頁,兼顧了新用戶、老用戶和游客模式~

behance

3.別讓用戶重復填寫相同內容

想必大家都經歷過:注冊某網頁/應用時被要求填寫郵箱地址兩次或重復輸入密碼。其實大可不必。因為用戶大多會記得自己常用的郵箱和密碼。若郵箱或密碼輸入有誤時可實時反饋,或者用其它更好的方式解決(下面也會提到),再多此一舉填寫兩次反而容易導致用戶流失。

看看一些值得參考的表單設計:

不重復填寫

4.突出必填項

作為用戶,最好是無可選字段,可填可不填的都不填,甚至最好不要出現。如果一塊信息毫無意義,那么只會浪費用戶的時間。不過對商家就不同了,搜集必要的信息更能促進業務成功。

如果在注冊表單里面有可選字段,那么我們就要強調必填字段。通常一個小標志例如星號*就足夠了。它可以讓用戶自覺發現并填寫必須填的字段。

5.輸入時自動填充/自動讀取常用賬號

我們在登錄/注冊時,經常需要輸入賬號和密碼。這時候,簡化或縮短用戶輸入時間是各網頁/應用優化體驗的的方式,來看看它們是怎么做的~

未標題-1

6.手機客戶端提供密碼切換可見性

我們輸入密碼時,密碼默認加密狀態,但由于手機鍵盤較小,易誤操作,切換密碼可見是非常方便的功能。

下圖為支付寶和京東的登錄界面:

支付寶&京東

7.提供第三方快捷登錄

有時候使用某個軟件,我們想快捷的登錄。采用第三方授權登錄的方式非常的高效。

來看看在這方面做得比較到位的產品:

第三方登錄

8.科學友好的提示

相必大家都知道注冊/登錄時提示的重要性,來看看用戶體驗哪家強,栗子舉起來~

下圖是Twitter手機客戶端和豆瓣客戶端登錄頁,Twitter點擊密碼輸入框時就有相應的提示,減少了出錯的可能;而豆瓣是無提示的,直到提交時才彈出錯誤提示,而且彈出一兩秒就消失了,對像我這種閱讀比較慢的人來說真是苦惱(PS:截個圖截了一萬次才成功)。

Twitter+豆瓣提示

9.巧妙的實時反饋

實時的驗證會給用戶及時的提醒,減少用戶在最后提交時報錯帶來的挫敗感。

下圖為Twitter在注冊時對用戶名的要求和手機號碼有效性的驗證:

實時反饋-Twitter

10.需求化或情感化的文案引導

很多時候,訪問者轉換成用戶,這個關鍵任務落在了再普通不過的“注冊”按鈕的肩上,而這個可憐的按鈕在產品開發中卻往往得不到任何考慮和關注。

我們經常重復看到許多網站一樣的元素時,已習慣性忽略這些元素,無論這些注冊按鈕的顏色怎么變,最多只是顏色更顯眼一些。但訪客對網頁是瀏覽,不會細閱。他們很可能輕易錯過關于免費試用或是產品能提供的主要價值或好處的部分。當然,這也說明產品錯過了訪問者轉為用戶的機會。

一起來看看這方面做得比較優秀的網站是怎么做的~

BugHerd+timely

他們都有一個共性,那就是抓住用戶心理的同時,與產品緊密聯系在一起,直接展示出注冊后會給予的好處,鼓勵訪客采取行動。

以上只是國內外的一小部分栗子,一方面與國際接軌,學習優秀的設計,另一方面列舉大家熟悉的產品,方便交流~(PS:具體問題具體分析,不能一概而論。以上觀點若有誤,請大家批評指正~)

 

作者:Tricia(微信號:WX2225788009),YY歡聚時代交互設計師,前UI設計師。

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

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

    來自河南 回復
    1. kan bu dong~hhh~

      來自廣東 回復
  2. 棒棒噠~ ??

    來自廣東 回復
    1. 謝謝Miki,啊哈哈哈~

      來自廣東 回復
  3. ?? 贊!

    來自廣東 回復
    1. 謝謝支持 ??

      來自廣東 回復