藍(lán)藍(lán)設(shè)計(jì)( www.teruid.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è)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來(lái)源：優(yōu)設(shè)網(wǎng)

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

 

原文作者:Paula Borowska         文章來(lái)源：designmodo

提升用戶體驗(yàn)的最好的方法，或者更確切的說(shuō)讓產(chǎn)品更棒，都可以歸結(jié)為讓用戶使用產(chǎn)品的整個(gè)體驗(yàn)更為簡(jiǎn)單。而對(duì)于如何提升登錄過(guò)程的體驗(yàn)?zāi)阌性S多可以做的。

這里我們將探討提升登錄過(guò)程體驗(yàn)的五種方法，首先會(huì)提到兩種不同的登錄類型，緊接著我們將會(huì)討論標(biāo)簽的重要性和資源占用的問(wèn)題。

登錄類型

用戶通常有兩種不同的方式來(lái)登錄一個(gè)網(wǎng)站。的一個(gè)方式是通過(guò)某社交網(wǎng)站的賬號(hào)采用第三方授權(quán)登錄的方式，這種方式在很多app上都可以看到。對(duì)于一個(gè)新的app或者產(chǎn)品而言，如果不想打攪用戶去填寫創(chuàng)建一個(gè)賬戶，這是尤為正確的一個(gè)做法。譬如通過(guò)Facebook或者Twitter去登錄是輕而易舉的事情，因?yàn)槟阒灰c(diǎn)擊一個(gè)按鈕，然后等上幾秒鐘去連接上社交網(wǎng)站就可以了。

另外一種方法是通過(guò)提供用戶名或者郵件地址以及密碼來(lái)登錄。這是一種比較常用的且可以提升其用戶體驗(yàn)的登錄方式。這里所說(shuō)的技巧也是和這種登錄類型相關(guān)的。所有登錄類型都各有利弊，而現(xiàn)在我們主要討論一下如何提升這種比較典型且傳統(tǒng)的登錄方式的體驗(yàn)。

1. 允許郵件登錄

我們常常能看到一個(gè)網(wǎng)站在注冊(cè)的時(shí)候不需要填寫用戶名。使用郵箱去登陸也是很正常的，對(duì)嗎？要么使用用戶名，要么使用郵箱，我覺(jué)得這都沒(méi)什么問(wèn)題。請(qǐng)兩種方式都允許，我的問(wèn)題就是當(dāng)郵件登陸也應(yīng)該被允許的時(shí)候?yàn)槭裁粗徽J(rèn)用戶名呢。

我有遇到過(guò)那種用郵箱或者用戶名都可以登陸的，但標(biāo)簽信息只顯示“用戶名”，設(shè)計(jì)上這是一個(gè)缺陷。

總的來(lái)說(shuō)是這樣的，通常用戶使用的都是相同的郵箱地址登陸，但并不一定使用的是相同的用戶名。比如說(shuō)，我Twitter賬號(hào)的用戶名和我Instagram的用戶名就不一樣，因?yàn)橛杏脩粼贗nstagram上已經(jīng)注冊(cè)使用的用戶名跟我在Twitter上使用的一樣，就是這么巧。

而且除此之外，我OKCupid賬戶的用戶名跟其它賬戶也不一樣，而這一回是我故意的，因?yàn)樵贠KCupid里我不想讓別人知道我的全名。然而，所有的這些賬戶都可以使用相同的郵箱登陸。不管什么方案，在登陸的時(shí)候用戶名和郵箱都被允許使用的話對(duì)用戶來(lái)說(shuō)的確將會(huì)方便很多。

2. 提供一個(gè)清晰的錯(cuò)誤提示信息

說(shuō)到登錄，你為用戶提供的反饋信息是多了還是少了其實(shí)是比較講究的。信息過(guò)多可能就會(huì)被黑客利用，而信息過(guò)少可能又會(huì)增加用戶的困惑。

