首页
/
每日頭條
/
圖文
/
登錄注冊頁面設計美觀
登錄注冊頁面設計美觀
更新时间:2024-10-08 13:30:25

編輯導語:登錄注冊功能對于一個應用的重要性不言而喻,本篇文章作者分享了有關注冊登錄的設計原理以及介紹了幾種推薦的注冊登錄方式,感興趣的一起來看一下吧,希望對你有幫助。

登錄注冊頁面設計美觀(登錄注冊功能的設計)1

在賬号号體系中,用戶注冊登錄功能對于一個APP的重要性毋庸置疑,也是賬号體系中核心的功能。這篇文章,我們就詳細介紹一下注冊登錄的設計原理、以及推薦的注冊登錄方式。

一、注冊登錄功能的價值

首先我們來分析注冊、登錄功能的價值在哪裡。換個角度說,為該産品設計注冊登錄功能的目的何在?對于每個産品來說,隻有把握好産品的設計目标,才能找到适合該産品的設計思路。

我們從三個層面來分析:

1. 用戶層面

  1. 用戶需要在産品中獲得一個獨立的ID,以體現其個性化的存在。
  2. 用戶需要産品為其記錄使用進度、狀态、收藏的内容。
  3. 用戶希望獲得其它用戶的真實信息或更詳盡的信息。
  4. 用戶希望産品通過對自己更詳盡的了解提供更好的服務。

2. 功能層面

  1. 便于跨設備同步數據,也便于在同一設備中切換不同的賬戶并保留賬戶之前的狀态。
  2. 有社交功能的産品必須注冊賬号以編寫自己的UGC的内容,同時便于其它用戶辨識。
  3. 有交易功能的産品,為個人賬戶記錄訂單等交易信息,同時提高交易的安全性。
  4. 有應用内付費、VIP會員增值功能的産品,注冊登錄可以确保用戶權益。

3. 業務層面

  • 需要采集對于核心業務非常重要的用戶信息,比如手機号、真實姓名等信息。
  • 注冊登錄後便于采集推進運營的數據,以指導産品運營方向。
  • 用戶激勵:通過注冊得到手機号、郵箱賬戶後,一些産品通過給用戶發短信或優惠券(送優惠券、活動推薦)吸引用戶,提高活躍度。
  • 消費轉化:某些産品得到手機号後,會利用電話營銷的方式向客戶推介其付費服務。比如51Talk。

綜上,在設計功能之前,産品經理應該弄清楚你的産品目标屬于以上哪些,注冊賬戶功能的重要性怎樣,哪些核心功能與其相關聯。

在選擇注冊登錄方式之前,先總結一下注冊登錄設計時要考慮的因素:

  • 普遍性:這種注冊方式是否絕大部分用戶群體都滿足注冊條件?是否有門檻?
  • 便捷性:注冊流程是否方便,易理解,易操作,易記憶?
  • 安全性:這種注冊方式是否存在安全性問題?

基于以上評價因素,針對三種不同的注冊登錄方式進行下比較:

登錄注冊頁面設計美觀(登錄注冊功能的設計)2

二、下面分别分析一下每種注冊方式

1. 郵箱注冊

相對于手機号注冊,郵箱注冊的好處在于郵箱地址可以永久留存,不會有手機換号造成的那種困擾。

但是其缺點也比較多:首先,對于國内用戶來說,郵箱的使用頻率沒有老外那麼高,郵箱的重要性遠低于QQ、微信、手機,很多用戶沒有個人郵箱,他們也不會為了注冊你的賬戶去申請個郵箱,所以郵箱注冊的需求相對來說較弱。

其次,在移動端利用郵箱注冊的體驗也較差,因為驗證郵箱的話需要跳出APP去接收郵件,無論是登錄郵件客戶端還是打開浏覽器進入郵箱網頁,這個操作都提高了流程的複雜度,降低了用戶體驗。

那麼,郵箱注冊是否還有存在的價值?為什麼還有一些應用保留了郵箱注冊功能(或隻提供了郵箱注冊功能)呢?

個人分析有四點原因:

  1. APP的用戶群體不隻國内用戶,考慮到外國人的使用習慣,保留了郵箱注冊。
  2. 一些商務類的APP,用戶群體鎖定為職場人士,這些人是有郵箱的使用習慣的。
  3. 一些學習類的APP,考慮到學生群體換号的可能性比較大(或出國)。
  4. 考慮到一些不希望暴露自己手機号,不願意用手機号注冊的用戶群體。

登錄注冊頁面設計美觀(登錄注冊功能的設計)3

2. 手機号注冊

