編者按：輾轉已到第三課，趁著(zhe)雙十一還(hái)木有剁手之前，趕緊來學(xué)一篇超贊的登錄界面(miàn)設計指南！想想有一天你滿心歡喜買

了一籃子東西，剛想豪爽地叫(jiào)小二買單，小二讓你先注冊，頓時歡喜近無。這(zhè)時候就該設計師出場咯，今天我們分享10個技

巧，幫訪客高興注冊！

電子商務網站已經(jīng)慢慢成(chéng)爲現代都(dōu)市人的必需品，大家都(dōu)樂此不疲的使用著(zhe)，但對(duì)于第一次注冊使用的情景，相信大家還(hái)記

憶猶新。精心挑選完商品之後(hòu)，用戶們懷著(zhe)愉快的心情點擊購買按鈕，但顯示的卻是“請先注冊或登錄”，原本滿滿的購物

欲和好(hǎo)心情有可能(néng)瞬間大打折扣。

電商網站需要注冊和登錄才能(néng)執行購買流程雖然受到很大一部分用戶的不喜愛，但确實是非常普遍的現象。用戶之所以如此

反感，也不完全因爲流程繁瑣，網站的表現形式不夠友好(hǎo)、人性化也是原因之一，甚至還(hái)有網站令用戶很直接的感受到一種(zhǒng)

強迫性。

市場環境讓幾乎所有國(guó)内的電商網站都(dōu)随大流的加上注冊登錄環節，那麼(me)，如何讓這(zhè)一步驟變得更友好(hǎo)更适用，這(zhè)是我們需

要思考的問題。現在，就列出10條我們的觀點。

1. 簡潔突出，大膽留白

“挑剔”是大多數網購人群的特性，這(zhè)種(zhǒng)“挑剔”不僅體現在他們對(duì)商品的态度，也蔓延到對(duì)網站的每個頁面(miàn)。用戶不喜歡

思考和尋找，他們希望所有自己需要的内容都(dōu)清晰的攤在眼前，甚至眼前隻有自己需要的内容。這(zhè)樣(yàng)的要求聽起(qǐ)來很苛刻，

但隻有把握類似這(zhè)樣(yàng)的細節，才能(néng)在競争激烈的電商市場中占有一席之地。

很多設計師對(duì)于留白都(dōu)有些戰戰兢兢，生怕讓别人誤以爲是自己偷懶了。其實，在電商登陸頁的設計中，留白卻是一種(zhǒng)挽回

用戶好(hǎo)心情的好(hǎo)方法。登錄注冊在用戶心裡(lǐ)就是一個很麻煩的過(guò)程，而大量的留白能(néng)讓用戶感覺“原來隻有一個步驟而已”

，能(néng)很大程度的提升用戶體驗。

2. 以訪客利益爲主導

訪客利益爲先的衡量标準說起(qǐ)來可能(néng)比較空洞，很多電商網站也因此忽略了這(zhè)一點。電商網站的主要目的是盡可能(néng)的多推廣

、多銷售自己的産品，于是有的網站就不放過(guò)任何一個可以推銷自己産品的角落，這(zhè)樣(yàng)的做法會讓用戶很厭煩，尤其在登陸

頁上出現諸如此類的推銷信息。

亞馬遜的登陸頁就與之完全不同，不僅在引導上做的很到位，語句的撰寫也更多的爲客戶考慮，“我的郵箱地址是…”，這(zhè)

樣(yàng)的語言顯得更有親和力。

3. 好(hǎo)的标題是成(chéng)功的一半

有統計顯示，閱讀标題的人是閱讀正文的人的5倍，這(zhè)意味著(zhe)“敲門磚”的重要性。如果你的标題夠吸引人，也許用戶跟不

用等到購買前才登陸注冊，讓用戶心甘情願的化被(bèi)動爲主動才是交互設計更深層的意義。

4. 簡化頁面(miàn)副本，切中要害

剛才已經(jīng)提到，用戶根本沒(méi)有心思在短短的幾秒鍾之内做任何思考，因此，這(zhè)裡(lǐ)又涉及到了頁面(miàn)副本的問題。如今什麼(me)都(dōu)講

求要創新獨特，但在登陸頁上還(hái)是要盡量避免。登陸頁面(miàn)上的文案還(hái)是應該簡單一點，用一些一看就能(néng)懂，而且沒(méi)有歧義的

文字。

5. 有趣美觀的頁面(miàn)設計

“人不愛美，天誅地滅”，視覺上美觀的是事(shì)物總能(néng)給人更好(hǎo)的第一印象，對(duì)于網頁設計也是一樣(yàng)的道(dào)理。從色彩到布局，

