電子商務網站設計分析三：登陸註冊頁設計

　　電子商務網站已經慢慢成為現代都市人的必需品，大家都樂此不疲的使用著，但對於第一次註冊使用的情景，相信大家還記憶猶新。精心挑選完商品之後，使用者們懷著愉快的心情點擊購買按鈕，但顯示的卻是“請先註冊或登入”，原本滿滿的購物慾和好心情有可能瞬間大打折扣。

　　電商網站需要註冊和登入才能執行購買流程雖然受到很大一部分使用者的不喜愛，但確實是非常普遍的現象。使用者之所以如此反感，也不完全因為流程繁瑣，網站的表現形式不夠友好、人性化也是原因之一，甚至還有網站令使用者很直接的感受到一種強迫性。

　　市場環境讓幾乎所有國內的電商網站都隨大流的加上註冊登入環節，那麼，如何讓這一步驟變得更友好更適用，這是我們需要思考的問題。

　　相關閱讀：

　　電子商務網站設計分析系列之一：首頁導航

　　電子商務網站設計分析系列之二：首屏設計

　　1.簡潔突出，大膽留白

　　“挑剔”是大多數網購人群的特性，這種“挑剔”不僅體現在他們對商品的態度，也蔓延到對網站的每個頁面。使用者不喜歡思考和尋找，他們希望所有自己需要的內容都清晰的攤在眼前，甚至眼前只有自己需要的內容。這樣的要求聽起來很苛刻，但只有把握類似這樣的細節，才能在競爭激烈的電商市場中佔有一席之地。

　　很多設計師對於留白都有些戰戰兢兢，生怕讓別人誤以為是自己偷懶了。其實，在電商登陸頁的設計中，留白卻是一種挽回使用者好心情的好方法。登入註冊在使用者心裡就是一個很麻煩的過程，而大量的留白能讓使用者感覺“原來只有一個步驟而已”，能很大程度的提升使用者體驗。

　　蘇寧易購的登陸頁使用了大量的留白，頁面整體和細節都十分乾淨整潔，讓使用者以最快的速度完成註冊或登入這一環節。

　　2.以訪客利益為主導

　　訪客利益為先的衡量標準說起來可能比較空洞，很多電商網站也因此忽略了這一點。電商網站的主要目的是儘可能的多推廣、多銷售自己的產品，於是有的網站就不放過任何一個可以推銷自己產品的角落，這樣的做法會讓使用者很厭煩，尤其在登陸頁上出現諸如此類的推銷資訊。

　　登陸頁是一個屬於使用者的網頁，比較一下你的登陸頁面，提到使用者的次數和提到品牌產品的次數哪個更多?

　　麥網的登陸頁是一個反面教材，網站過於急切的想把自己的商品展示給使用者，所以頁面上的內容看起來很雜亂，這有可能對營銷會有一些協助，但卻造成了不佳的使用者體驗。

　　亞馬遜的登陸頁就與之完全不同，不僅在引導上做的很到位，語句的撰寫也更多的為客戶考慮，“我的郵箱地址是…”，這樣的語言顯得更有親和力。

　　3.好的標題是成功的一半

　　有統計顯示，閱讀標題的人是閱讀本文的人的5倍，這意味著“敲門磚”的重要性。如果你的標題夠吸引人，也許使用者跟不用等到購買前才登陸註冊，讓使用者心甘情願的化被動為主動才是互動設計更深層的意義。

　　嗨淘首頁的登入入口標題就與普通電商網站的標題不太一樣，“hi”的小標識讓按鈕更吸引使用者點擊。

　　點進登陸頁後，嗨淘的標題依然與眾不同，相比較普通的“歡迎登入”，“還不是嗨淘網會員?”這樣的標題是不是更能讓使用者愉悅呢?

　　4.簡化頁面副本，切中要害

　　剛才已經提到，使用者根本沒有心思在短短的幾秒鐘之內做任何思考，因此，這裡又涉及到了頁面副本的問題。如今什麼都講求要創新獨特，但在登陸頁上還是要盡量避免。登陸頁面上的文案還是應該簡單一點，用一些一看就能懂，而且沒有歧義的文字。