手機号注冊是目前主流的注冊方式。其特點是便于記憶,短信驗證碼方便快捷,操作流程體驗比較好。基于智能手機的普及,大衆用戶在操作方式上沒有任何障礙。另外,這種方式還能直接獲取用戶手機号這個重要信息,便于一些業務的展開。

手機号注冊的邏輯非常簡單,就是錄入手機号碼後,發起短信驗證的請求,當手機收到相應的短信驗證碼後,在APP中輸入驗證碼,完成注冊。

登錄注冊頁面設計美觀(登錄注冊功能的設計)4

3. 第三方賬戶登錄

第三方賬戶登錄,國内常見的有微信、微博、QQ三個社交平台的授權登錄,國外常見的還有Facebook、Twitter、Google。

登錄注冊頁面設計美觀(登錄注冊功能的設計)5

下面分析一下利用第三方賬戶登錄的優缺點:

  • 優點1:為用戶節省注冊時間,簡單點擊兩下就可以直接登錄。體驗最佳。
  • 優點2:利用第三方平台注冊過的用戶,都是經過手機或郵箱驗證過的用戶,安全可靠。同時引入第三方賬戶的方式也将賬戶安全性的問題抛給了第三方平台。
  • 優點3:利用第三方賬戶登錄,可以在條件允許下獲取第三方平台的信息,比如好友信息、基礎資料等信息。
  • 缺點:隻利用第三方賬戶登錄的話,無法獲得任何有價值的用戶注冊信息,同時也構建不成自己的用戶體系。這是第三方賬戶登錄的最大問題。
三、設計注冊登錄的原則

設計注冊登錄功能的原則,是在讓用戶盡可能少參與的情況下,實現用戶身份在系統中的映射關系。

站在用戶的立場看,注冊登錄功能并不是必須的。因為用戶的期望是能正常使用産品功能、自己在産品中産生的數據不會丢失。即便沒有注冊登錄功能,也可以通過别的方式達到這個目的。

用戶在使用資訊網站時,期望是能看到自己感興趣的資訊信息。并不在意自己在這個資訊網站中有沒有屬于自己的賬号,也不關心有沒有登錄賬号

但對于産品設計者來說,不僅僅要滿足用戶的需求,還要實現其商業價值。而讓用戶在系統中擁有賬号,并将用戶行為都與賬号關聯,往往能産生更大的商業價值。

當用戶在資訊網站有了自己的賬号,并且登錄賬号後浏覽資訊,網站就能通過對用戶行為數據做分析,了解用戶的興趣偏愛,推送用戶更喜歡的資訊内容,獲得用戶更長時間的浏覽,從而産生更高的廣告收益。

長期以來,互聯網産品對用戶的教育,讓用戶對注冊登錄有了普遍的了解,且已經被大部分用戶所接受。

但即便如此,我們也應該站在用戶體驗的角度,在滿足系統需要的條件下,盡可能減少注冊登錄對用戶的阻礙,讓用戶更快捷、順暢地使用産品功能。

四、注冊登錄功能的設計細節

确定了設計思路之後,我們來看看設計登錄注冊功能中,在細節上要考慮哪些點。以WPS客戶端為例,我們分析一下登錄注冊功能的整個頁面流程。

其中,郵件驗證成功、郵件重置密碼、郵件重置密碼成功三個頁面為利用郵件客戶端打開的Web端頁面。整個流程邏輯清晰,引導流程的按鈕突出醒目突出,需要用戶配合的操作都以文字形式進行提示,用戶使用起來沒有障礙。

五、在流程設計中需要注意的細節
  1. 注意頁面跳轉後是否應該有回退按鈕,以及點擊安卓的back鍵應該退回到哪個頁面。不應該退回到已經提交完數據信息的頁面。
  2. 重置密碼成功後,一般應該返回登錄頁,讓用戶輸入新密碼以便加深記憶。
  3. 注冊成功後,一般來說會直接登錄成功進入APP首頁。但一些金融類對賬戶安全度要求較高的APP會在注冊成功後返回登錄頁,讓用戶重新輸入一遍密碼,以加深記憶。
  4. 在某些可能會産生異常的點(比如提交數據時服務器異常、郵件或短信未發送、響應超時等),一定做好準備,一旦發生異常給用戶合适的提示。
  5. 考慮到是否會存在短信驗證碼,或驗證郵件收不到的情況,這種情況能不能提供備選方案。
六、功能設計時要注意的細節

