超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

手機(jī)QQ,是如何做注冊(cè)流程的?

2017-7-26    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


戴喂喂:QQ作為一個(gè)連接人、內(nèi)容與生活的社交平臺(tái),其注冊(cè)帳號(hào)將是我們產(chǎn)品中非常重要的一環(huán)?;贛obile端與Pc端的區(qū)別,我們?cè)谑謾C(jī)版QQ的設(shè)計(jì)上要求更輕、更快、更便捷的給用戶下發(fā)QQ號(hào)。目前手機(jī)版QQ的用戶量覆蓋率已達(dá)8億以上,所以現(xiàn)有新QQ號(hào)的注冊(cè)情況多為已有號(hào)碼登錄情況下的小號(hào)注冊(cè)。所以如何幫助用戶快速注冊(cè)新QQ號(hào),并且使用戶在流程中獲得良好的用戶體驗(yàn)就是我們思考的問題。

一. 簡(jiǎn)化流程

分布注冊(cè)

分步注冊(cè)是什么?它指的是在注冊(cè)頁面上,一個(gè)頁面只專注于一個(gè)信息的提交,分步驟地去讓用戶完成整個(gè)流程。相反,非分步注冊(cè)則指的是在一個(gè)長(zhǎng)頁面上完成多個(gè)信息的填寫,最終提交注冊(cè)一個(gè)帳號(hào)。

依據(jù)桌面調(diào)研,多數(shù)分步注冊(cè)APP平均為5步左右,多數(shù)非分步注冊(cè)APP平均為8步左右。并且Facebook曾針對(duì)分步注冊(cè)與非分步注冊(cè)做過A/B Test,其結(jié)論指出分步注冊(cè)的轉(zhuǎn)化率遠(yuǎn)高于非分步注冊(cè)。由此可見,非分步注冊(cè)強(qiáng)行減少注冊(cè)頁面,不如適當(dāng)拉長(zhǎng)戰(zhàn)線,給用戶輕負(fù)荷的操作,讓用戶在不知不覺中完成注冊(cè)流程。

手機(jī)QQ,是如何做注冊(cè)流程的?

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

選擇分步注冊(cè)的原因是:

a. 分步注冊(cè)適合移動(dòng)端設(shè)計(jì)

移動(dòng)端屏幕小,加上彈出鍵盤,假設(shè)將多個(gè)輸入項(xiàng)放在一個(gè)頁面,會(huì)給用戶造成擁擠感,然而分步注冊(cè)則可較好的解決該問題。

b. 分步注冊(cè)可減少用戶點(diǎn)擊輸入框的次數(shù)

幾乎所有的注冊(cè)關(guān)鍵步驟中都有:輸入手機(jī)號(hào)、獲取驗(yàn)證碼、設(shè)定密碼這3個(gè)步驟。在一個(gè)頁面中時(shí),需要手動(dòng)逐項(xiàng)呼出鍵盤來填寫。若遵循分步注冊(cè),分成3個(gè)頁面的話,進(jìn)入每個(gè)頁面都會(huì)自動(dòng)置入焦點(diǎn)并彈出鍵盤,將減少用戶手動(dòng)點(diǎn)擊輸入框的次數(shù)。

c. 分步注冊(cè)在一定程度上可提高轉(zhuǎn)化率

手機(jī)QQ,是如何做注冊(cè)流程的?

非分步注冊(cè)在一個(gè)頁面中擁有較多輸入項(xiàng),會(huì)加大用戶流失率。但是在某些情況下,分步注冊(cè)也并非是最理想的選擇。當(dāng)分步注冊(cè)的步數(shù)增多到一定的數(shù)量,即使一個(gè)頁面上只完成一件事,其步驟繁雜的用戶體驗(yàn),一樣是會(huì)造成較低的轉(zhuǎn)化率。

2. 已登錄情況下注冊(cè),跳過手機(jī)號(hào)驗(yàn)證直接放號(hào)

在上述分步注冊(cè)的思考和分析后,我們?cè)?/span>手機(jī)QQ 7.0版本中針對(duì)注冊(cè)流程進(jìn)行Redesign。

手機(jī)QQ,是如何做注冊(cè)流程的?

設(shè)計(jì)前,觀察數(shù)據(jù)中獲知手機(jī)QQ里有18.87%的用戶進(jìn)入注冊(cè)流程后,無法完成整個(gè)流程。為了解決這個(gè)問題,我們通過縮短用戶注冊(cè)步驟,來讓用戶更容易的獲取QQ號(hào),從而避免用戶在注冊(cè)QQ號(hào)中受挫。所以從改版前后的對(duì)比中可以看到我們?cè)谧?cè)小號(hào)時(shí)直接放號(hào),不要手機(jī)驗(yàn)證,縮短步驟(從9步到6步)。

二. 聚焦核心信息

手機(jī)QQ在7.0版本的注冊(cè)Redesign中,首先分析頁面信息優(yōu)先級(jí),將頁面信息按權(quán)重排序,依次為核心步驟層、內(nèi)容輸入層、輔助信息層,還有包含可點(diǎn)擊交互操作的操作引導(dǎo)層。然后通過字號(hào)、字色與字重拉開信息層級(jí)間的差距,最終將用戶聚焦到核心信息上來。

手機(jī)QQ,是如何做注冊(cè)流程的?

