用戶進(jìn)入登錄頁面時(shí)团南，離開頁面之前能引起他們的注意變得比以前更加重要了。值得慶幸的是堕担，一個(gè)優(yōu)秀的登錄頁面的設(shè)計(jì)過程比以往更加信息化和數(shù)據(jù)化已慢，訣竅在于弄清楚其實(shí)現(xiàn)過程中的重要切入點(diǎn)所需的核心元素。?

沒有人喜歡浪費(fèi)時(shí)間霹购。如果你無法讓訪客在短時(shí)間內(nèi)瀏覽到他們想要或者是你認(rèn)為他們想要獲取的信息佑惠，他們就會(huì)離開你的站點(diǎn)去尋找一個(gè)更好的：意思就是說你失去了售賣的機(jī)會(huì)。

如果你認(rèn)為用戶比起跳轉(zhuǎn)更多的是上下滾動(dòng)，這是一個(gè)非常熟悉的痛點(diǎn)的話膜楷，下文將會(huì)闡述哪些地方會(huì)使你失去訪客旭咽，當(dāng)然，以及如何正確設(shè)計(jì)赌厅。

無論是大膽的B2C初創(chuàng)公司新發(fā)布還是成立已久的B2B巨頭公司進(jìn)行改版穷绵，以下均可作為登錄頁面的核心準(zhǔn)則：

1.言簡(jiǎn)意賅的價(jià)值定位

如果你讓用戶費(fèi)勁兒地去理解你所提供的東西，他們便將吝嗇他們的時(shí)間與金錢特愿。產(chǎn)品或網(wǎng)站的優(yōu)勢(shì)特征必須明確體現(xiàn)仲墨，出彩的設(shè)計(jì)可以與其相輔相成。

以“Headspace”網(wǎng)站為例（圖1）揍障，受歡迎的app登錄頁面不僅視覺上引人注目目养，內(nèi)容也得到了清楚地表達(dá)。用兩句僅僅20個(gè)左右單詞的口號(hào)作為主標(biāo)題與副標(biāo)題毒嫡，不僅減緩了視覺沖擊癌蚁，還清楚地表達(dá)了網(wǎng)站的價(jià)值定位，傳達(dá)出平靜與高效的印象——成為下載量超過一百萬次的原因之一兜畸。

（圖1 Headspace app登錄頁面）

2.簡(jiǎn)潔的界面

大多數(shù)的設(shè)計(jì)服務(wù)都叫囂著界面的重要性努释，但并不是很多人都能在各個(gè)層面做好這一點(diǎn)。如果你正在售賣的是一個(gè)APP或軟件咬摇，產(chǎn)品本身可能界面做得超乎用戶的期望伐蒂；但如果引導(dǎo)頁——“商店的窗戶”，由于其拙劣的界面設(shè)計(jì)成為用戶和產(chǎn)品的阻礙菲嘴，那用戶將會(huì)離開這樣便失去了業(yè)務(wù)機(jī)會(huì)饿自。

“Duolingo”（圖2）的登錄頁面就正確地認(rèn)識(shí)到人們更愿意通過易于瀏覽與理解的方式去學(xué)習(xí)一門新語言汰翠。其頁面可以“零干擾”地直接訪問產(chǎn)品龄坪，網(wǎng)站可提供的各種語言與可鏈接的各種設(shè)備與平臺(tái)都一目了然地呈現(xiàn)在登錄頁面上，因此它不需要設(shè)置站點(diǎn)去尋找你想要的內(nèi)容复唤；用戶體驗(yàn)將會(huì)變得愉悅并且有所收獲健田，并且相同的觀點(diǎn)也可應(yīng)用于APP游戲化。

（圖2 Duolingo——簡(jiǎn)潔的登錄頁面設(shè)計(jì)）

3.和市場(chǎng)行為一致的用戶體驗(yàn)設(shè)計(jì)

一致性是關(guān)鍵——這句話或許你已經(jīng)聽了一百萬次佛纫，但在數(shù)字世界的各行各業(yè)中確實(shí)如此妓局。用戶們不僅期望和程序或網(wǎng)站的一致性體驗(yàn)，還需要與郵件呈宇、社會(huì)媒體或是商店里的各個(gè)接觸點(diǎn)做到一致好爬。

網(wǎng)頁的站點(diǎn)名稱應(yīng)具有無縫銜接的特征，“IFTTF”（圖3）提供了一個(gè)很好的案例甥啄，其登錄頁將全方位的用戶體驗(yàn)結(jié)合在一起存炮。其登錄頁面上體現(xiàn)讓生活更智能的核心設(shè)計(jì)便是顯而易見的電子郵件營銷。?

（圖3 IFTTT——一致的設(shè)計(jì)表達(dá)了軟件的本質(zhì)）

4.具有“Killer Copy”的邏輯結(jié)構(gòu)

（Killer Copy即理性說服、讓人理解并無法拒絕來促使人的行為）