1. 用戶體驗方面

  • 用戶名密碼這些必填項未輸入時,登錄按鈕為不可用狀态,避免誤操作帶來的麻煩。
  • 畫面中核心流程按鈕突出顯示,其它按鈕最小化顯示,根據重要程度可以将顔色加以區别。
  • 輸入框的獲得焦點時突出顯示,以便在多個輸入框時辨别焦點所處的位置。
  • 錯誤提示直接顯示在畫面中,不以彈出對話框的形式或toast的形式實現。彈出對話框體驗差,toast顯示時間過短的話用戶可能沒看清。
  • 注冊/登錄失敗的情況,提示信息應盡可能詳盡,是賬戶名出錯還是密碼出錯,或者是手機号已經被注冊過了,越詳細越好。
  • 輸入郵箱地址時,建議彈出自動補全功能,自動加入常見的郵箱後綴。
  • 發送驗證郵件後,應該給用戶詳盡的說明和操作提示,也可以加入一個按鈕跳轉到相應的郵箱地址。

2. 功能邏輯方面

  • 發送短信前可以彈出對話框提示确認一下手機号,這種做法可以讓用戶自行确認一下手機号是否輸入正确,節省了用戶發錯一條短信的成本。當然這種做法用戶體驗稍差。
  • 注冊頁面考慮是否有必要加入服務條款鍊接。個人覺得沒有必要同時加入一個單選框讓用戶去選擇,因為點擊注冊按鈕就代表了同意服務條款。
  • 為避免反複點擊發送多次驗證碼,點擊一次發送驗證碼按鈕後會倒計時恢複功能,一般為60秒。

3. 安全性方面

  • 密碼輸入框加入顯示/隐藏按鈕,默認為明文顯示狀态。防止用戶輸入錯誤。
  • 一般情況下不需要設計“确認密碼”輸入框,考慮到移動設備空間有限、操作不便。但一些對密碼安全要求嚴格的應用還是會設計“确認密碼”功能。
  • 密碼輸入錯誤過多時,考慮要不要加入驗證碼機制,以防止惡意破解密碼。
  • 短信驗證環節,連續驗證次數超過5次時,考慮加入驗證碼機制,以确保安全性,同時避免無謂的損失。
七、結論

如何選擇注冊登錄的方式

需要綜合目标用戶的使用習慣和産品業務需求兩方面考慮。對于用戶來說最合理的辦法是提供多種可選的注冊方式,給用戶多樣化的選擇。但考慮到業務需要和開發成本等因素,根據業務需要和目标用戶習慣可以篩選最适合的注冊方式。

本文由 @産品經理-xixi 原創發布于人人都是産品經理,未經作者許可,禁止轉載。

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

Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
三個人的友誼總有二個人會退出
三個人的友誼總有二個人會退出
衆所周知,“三角形具有穩定性”,這是一條亘古不變的真理。我身邊的朋友們大多以三人“小分隊”結伴而行,我見過她們開懷大笑,見過她們冷眼相待,也見過不少人最終一臉疲憊地與另外二人漸行漸遠。面對這樣的情況,“我選擇退出三個人的友誼”。01阿棠已經...
2024-10-08
白蘭地一共分為幾個等級
白蘭地一共分為幾個等級
“Brandy”這個名字來源于荷蘭語“brandewijn”,意為“燃燒的酒”。白蘭地,是用釀好的葡萄酒進行再次蒸餾得到的。當然,白蘭地也可以采用其他水果制成,不過本文所講的白蘭地專指葡萄白蘭地。白蘭地的酒精度為40%-60%,一般在餐後飲...
2024-10-08
窮兵贖武與窮兵黩武
窮兵贖武與窮兵黩武
窮兵贖武與窮兵黩武?【成語】:窮兵黩武【拼音】:qióngbīngdúwǔ,接下來我們就來聊聊關于窮兵贖武與窮兵黩武?以下内容大家不妨參考一二希望能幫到您!窮兵贖武與窮兵黩武【成語】:窮兵黩武【拼音】:qióngbīngdúwǔ【解釋】:窮...
2024-10-08
海賊王草帽路飛
海賊王草帽路飛
大家好,我是小蜘蛛。海賊王劇場版紅的情報消息現在在網上也開始傳播起來,而且因為最近一組草帽海賊團劇場版服裝設定的圖片,這個話題的熱度也開始高起來了。海賊王最新劇場版的名字既然是紅,那注定是和紅發有關的,說不定作者就決定在這部劇場版當中直接把...
2024-10-08
腰間盤的人該怎麼站
腰間盤的人該怎麼站
文:WMW伸遠健康脫發、爆痘、偏頭痛;熬夜、養生、枸杞茶……最貴的面膜、精華,最多樣的養生“秘方”,也拯救不了當代年輕人日漸“衰老”的身體。很多年輕人一向信奉“能坐着就不站着,能癱着就不坐着”。每天電腦前坐十多個小時,下班回家就是躺在沙發上...
2024-10-08
Copyright 2023-2024 - www.tftnews.com All Rights Reserved