a. 核心步驟層,是指用戶在短暫時(shí)間內(nèi)瀏覽頁面時(shí),能讓其一目了然的獲知當(dāng)下應(yīng)該操作的某個(gè)步驟。例如“輸入手機(jī)號(hào)碼”是這個(gè)頁面的重點(diǎn)核心內(nèi)容,其設(shè)計(jì)需要重點(diǎn)突出,且精煉文字。

b. 內(nèi)容輸入層,是指用戶被核心步驟層吸引后,需要進(jìn)行相關(guān)內(nèi)容的輸入,例如昵稱和密碼的輸入等等。其設(shè)計(jì)需要引導(dǎo)用戶進(jìn)行輸入操作,并且在輸入中給用戶帶來便捷性。例如包括密碼明文/暗文的切換,以及輸入驗(yàn)證碼到最后一位后直接進(jìn)入下一步,來確保便捷性。

c. 輔助信息層,是指用戶理解了以上兩個(gè)信息層后,輔助信息層會(huì)有更多信息讓感興趣的用戶去了解。這里往往提供更多說明或者跳轉(zhuǎn)鏈接,例如使用條款和隱私政策等。

手機(jī)QQ,是如何做注冊(cè)流程的?

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

三. 文案精煉直白

文案也是一位交互設(shè)計(jì)師在日常設(shè)計(jì)中需要掌控的點(diǎn),文案上同樣也體現(xiàn)著產(chǎn)品的可用性和易用性以及產(chǎn)品格調(diào)。以下舉例了兩個(gè)產(chǎn)品的文案設(shè)計(jì),可以看出文案精練直白的重要性。

windows旗下產(chǎn)品的注冊(cè):

手機(jī)QQ,是如何做注冊(cè)流程的?

手機(jī)QQ7.0版本中Redesign的注冊(cè):

手機(jī)QQ,是如何做注冊(cè)流程的?

最后總結(jié),設(shè)計(jì)好文案的關(guān)鍵點(diǎn)是什么?第一、避免使用專業(yè)詞匯。第二、避免使用模棱兩可的詞匯。第三、用詞用字精煉。第四、多從用戶的口吻出發(fā)。第五、分段分組分節(jié)點(diǎn)的展現(xiàn)大段文案。

四. 腦洞猜想方向

1. 方向一 “內(nèi)容” –––– 內(nèi)容吸引與互動(dòng)后才提示注冊(cè)

先看內(nèi)容(附近的人、游戲、動(dòng)漫、看點(diǎn)等),當(dāng)用戶對(duì)內(nèi)容想要互動(dòng)和操作時(shí)(想和附近的人聊天時(shí),想進(jìn)入某個(gè)游戲時(shí),想收藏和評(píng)論某個(gè)漫畫時(shí)),再提示用戶注冊(cè)賬號(hào)。貼心的產(chǎn)品應(yīng)該讓用戶看到讓他感興趣的內(nèi)容后,當(dāng)用戶想有進(jìn)一步操作時(shí)才提示用戶注冊(cè)帳號(hào)。先勾起用戶的欲望,再讓用戶注冊(cè)進(jìn)來,讓用戶感知到這個(gè)注冊(cè)賬號(hào)的價(jià)值。例如各類購(gòu)物類APP,先讓用戶看商品,到確認(rèn)購(gòu)買支付之時(shí)才需注冊(cè)。

手機(jī)QQ,是如何做注冊(cè)流程的?

2. 方向二 “趣味” –––– Baby Q對(duì)話來注冊(cè)

注冊(cè)是一個(gè)復(fù)雜乏味的交互操作程序,除了一味的下一步再下一步,我們也在思考一些有更多創(chuàng)新點(diǎn)的交互形式。例如我們作為一款社交產(chǎn)品,可借助自身message的形式,讓整個(gè)注冊(cè)流程像與人交流一樣自然順暢且輕松。這里我們嘗試通過與Baby Q對(duì)話來注冊(cè),讓用戶時(shí)刻明白自己所處的流程步驟,熟知上下文。同時(shí)也會(huì)讓注冊(cè)產(chǎn)生更多趣味性,并且愿意與Baby Q產(chǎn)生信賴感,提交更多的個(gè)人信息。

手機(jī)QQ,是如何做注冊(cè)流程的?

以此為一個(gè)可探索的思考方式,未來其它類型的產(chǎn)品也可以有更豐富的注冊(cè)形式,結(jié)合自身產(chǎn)品類型,定制化與個(gè)性化的去設(shè)計(jì)整個(gè)注冊(cè)流程。例如語音APP嘗試以發(fā)語音的形式來注冊(cè),涂鴉拍照APP手繪出注冊(cè)驗(yàn)證碼,音樂APP嘗試通過播放音樂的進(jìn)度的形式來注冊(cè)等。

3. 方向三 “智能” –––– 人臉識(shí)別自動(dòng)匹配下發(fā)QQ號(hào)

隨著人工智能的進(jìn)步,以后進(jìn)入QQ后直接開啟前置攝像頭,掃描人臉后,直接與人臉綁定后自動(dòng)匹配給你一個(gè)QQ號(hào)。能有效避免登錄中輸入帳號(hào)、忘記密碼的復(fù)雜交互,并且在QQ防詐騙,防盜號(hào)中,起到一定的網(wǎng)絡(luò)安全作用。

手機(jī)QQ,是如何做注冊(cè)流程的?

結(jié)語

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

藍(lán)藍(lán)設(shè)計(jì)www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