當(dāng)設(shè)計(jì)一個(gè)趨近完美的登錄頁面時(shí)穆桂，就需要協(xié)同工作了宫盔；這意味著除了設(shè)計(jì)、文案享完、很好的報(bào)價(jià)還有很多因素需要考慮灼芭。我們需要將所有節(jié)點(diǎn)串聯(lián)起來協(xié)調(diào)出一個(gè)結(jié)構(gòu)化、能給用戶展示全貌的頁面般又。

蘋果（圖4）利用“Killer Copy”這種思路將用戶放在首位已經(jīng)做得非常好了彼绷，文案全是關(guān)于“你”以及“你的”并且他們認(rèn)為定位產(chǎn)品運(yùn)用這些字眼是具有絕對(duì)必要性的。?

（圖4 Apple——為以用戶為中心的產(chǎn)品設(shè)計(jì)以用戶為中心的設(shè)計(jì)）

5.直切重點(diǎn)的CTA

如果用戶注意力集中于產(chǎn)品劣勢(shì)茴迁，想要激勵(lì)他們付諸行動(dòng)可能就變得不那么重要了苛预。在這樣一個(gè)競(jìng)爭(zhēng)激烈的數(shù)字世界中，這是一個(gè)很好的平衡笋熬，但在涉及設(shè)計(jì)热某，定價(jià)結(jié)構(gòu)和客戶服務(wù)等方面時(shí)，競(jìng)爭(zhēng)對(duì)手不斷糾結(jié)于勝人一籌的游戲中則不然了胳螟。

在音樂流媒體行業(yè)中就看到了“Spotify”（圖5）和“Deezer”（圖6）之前的戰(zhàn)爭(zhēng)昔馋。“Spotify”也許比“Deezer”成立稍早一些糖耸，但是他們發(fā)現(xiàn)他們其實(shí)身處同一個(gè)點(diǎn)播娛樂的時(shí)代并具有最低定價(jià)秘遏、最好用戶體驗(yàn)且相似的產(chǎn)品。因此嘉竟，兩個(gè)網(wǎng)站登錄頁面上的口號(hào)都是出于經(jīng)濟(jì)動(dòng)機(jī)邦危，以便正確應(yīng)對(duì)大多數(shù)人對(duì)音樂流媒體的一個(gè)主要抱怨：價(jià)格。?

（圖5 Spotify——運(yùn)用了突出的設(shè)計(jì)讓用戶關(guān)注于價(jià)格上）

（圖6?Deezer——簡(jiǎn)單的CTA就將品質(zhì)與價(jià)格聯(lián)系起來）

如圖所示以及在許多注冊(cè)與登錄的按鈕都可以看到舍扰，祈使語氣的動(dòng)詞能在CTAs上給人一種緊迫感如“Get Spotify Free”和“Try Deezer Premium”倦蚪，后者所提到的價(jià)格激起了“需要”而非“想要”的感覺。

6.相當(dāng)數(shù)量的社會(huì)樣本

無論我們自己是否喜歡边苹，很多時(shí)候我們都是基于別人的決定而做決定陵且。想一想現(xiàn)在反饋對(duì)于購買周期有多重要，難怪像“Trustpilot”和“Yelp”火得如日中天个束。一篇Mintel的報(bào)道顯示80%的美國顧客在進(jìn)行購物前都會(huì)去瀏覽反饋——那是在2015年慕购。來自于其他的社會(huì)樣本事實(shí)上有時(shí)也值得你花時(shí)間和金錢，不單單是推薦和評(píng)論茬底，用戶數(shù)和銷售數(shù)據(jù)通常也有竅門

“Shopify”（圖7）在他們的網(wǎng)站登錄頁面便利用了令人印象深刻的數(shù)字以及鮮艷明確的推薦卡片這類社會(huì)樣本沪悲。它們也許是首屏展示但是由于戰(zhàn)略位置足夠低，可以進(jìn)一步鼓勵(lì)用戶進(jìn)行滾動(dòng)阱表，用戶可能對(duì)公司提交仍然有些許小疑惑殿如。

這已經(jīng)成了現(xiàn)代比較古老但是又一次又一次起作用的技巧了昌妹，因此是任何一個(gè)登錄頁面都值得錦上添花的重要部分

（圖7 Shopify——用設(shè)計(jì)激勵(lì)人們）

7.不同的讀者，不同的登錄頁面

正如上述所見握截，這些優(yōu)秀的登錄頁面也許存在很多相似點(diǎn)飞崖，但事實(shí)卻是理想的登錄頁面設(shè)計(jì)并沒有一個(gè)固定的結(jié)構(gòu)。所有的這些案例都依賴于獨(dú)特的搜索行為谨胞、購買周期以及設(shè)備使用等固歪，但核心準(zhǔn)則應(yīng)該是對(duì)你的用戶需求建立直接的反饋為基礎(chǔ)。做正確的事胯努，你的登錄頁也將是正確的牢裳。

你正在設(shè)計(jì)一個(gè)新的登錄頁面嗎？今天我們來討論一下如何通過所需的UI/UX設(shè)計(jì)元素做一個(gè)成功的案例叶沛。

原文作者：Simon McCade

來源www.simonmccade.com