手機QQ里的註冊那些事兒

戴喂喂

QQ作為一個連接人、內容與生活的社交平台,其註冊帳號將是我們產品中非常重要的一環。基於Mobile端與Pc端的區別,我們在手機版QQ的設計上要求更輕、更快、更便捷的給用戶下發QQ號。目前手機版QQ的用戶量覆蓋率已達8億以上,所以現有新QQ號的註冊情況多為已有號碼登錄情況下的小號註冊。所以如何幫助用戶快速註冊新QQ號,並且使用戶在流程中獲得良好的用戶體驗就是我們思考的問題。

1 簡化流程

1)   分布註冊

分步註冊是什麼?它指的是在註冊頁面上,一個頁面只專註於一個信息的提交,分步驟地去讓用戶完成整個流程。相反,非分步註冊則指的是在一個長頁面上完成多個信息的填寫,最終提交註冊一個帳號。

依據桌面調研,多數分步註冊APP平均為5步左右,多數非分步註冊APP平均為8步左右。並且Facebook曾針對分步註冊與非分步註冊做過A/B Test,其結論指出分步註冊的轉化率遠高於非分步註冊。由此可見,非分步註冊強行減少註冊頁面,不如適當拉長戰線,給用戶輕負荷的操作,讓用戶在不知不覺中完成註冊流程。

除此之外,還有一種例如in和same的簡單型APP,這類非社交類產品可通過其它社交平台的授權登錄等簡單的2步操作,來使用其產品的主要功能。

選擇分步註冊的原因是:

a、分步註冊適合移動端設計。

移動端屏幕小,加上彈出鍵盤,假設將多個輸入項放在一個頁面,會給用戶造成擁擠感,然而分步註冊則可較好的解決該問題。

b、分步註冊可減少用戶點擊輸入框的次數。

幾乎所有的註冊關鍵步驟中都有:輸入手機號、獲取驗證碼、設定密碼這3個步驟。在一個頁面中時,需要手動逐項呼出鍵盤來填寫。若遵循分步註冊,分成3個頁面的話,進入每個頁面都會自動置入焦點並彈出鍵盤,將減少用戶手動點擊輸入框的次數。

c、分步註冊在一定程度上可提高轉化率。

非分步註冊在一個頁面中擁有較多輸入項,會加大用戶流失率。但是在某些情況下,分步註冊也並非是最理想的選擇。當分步註冊的步數增多到一定的數量,即使一個頁面上只完成一件事,其步驟繁雜的用戶體驗,一樣是會造成較低的轉化率。

2)   已登錄情況下註冊,跳過手機號驗證直接放號。

在上述分步註冊的思考和分析後,我們在手機QQ 7.0版本中針對註冊流程進行Redesign。

設計前,觀察數據中獲知手機QQ里有18.87%的用戶進入註冊流程後,無法完成整個流程。為了解決這個問題,我們通過縮短用戶註冊步驟,來讓用戶更容易的獲取QQ號,從而避免用戶在註冊QQ號中受挫。所以從改版前後的對比中可以看到我們在註冊小號時直接放號,不要手機驗證,縮短步驟(從9步到6步)。

2 聚焦核心信息

手機QQ在7.0版本的註冊Redesign中,首先分析頁面信息優先級,將頁面信息按權重排序,依次為核心步驟層、內容輸入層、輔助信息層,還有包含可點擊交互操作的操作引導層。然後通過字號、字色與字重拉開信息層級間的差距,最終將用戶聚焦到核心信息上來。

a、核心步驟層,是指用戶在短暫時間內瀏覽頁面時,能讓其一目了然的獲知當下應該操作的某個步驟。例如“輸入手機號碼”是這個頁面的重點核心內容,其設計需要重點突出,且精鍊文字。

b、內容輸入層,是指用戶被核心步驟層吸引後,需要進行相關內容的輸入,例如昵稱和密碼的輸入等等。其設計需要引導用戶進行輸入操作,並且在輸入中給用戶帶來便捷性。例如包括密碼明文/暗文的切換,以及輸入驗證碼到最後一位後直接進入下一步,來確保便捷性。

c、輔助信息層,是指用戶理解了以上兩個信息層後,輔助信息層會有更多信息讓感興趣的用戶去了解。這裡往往提供更多說明或者跳轉鏈接,例如使用條款和隱私政策等。