我們得承認(rèn)那種系統(tǒng)自動(dòng)生成的錯(cuò)誤提示比如“無(wú)效的輸入”對(duì)用戶來(lái)說(shuō)并沒(méi)有幫助。錯(cuò)誤提示應(yīng)該用比較通俗易懂的語(yǔ)言。

如果你想在用戶體驗(yàn)上更好，你可以使用Javascrip來(lái)幫助用戶提前確認(rèn)輸入信息的正確性。   有一個(gè)最好的案例,就是在智能手機(jī)上用戶錯(cuò)把.com輸入成了.con或者說(shuō)小點(diǎn)也忘了輸入，系統(tǒng)都可以識(shí)別并且及時(shí)提醒。在用戶點(diǎn)擊提交或者在輸完所有信息前就可以預(yù)先看到反饋信息，知道自己輸入的信息正確與否。而用戶的生活也因此變得更簡(jiǎn)單，因?yàn)樗?jié)省了用戶的時(shí)間。（如果你有安全方面的擔(dān)憂，錯(cuò)誤消息提示信息不用特別的具體）

3. 為用戶提供找回密碼的鏈接

你可能會(huì)覺(jué)得這是顯而易見的事情，但有些網(wǎng)站就會(huì)忽略掉它。你常常會(huì)想要一個(gè)鏈接來(lái)找回忘記的密碼。（忘記用戶名也是?。┎灰獙⑦@個(gè)鏈接藏起來(lái)或者要讓用戶經(jīng)歷多次失敗的嘗試、歷經(jīng)千辛萬(wàn)苦才找到它。要讓它時(shí)刻準(zhǔn)備著。它并不一定要在顯而易見的地方；它也不是說(shuō)有那么重要；但它就是應(yīng)該出現(xiàn)在登錄表單的周圍。

4. 干擾 — 自由登入

一般來(lái)說(shuō)有兩種方式來(lái)設(shè)置登錄，一種是在頁(yè)面上方的窗口登錄，還有一種是有單獨(dú)的一個(gè)登陸頁(yè)面。

對(duì)于采取單獨(dú)頁(yè)面的登錄方式的確是有一些優(yōu)勢(shì)的。然而，如果你采取了這樣的方式，請(qǐng)記住在登錄頁(yè)的周圍不要有太多的干擾信息，你首先想要的是用戶登錄進(jìn)賬戶，然后才是產(chǎn)品推廣諸如此類的信息。用戶登錄后，想要推銷一些東西給用戶就會(huì)變的容易許多。

此外，我要提到保留和轉(zhuǎn)換的問(wèn)題。對(duì)于用戶來(lái)說(shuō)干擾越少，用戶就更輕易的可以登錄，使你進(jìn)一步推銷產(chǎn)品。如果這種方法對(duì)于注冊(cè)表單和結(jié)賬系統(tǒng)都奏效的話，那么也應(yīng)該同樣適用到登錄。而且頁(yè)面上的無(wú)關(guān)的條目少了，加載的速度也會(huì)變快的。

5. 重要的標(biāo)簽

任何表單（控件）上的文案及位置都很重要。你無(wú)論做什么，不要把“提交”的按鈕寫成“提交”，而是用“登陸”代替。就是這么簡(jiǎn)單。這樣可以讓用戶知道和預(yù)想到點(diǎn)擊后的確切的事情。

它提高了用戶體驗(yàn)并且對(duì)你來(lái)說(shuō)幫助很大。避免只有一個(gè)輸入框讓用戶填寫，至少也要放一個(gè)圖標(biāo)在里面，但最好還是使用一個(gè)輸入標(biāo)簽來(lái)提示用戶該填寫什么。不要忘了明確，用郵件和用戶名的方式都可以登錄。

總結(jié)

好了，要說(shuō)的就是這些。5種巧妙的提升登錄過(guò)程用戶體驗(yàn)的方法。我希望這幾條能對(duì)你有所幫助并且按照你所期望的那樣去使用。它們能讓用戶的登錄過(guò)程很順暢，一切都是為了讓事情變得更加簡(jiǎn)化和方便！