從「註冊/登錄」來看一個產品的設計策略

本文共1912字,預計閱讀時間: 5分鐘

用戶和設計師,對於產品的體驗和使用的角度不同,體驗的方向也不同,但是基於產品的設計策略,得出的體驗結果是一樣的。

在大部分產品設計的第一步,就是要考慮用戶註冊的問題,不同的產品對於用戶的需求也不同。

今天以學習的角度來分析:

每個產品的用戶註冊/登錄界面和產品之間的關聯,當你遇到這些產品時,該如何去設計?

登錄界面功能分析

「 註冊 」

手機驗證碼快速註冊是目前所有產品最常用的註冊方式之一,方式簡單,節省用戶時間。

「 登錄 」

目前最快捷的登錄方式莫過於第三方登錄(微信,支付寶,QQ,新浪微博),簡單快捷,避免了新用戶註冊賬號時的複雜環節,產品會直接調用你的第三方信息,如頭像,昵稱等。

「 忘記密碼或賬號 」

忘記密碼的方式一般是用輸入手機號,然後發送驗證碼驗證身份,隨後重新設定新的密碼。

以上三種功能是我們在設計用戶登錄界面最基礎的三個功能,每個產品的背景和角度不同,對於以上三個功能的使用和延展方向也不同。

不用產品的登錄需求分析

社交類產品

用戶登錄註冊是所有社交類產品的前提條件,首先用戶得創建自己的個人賬號,才能使用接下來的功能,而在社交類產品中,QQ,微信,陌陌等,他們都是一個獨立的賬號,擁有獨立的社交群體,所以說賬號的登錄是必備。

而在登錄選項中,大部分社交軟體都採用了微信/QQ登錄的方式,其中原因在於,它可以通過用戶的微信信息,來快速的定位用戶的個人信息和好友群體,來進行無縫銜接的轉換,從而減少用戶在使用產品所產生的陌生和距離感。

內容類產品

內容類產品對於用戶登錄的需求不是非常高,可以從二級層面來分析內容類產品的登錄需求:

「 一級:看 」

當用戶只觸及到一級層面時,是不需要登錄的,因為產品本身具備有一定內容吸引力,有些用戶的目標只是想閱覽內容而已,所以說並沒有登錄的需求。

「 二級:用 」

當用戶對內容產生興趣,或自己想發布內容時,就需要註冊賬號了,而在此時的環節中,有很多方式來引導用戶註冊登錄。

「 社交引導 」

用戶在使用微博或知乎的APP時,瀏覽內容是不需要登錄的,但是牽扯到評論和信息,就需要登錄了,這種引導也非常的普遍,有人說微博不是社交類產品嗎?對於用戶來說它是一個社交平台,但是對於需求來說,它和知乎一樣都屬於內容產出類,而且不具備私密性,內容透明度很高,還具備一定的新聞價值。

「 消費引導 」

說到消費,首先肯定想到的是淘寶和京東,消費引導是指通過商品來刺激用戶購物或收藏,而這些功能必須得登錄才能使用,和社交有些相似。

「 許可權引導 」

許可權引導是指用戶在使用產品時,必須登錄才可以享受到一些許可權,如:很多直播網站,可以免費觀看直播視頻,在觀看的5分鐘內,觀看高清畫質是不需要登錄的,但是5分鐘以後,它會自動將畫質調整為最低,通過強烈的畫質對比,來誘導用戶登錄。

工具類產品

工具類產品,一般很少需要用戶來登錄,當然,如果有需求,也可以根據工具的使用來設定規則。

交互設計參考

「 賬號快速切換功能 」

賬號切換功能是很多產品共有的功能(QQ,微博,支付寶,陌陌),賬號的切換有利於用戶快捷的切換賬號,適用於多個賬號的用戶使用。

QQ切換賬號

支付寶切換賬號

而微信在最新版6.6.2中,更新了這個功能,(之前的版本,微信登錄切換賬號很繁瑣,一個微信只能登錄一個賬號),此次的更新,微信僅能添加一個賬號,一個微信客戶端,可以共用兩個微信賬號,切換和添加賬號的步驟也比之前方便許多。

微信舊版切換賬號

微信新版切換賬號

「 忘記密碼的步驟 」

忘記密碼的步驟一般都是引導用戶通過手機驗證碼來重新設定密碼,唱吧APP的設計有些不同,它在引導用戶找回密碼的過程中,給了用戶兩個方法去選擇,相對於直接輸入手機驗證,此方法考慮的更加全面一些。

當然,還有一些產品是把忘記密碼歸類在「登錄遇到問題」當中,在問題中有很多選項:忘記密碼,賬號申訴,版本介紹等。

「 刷臉登錄 」

支付寶的開掛登錄,用戶可以直接刷臉登錄,安全性待考核,不過論快捷和方便,恐怕無人能及。

「 註冊後的登錄 」

很多產品在用戶註冊之後,還需重新輸入賬號和密碼,有人說這樣的動作會不會太過雞肋和繁瑣,在註冊環節,用戶就已經輸過兩遍密碼了,為什麼還要再度登錄呢?這樣的動作並非無道理,它有利於加深用戶對賬戶密碼的記憶,不過在操作層來看,確實有些雞肋。

總結

綜合以上所述,在登錄與註冊的環節中,並非只有界面的繪製這麼簡單,在其中,有很多交互環節需要我們來考慮,不同產品屬性的需求對於界面的交互選擇都不同。

看完這篇文章,如果你在工作中,有什麼問題,可以在後台和留言板回復,老冰看到會一一回復。

文章來源於微信訂閱號:如履薄冰

更多設計內容請關注微信公眾號

推薦閱讀:

使用sketch+principle聯動製作智能家庭動效設計(搬運)

TAG:交互設計 | 移動端UI設計 | 設計 |