　　百度糯米的登陸頁真正理解了簡化副本的含義。頁面文字的簡化並不是文字越少越好，而是要用儘可能少的文字把意思表達清楚。左側的圖片上也沒有多餘的文字，色彩上也選擇了淡色系，讓整體看起來很舒服。

　　5.有趣美觀的頁面設計

　　“人不愛美，天誅地滅”，視覺上美觀的是事物總能給人更好的第一印象，對於網頁設計也是一樣的道理。從色彩到布局，登陸頁設計要的是一種和諧，如果能在和諧舒適的體驗基礎上增添一些趣味性，使用者會更樂於使用和點擊。

　　京東的登陸頁就很有趣味性，左側圖片是略帶搞笑的風格，也許能不少讓使用者會心一笑，帶著好心情來登入和購物。

　　6.必要時加入動畫效果

　　雖然登陸頁面講求簡潔，但不可否認動態事物總能在第一時間抓住使用者的眼球。當使用者不願閱讀文字的時候，在網頁中加入動畫或小視頻就是個提高轉化率的另一個方法。但這樣的做法如果把握不好界限反而會破壞整個頁面的效果，甚至影響使用者體驗，所以還是要謹慎而行。

　　線上客服的功能很多網站都有，但在登陸頁出現的卻不多見。在登入或註冊的過程中，其實使用者很容易遇到困難，在麥德龍的登陸頁中就很貼心的設定了這一功能，並且實現動態效果，讓使用者在有需要的時候馬上找到它。

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

　　要用僅僅幾個字的短句就抓住使用者的心，文案的號召力是很重要的因素，尤其對新使用者。這裡所說的號召力也並非一定要用短句來實現，使用大動態字型的“註冊”也能產生相應的效果，總之能讓使用者感受到你的活力和朝氣，他們才會更願意去做。

　　充滿號召力的文案一定要夠簡短夠順口，易迅網的“就是這麼拼”雖然稱不上多有創意，但著實能勾起使用者的購物慾，讓使用者對登入註冊更主動。

　　8.盡量減少表單域

　　從視覺角度來說，表格狀的形式不僅能把雜亂的資料清晰化，也能把原本簡單的內容複雜化。有調查顯示，電商網站登陸頁上顯示的表單域越少，轉化率就越高，由此可見，使用者對於填寫表格並不感興趣。

　　尤其對於首次使用的新使用者來說，他們對網站的信任感還很薄弱，在這時讓他們填寫大量的表格式個人相關資訊是很不恰當的，這對之後建立彼此之間的信任感也很不利。

　　ebay的網站走的是極簡路線。而表單形式在登陸頁面中基本上避免不了，所以，ebay很聰明的只保留登入部分，有註冊需要的使用者可以點擊右側的按鈕跳轉到另一個頁面。這是一個兩全其美的做法，既讓登入頁面變得更簡單，也讓網站的條理更清晰。

　　9.感謝頁面社會化

　　與其想盡辦法讓廣告在網站內無處不在，不如把握住感謝頁面，效果可能也會好得多。當使用者完成登入頁的轉化後，我們可以在頁面上添加一些選項，比如為登陸頁點個贊，又或是分享到社交網站上，這樣能第一時間集中更多的客戶群。

　　10.使用單開式登陸頁

　　無論從實際操作還是使用者體驗角度出發，單開式的登入頁都是目前最理想的開啟檔案。如果選擇彈框或者直接本頁登入，會很明顯的不利於使用者的使用，Lancome的網站就是一個例子;另外，有些瀏覽器會有屏蔽彈框的功能。

　　單開式的登陸頁設計能更好的引導使用者，同時產生一種被重視的感覺，這對於電商網站尤為重要。

　　一號店的登陸頁是同類網站中做的很周到的，在首頁的登入入口位置做了一個滑鼠移至上方顯示的效果，這樣可以避免使用者因為誤點而造成的不必要的點擊。

　　總結：

　　筆者認為，在電子商務網站的登入環節暫時還無法割捨的現在，頁面的設計要以使用者體驗為先，讓使用者在使用的時候儘可能的減少考慮時間。同時，AnyForWeb也希望在未來可以讓註冊登入成為不必要的環節，讓使用者可以以遊客身份直接購買，登入註冊的好處只是讓購物流程變得更容易或者價格更優惠，以這樣的方式讓使用者主動註冊，讓登入註冊變成一個使用者喜歡的環節。