登陸頁設計要的是一種(zhǒng)和諧，如果能(néng)在和諧舒适的體驗基礎上增添一些趣味性，用戶會更樂于使用和點擊。

京東的登陸頁就很有趣味性，左側圖片是略帶搞笑的風格，也許能(néng)不少讓用戶會心一笑，帶著(zhe)好(hǎo)心情來登錄和購物。

6. 必要時加入動畫效果

雖然登陸頁面(miàn)講求簡潔，但不可否認動态的事(shì)物總能(néng)在第一時間抓住用戶的眼球。當用戶不願閱讀文字的時候，在網頁中加

入動畫或小視頻就是個提高轉化率的另一個方法。但這(zhè)樣(yàng)的做法如果把握不好(hǎo)界限反而會破壞整個頁面(miàn)的效果，甚至影響用

戶體驗，所以還(hái)是要謹慎而行。

在線客服的功能(néng)很多網站都(dōu)有，但在登陸頁出現的卻不多見。在登錄或注冊的過(guò)程中，其實用戶很容易遇到困難，在麥德龍

的登陸頁中就很貼心的設置了這(zhè)一功能(néng)，并且實現動态效果，讓用戶在有需要的時候馬上找到它。

7. 撰寫充滿号召力的文案

要用僅僅幾個字的短句就抓住用戶的心，文案的号召力是很重要的因素，尤其對(duì)新用戶。這(zhè)裡(lǐ)所說的号召力也并非一定要用

短句來實現，使用大動态字體的“注冊”也能(néng)産生相應的效果，總之能(néng)讓用戶感受到你的活力和朝氣，他們才會更願意去做

。

充滿号召力的文案一定要夠簡短夠順口，易迅網的“就是這(zhè)麼(me)拼”雖然稱不上多有創意，但著(zhe)實能(néng)勾起(qǐ)用戶的購物欲，讓用

戶對(duì)登錄注冊更主動。

8. 盡量減少表單域

從視覺角度來說，表格狀的形式不僅能(néng)把雜亂的數據清晰化，也能(néng)把原本簡單的内容複雜化。有調查顯示，電商網站登陸頁

上顯示的表單域越少，轉化率就越高，由此可見，用戶對(duì)于填寫表格并不感興趣。

尤其對(duì)于首次使用的新用戶來說，他們對(duì)網站的信任感還(hái)很薄弱，在這(zhè)時讓他們填寫大量的表格式個人相關信息是很不恰當

的，這(zhè)對(duì)之後(hòu)建立彼此之間的信任感也很不利。

ebay的網站走的是極簡路線。而表單形式在登陸頁面(miàn)中基本上避免不了，所以，ebay很聰明的隻保留登錄部分，有注冊需要

的用戶可以點擊右側的按鈕跳轉到另一個頁面(miàn)。這(zhè)是一個兩(liǎng)全其美的做法，既讓登錄頁面(miàn)變得更簡單，也讓網站的條理更清

晰。

9. 感謝頁面(miàn)社會化

與其想盡辦法讓廣告在網站内無處不在，不如把握住感謝頁面(miàn)，效果可能(néng)也會好(hǎo)得多。當用戶完成(chéng)登錄頁的轉化後(hòu)，我們可

以在頁面(miàn)上添加一些選項，比如爲登陸頁點個贊，又或是分享到社交網站上，這(zhè)樣(yàng)能(néng)第一時間集中更多的客戶群。

10. 使用單開(kāi)式登陸頁

無論從實際操作還(hái)是用戶體驗角度出發(fā)，單開(kāi)式的登錄頁都(dōu)是目前最理想的打開(kāi)方式。如果選擇彈框或者直接本頁登錄，會

很明顯的不利于用戶的使用，Lancome的網站就是一個例子；另外，有些浏覽器會有屏蔽彈框的功能(néng)。

一号店的登陸頁是同類網站中做的很周到的，在首頁的登錄入口位置做了一個鼠标懸停顯示的效果，這(zhè)樣(yàng)可以避免用戶因爲

誤點而造成(chéng)的不必要的點擊。

總結：

我們認爲，在電子商務網站的登錄環節暫時還(hái)無法割舍的現在，頁面(miàn)的設計要以用戶體驗爲先，讓用戶在使用的時候盡可能(néng)

的減少思考時間。同時，我們也希望在未來可以讓注冊登錄成(chéng)爲不必要的環節，讓用戶可以以遊客身份直接購買，登錄注冊

的好(hǎo)處隻是讓購物流程變得更容易或者價格更優惠，以這(zhè)樣(yàng)的方式讓用戶主動注冊，讓登錄注冊變成(chéng)一個用戶喜歡的環節。