電商登陸注冊(cè)頁設(shè)計(jì)分析

來源:站酷 作者:尛沫尛沫 學(xué)習(xí):5177人次

AnyForWeb正式推出電子商務(wù)網(wǎng)站設(shè)計(jì)分析的系列文章,每月更新,本次主題為電商網(wǎng)站的登陸注冊(cè)頁設(shè)計(jì),歡迎關(guān)注!

電子商務(wù)網(wǎng)站已經(jīng)慢慢成為現(xiàn)代都市人的必需品,大家都樂此不疲的使用著,但對(duì)于第一次注冊(cè)使用的情景,相信大家還記憶猶新。精心挑選完商品之后,用戶們懷著愉快的心情點(diǎn)擊購買按鈕,但顯示的卻是“請(qǐng)先注冊(cè)或登錄”,原本滿滿的購物欲和好心情有可能瞬間大打折扣。

電商網(wǎng)站需要注冊(cè)和登錄才能執(zhí)行購買流程雖然受到很大一部分用戶的不喜愛,但確實(shí)是非常普遍的現(xiàn)象。用戶之所以如此反感,也不完全因?yàn)榱鞒谭爆,網(wǎng)站的表現(xiàn)形式不夠友好、人性化也是原因之一,甚至還有網(wǎng)站令用戶很直接的感受到一種強(qiáng)迫性。

市場(chǎng)環(huán)境讓幾乎所有國內(nèi)的電商網(wǎng)站都隨大流的加上注冊(cè)登錄環(huán)節(jié),那么,如何讓這一步驟變得更友好更適用,這是我們需要思考的問題,F(xiàn)在,AnyForWeb就列出10條我們的觀點(diǎn)。

1.簡(jiǎn)潔突出,大膽留白

“挑剔”是大多數(shù)網(wǎng)購人群的特性,這種“挑剔”不僅體現(xiàn)在他們對(duì)商品的態(tài)度,也蔓延到對(duì)網(wǎng)站的每個(gè)頁面。用戶不喜歡思考和尋找,他們希望所有自己需要的內(nèi)容都清晰的攤在眼前,甚至眼前只有自己需要的內(nèi)容。這樣的要求聽起來很苛刻,但只有把握類似這樣的細(xì)節(jié),才能在競(jìng)爭(zhēng)激烈的電商市場(chǎng)中占有一席之地。

很多設(shè)計(jì)師對(duì)于留白都有些戰(zhàn)戰(zhàn)兢兢,生怕讓別人誤以為是自己偷懶了。其實(shí),在電商登陸頁的設(shè)計(jì)中,留白卻是一種挽回用戶好心情的好方法。登錄注冊(cè)在用戶心里就是一個(gè)很麻煩的過程,而大量的留白能讓用戶感覺“原來只有一個(gè)步驟而已”,能很大程度的提升用戶體驗(yàn)。

電商登陸注冊(cè)頁設(shè)計(jì)分析

蘇寧易購的登陸頁使用了大量的留白,頁面整體和細(xì)節(jié)都十分干凈整潔,讓用戶以最快的速度完成注冊(cè)或登錄這一環(huán)節(jié)。

2.以訪客利益為主導(dǎo)

訪客利益為先的衡量標(biāo)準(zhǔn)說起來可能比較空洞,很多電商網(wǎng)站也因此忽略了這一點(diǎn)。電商網(wǎng)站的主要目的是盡可能的多推廣、多銷售自己的產(chǎn)品,于是有的網(wǎng)站就不放過任何一個(gè)可以推銷自己產(chǎn)品的角落,這樣的做法會(huì)讓用戶很厭煩,尤其在登陸頁上出現(xiàn)諸如此類的推銷信息。

登陸頁是一個(gè)屬于用戶的網(wǎng)頁,比較一下你的登陸頁面,提到用戶的次數(shù)和提到品牌產(chǎn)品的次數(shù)哪個(gè)更多?

電商登陸注冊(cè)頁設(shè)計(jì)分析

麥網(wǎng)的登陸頁是一個(gè)反面教材,網(wǎng)站過于急切的想把自己的商品展示給用戶,所以頁面上的內(nèi)容看起來很雜亂,這有可能對(duì)營銷會(huì)有一些幫助,但卻造成了不佳的用戶體驗(yàn)。

電商登陸注冊(cè)頁設(shè)計(jì)分析

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

3.好的標(biāo)題是成功的一半

有統(tǒng)計(jì)顯示,閱讀標(biāo)題的人是閱讀正文的人的5倍,這意味著“敲門磚”的重要性。如果你的標(biāo)題夠吸引人,也許用戶跟不用等到購買前才登陸注冊(cè),讓用戶心甘情愿的化被動(dòng)為主動(dòng)才是交互設(shè)計(jì)更深層的意義。

電商登陸注冊(cè)頁設(shè)計(jì)分析

嗨淘首頁的登錄入口標(biāo)題就與普通電商網(wǎng)站的標(biāo)題不太一樣,“hi”的小標(biāo)識(shí)讓按鈕更吸引用戶點(diǎn)擊。

電商登陸注冊(cè)頁設(shè)計(jì)分析

點(diǎn)進(jìn)登陸頁后,嗨淘的標(biāo)題依然與眾不同,相比較普通的“歡迎登錄”,“還不是嗨淘網(wǎng)會(huì)員?”這樣的標(biāo)題是不是更能讓用戶愉悅呢?

4.簡(jiǎn)化頁面副本,切中要害

剛才已經(jīng)提到,用戶根本沒有心思在短短的幾秒鐘之內(nèi)做任何思考,因此,這里又涉及到了頁面副本的問題。如今什么都講求要?jiǎng)?chuàng)新獨(dú)特,但在登陸頁上還是要盡量避免。登陸頁面上的文案還是應(yīng)該簡(jiǎn)單一點(diǎn),用一些一看就能懂,而且沒有歧義的文字。

電商登陸注冊(cè)頁設(shè)計(jì)分析

百度糯米的登陸頁真正理解了簡(jiǎn)化副本的含義。頁面文字的簡(jiǎn)化并不是文字越少越好,而是要用盡可能少的文字把意思表達(dá)清楚。左側(cè)的圖片上也沒有多余的文字,色彩上也選擇了淡色系,讓整體看起來很舒服。

5.有趣美觀的頁面設(shè)計(jì)

“人不愛美,天誅地滅”,視覺上美觀的是事物總能給人更好的第一印象,對(duì)于網(wǎng)頁設(shè)計(jì)也是一樣的道理。從色彩到布局,登陸頁設(shè)計(jì)要的是一種和諧,如果能在和諧舒適的體驗(yàn)基礎(chǔ)上增添一些趣味性,用戶會(huì)更樂于使用和點(diǎn)擊。

電商登陸注冊(cè)頁設(shè)計(jì)分析

京東的登陸頁就很有趣味性,左側(cè)圖片是略帶搞笑的風(fēng)格,也許能不少讓用戶會(huì)心一笑,帶著好心情來登錄和購物。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
那誰誰2014-11-07 02:02
漲姿勢(shì)。。。
那誰誰2014-11-06 10:18
漲姿勢(shì)
那誰誰2014-11-06 10:11
不錯(cuò),學(xué)習(xí)中。

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!