當(dāng)前位置：首頁(yè) >UI設(shè)計(jì) >UI設(shè)計(jì)中登錄頁(yè)的設(shè)計(jì)指南

UI設(shè)計(jì)中登錄頁(yè)的設(shè)計(jì)指南

發(fā)布時(shí)間：2024-02-29 11:54:23 瀏覽量：247次

　　UI設(shè)計(jì)創(chuàng)新技能層出不窮，UI設(shè)計(jì)滿(mǎn)足著形形色色各種垂直化的需求,在設(shè)計(jì)方面大家也是想方設(shè)法去做一些創(chuàng)新,希望自己能夠在各種應(yīng)用中脫穎而出,今天我就針對(duì)UI設(shè)計(jì)中登錄頁(yè)設(shè)計(jì)指南進(jìn)行簡(jiǎn)單的說(shuō)明。

　　一、注冊(cè)登錄方式

　　1.只使用第三方賬號(hào)注冊(cè)登錄

　　這種方式是最快捷的登錄方式，省去了手機(jī)注冊(cè)的繁瑣操作，幫用戶(hù)提高效率，節(jié)省時(shí)間。

　　這里沒(méi)有找到參考案例，可能現(xiàn)在用這種方式的APP已經(jīng)很少了。

　　2.只使用手機(jī)號(hào)注冊(cè)登錄

　　使用手機(jī)號(hào)+獲取驗(yàn)證碼是目前最常用的注冊(cè)登錄方式，通過(guò)發(fā)送短信獲取驗(yàn)證碼在60-90秒內(nèi)進(jìn)行注冊(cè)登錄，這么做是為了確認(rèn)用戶(hù)擁有該手機(jī)號(hào)的使用權(quán)。

　　手機(jī)號(hào)+驗(yàn)證碼是比較簡(jiǎn)便的登錄方式，手機(jī)號(hào)+密碼是比較常用的登錄方式。在輸入手機(jī)號(hào)后，為了讓用戶(hù)查看是否輸入正確，建議手機(jī)號(hào)顯示樣式為3-4-4模式(如186 3464 ****)

　　手機(jī)號(hào)也是商家進(jìn)行用戶(hù)維護(hù)的有效手段，可以在節(jié)假日發(fā)送祝?；蛘叽黉N(xiāo)短信，也可以在用戶(hù)長(zhǎng)期未使用產(chǎn)品時(shí)進(jìn)行短信提示，避免用戶(hù)將產(chǎn)品遺忘。

　　3.使用手機(jī)號(hào)+第三方賬號(hào)注冊(cè)登錄

　　這種樣式是上面兩種樣式的結(jié)合，一般這樣的組合方式是希望用戶(hù)使用手機(jī)號(hào)注冊(cè)，所以手機(jī)注冊(cè)登錄比較突出，第三方注冊(cè)會(huì)置于頁(yè)面底部弱化處理。如下圖所示：

　　還有一類(lèi)APP是希望用戶(hù)使用第三方登錄，弱化手機(jī)號(hào)注冊(cè)登錄。比如阿里旗下的閑魚(yú)、一淘、飛豬等，登錄時(shí)為了用戶(hù)數(shù)據(jù)之間的連接，會(huì)推薦用戶(hù)使用淘寶賬號(hào)進(jìn)行登錄，從而弱化了手機(jī)號(hào)注冊(cè)登錄，這是出于產(chǎn)品屬性方面的考慮。

　　4.使用郵箱注冊(cè)登錄

　　使用郵箱進(jìn)行注冊(cè)登錄是以前PC端常用的方式，一些又有移動(dòng)端又有PC端的產(chǎn)品會(huì)使用。

　　5.先體驗(yàn)后注冊(cè)登錄

　　一開(kāi)始用戶(hù)可以游客狀態(tài)進(jìn)入使用產(chǎn)品，當(dāng)用到添加、收藏、關(guān)注、評(píng)論、購(gòu)買(mǎi)等功能就必須要進(jìn)行注冊(cè)登錄了，這種方式一般多用于閱讀類(lèi)、游戲類(lèi)或是電商類(lèi)產(chǎn)品中。

　　這種方式對(duì)新用戶(hù)的產(chǎn)生有積極作用，很多用戶(hù)在不了解產(chǎn)品的情況下，可能只是想初步了解一下產(chǎn)品，又不想進(jìn)行手機(jī)注冊(cè)，所以會(huì)先進(jìn)入熟悉一下產(chǎn)品，待初步使用了解后，再通過(guò)引導(dǎo)讓用戶(hù)進(jìn)行手機(jī)號(hào)的綁定。

　　二、注冊(cè)登錄頁(yè)面設(shè)計(jì)要點(diǎn)

　　1.分步驟注冊(cè)登錄

　　先輸入手機(jī)號(hào)，UI設(shè)計(jì)中登錄頁(yè)的設(shè)計(jì)指南https://www.aaa-cg.com.cn/ui/2556.html?gpf點(diǎn)擊“下一步”的同時(shí)，系統(tǒng)查詢(xún)?cè)撌謾C(jī)號(hào)是否可以注冊(cè)，通過(guò)的話(huà)則進(jìn)入輸入驗(yàn)證碼頁(yè)面，這樣做的好處是可以及時(shí)反饋給用戶(hù)，避免用戶(hù)在輸完手機(jī)號(hào)和驗(yàn)證碼之后出現(xiàn)錯(cuò)誤toast的情況。

　　需要注意的是步驟不宜過(guò)多，建議3步以?xún)?nèi)。如下圖所示：