在Redesign中,我們也嘗試在視覺上使用了黑、大、粗Complexion Reduction設計語言。Complexion Reduction設計語言是指使用更加簡化的界面顏色,更大更突出的標題字體,以及簡潔的圖標,來拉開頁面信息層級,突出頁面主要功能。我們作為用戶體驗設計師應該進行最小化設計逐步簡化的設計模式,毫不留情的砍掉沒有重要功能的元素,使用戶快速關注到信息的本質。

3  文案精鍊直白

文案也是一位交互設計師在日常設計中需要掌控的點,文案上同樣也體現着產品的可用性和易用性以及產品格調。以下舉例了兩個產品的文案設計,可以看出文案精練直白的重要性。

windows旗下產品的註冊:

QQ7.0版本中Redesign的註冊:

最後總結,設計好文案的關鍵點是什麼?第一、避免使用專業詞彙。第二、避免使用模稜兩可的詞彙。第三、用詞用字精鍊。第四、多從用戶的口吻出發。第五、分段分組分節點的展現大段文案。

4  腦洞猜想方向

1)  方向一  “內容” –––– 內容吸引與互動後才提示註冊。

先看內容(附近的人、遊戲、動漫、看點等),當用戶對內容想要互動和操作時(想和附近的人聊天時,想進入某個遊戲時,想收藏和評論某個漫畫時),再提示用戶註冊賬號。貼心的產品應該讓用戶看到讓他感興趣的內容後,當用戶想有有進一步操作時才提示用戶註冊帳號。先勾起用戶的慾望,再讓用戶註冊進來,讓用戶感知到這個註冊賬號的價值。例如各類購物類APP,先讓用戶看商品,到確認購買支付之時才需註冊。

2)  方向二 “趣味” –––– Baby Q對話來註冊。

註冊是一個複雜乏味的交互操作程序,除了一味的下一步再下一步,我們也在思考一些有更多創新點的交互形式。例如我們作為一款社交產品,可藉助自身message的形式,讓整個註冊流程像與人交流一樣自然順暢且輕鬆。這裡我們嘗試通過與Baby Q對話來註冊,讓用戶時刻明白自己所處的流程步驟,熟知上下文。同時也會讓註冊產生更多趣味性,並且願意與Baby Q產生信賴感,提交更多的個人信息。

以此為一個可探索的思考方式,未來其它類型的產品也可以有更豐富的註冊形式,結合自身產品類型,定製化與個性化的去設計整個註冊流程。例如語音APP嘗試以發語音的形式來註冊,塗鴉拍照APP手繪出註冊驗證碼,音樂APP嘗試通過播放音樂的進度的形式來註冊等。

3)  方向三 “智能” –––– 人臉識別自動匹配下發QQ號。

隨着人工智能的進步,以後進入QQ後直接開啟前置攝像頭,掃描人臉後,直接與人臉綁定後自動匹配給你一個QQ號。能有效避免登錄中輸入帳號、忘記密碼的複雜交互,並且在QQ防詐騙,防盜號中,起到一定的網絡安全作用。

結語

本文在探討的註冊交互設計中,首先通過簡化流程、聚焦核心信息以及文案精練直白這3點結合手機QQ在7.0版本的註冊Redesign實例,講解了我們是如何在註冊模塊進行交互設計思考。其次根據競品分析和桌面調研,對比和佐證了我們在註冊模塊的交互設計。最後通過腦洞猜想了3種在手機QQ中可能可以嘗試的註冊概念設計方向。以上討論的註冊設計中的各個要點也並非是前沿性理念和絕對完美的設計,它只是設計師在日常工作中對基礎需求的思考和嘗試性的提煉總結。這種Complexion Reduction的設計理念的運用,在未來也尚還需要更多的考慮手機QQ產品設計風格的一致性。

 

參考文章:

[1]  How to Design Words 

https://medium.com/@jsaito/how-to-design-words-63d6965051e9#.p2d3c1tfi

[2]  Better Password Masking For Sign-Up Forms

https://www.smashingmagazine.com/2012/10/password-masking-hurt-signup-form/

Tags: , ,

數據圖表設計(一)
上一遍
如何設計好看又好賣的企業產品官網
下一遍
10,069
QQ空間 新浪微博 Facebook Google+

相關推薦

留下你的想法吧