注冊登錄的細節如何打動(dòng)你？
 
       對一個(gè) Web 網(wǎng)站或移動(dòng)應用來(lái)說(shuō)，注冊和登錄是用戶(hù)接觸該產(chǎn)品的第一步，如果這一步的界面以及交互設計在一些細節上有新意的話(huà)，能夠讓用戶(hù)感到眼前一亮的話(huà)，可以大大提高產(chǎn)品的用戶(hù)轉化率。"魔鬼存在于細節中"，這句格言在設計中更是如此。相信很多人都知道在 Tumblr 有一個(gè)叫做 Littlebigdetails 的網(wǎng)站，專(zhuān)門(mén)記錄一些很多人可能不易覺(jué)察的界面交互細節。今天我們摘選了部分注冊與登錄表單例子。

除了以下這些外，還有很多常見(jiàn)的優(yōu)秀細節體驗，如在注冊頁(yè)面填寫(xiě)郵箱后自動(dòng)獲取郵箱后綴前部分(一般為用戶(hù)昵稱(chēng)或常用 ID)并自動(dòng)填入下方用戶(hù)名欄，這里就不一一列舉了。當然這里還需要說(shuō)明的就是，以下這些 littlebigdetails 只是讓注冊登錄表單體驗更加良好的加分項，而非全部。


注冊登錄兩不誤

1. Facebook 在密碼提示這一點(diǎn)上做得也不錯，不僅可以像 Google 那樣當輸入舊密碼會(huì )提示上次更改密碼的時(shí)間，還會(huì )將用戶(hù)名欄直接變成用戶(hù)的帳號基本信息，想借此給你一點(diǎn)提示。

2. 另外一個(gè)比較另類(lèi)的 Amazon 為了達到“讓注冊用戶(hù)易登錄，讓新用戶(hù)易注冊”的目的，將注冊用戶(hù)和新用戶(hù)合二為一。

3.Tumblr 注冊頁(yè)面，點(diǎn)擊 Start 在注冊的同時(shí)就登錄上去。舊版 Wunderlist 亦是如此。

類(lèi)似的還有 Tumblr 的注冊頁(yè)面以及 Twitter 注冊頁(yè)面，只不過(guò)將具體時(shí)間改為了條狀與顏色提示，紅色表示危險，綠色表示安全。

4. Gmail 登錄頁(yè)面輸入舊密碼會(huì )提示用戶(hù)上次更改密碼的時(shí)間。

5. Geeklist 在注冊頁(yè)面輸入密碼的時(shí)候右側會(huì )提示破解該密碼需要的時(shí)間。

6. 在 Kickstart 的注冊頁(yè)面中，當用戶(hù)郵箱后綴輸入錯誤時(shí)(如將 Gmail 敲成 Gmaill 或 Gmaiil)它會(huì )給用戶(hù)實(shí)時(shí)糾正提示。

7. Path 網(wǎng)頁(yè)版(舊版)上的注冊按鈕點(diǎn)擊后在跳轉過(guò)程會(huì )呈現一個(gè)笑臉，類(lèi)似效果的還有 Cloudapp 的登錄頁(yè)面，下圖所示。

8. Quora 的登錄頁(yè)面輸入郵箱后會(huì )實(shí)時(shí)加載該郵箱對應的賬戶(hù)信息(用戶(hù)名及頭像)，提示用戶(hù)是否輸入正確。

9. 樂(lè )高旗下的一款游戲 Lego Universe(已關(guān)閉)的登錄界面更是有趣，在用戶(hù)輸入密碼的時(shí)候下方的樂(lè )高機器人會(huì )從正常狀態(tài)(左側所示)變?yōu)槲孀∽约貉劬顟B(tài)，太有愛(ài)了。

重慶網(wǎng)絡(luò )公司