2014-11-25 藍(lán)藍(lán)設(shè)計(jì)的小編
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.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ù)
來(lái)源:http://www.yidianzixun.com/home?page=article&id=06m5cyUE
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
編者按:輾轉(zhuǎn)已到第三課,趁著雙十一還木有剁手之前,趕緊來(lái)學(xué)一篇超贊的登錄界面設(shè)計(jì)指南!想想有一天你滿心歡喜買了一籃子?xùn)|西,剛想豪爽地叫小二買單,小二讓你先注冊(cè),頓時(shí)歡喜近無(wú)。這時(shí)候就該設(shè)計(jì)師出場(chǎng)咯,今天我們分享10個(gè)技巧,幫訪客高興注冊(cè)!
@AnyForWeb :電子商務(wù)網(wǎng)站已經(jīng)慢慢成為現(xiàn)代都市人的必需品,大家都樂(lè)此不疲的使用著,但對(duì)于第一次注冊(cè)使用的情景,相信大家還記憶猶新。精心挑選完商品之后,用戶們懷著愉快的心情點(diǎn)擊購(gòu)買按鈕,但顯示的卻是“請(qǐng)先注冊(cè)或登錄”,原本滿滿的購(gòu)物欲和好心情有可能瞬間大打折扣。
電商網(wǎng)站需要注冊(cè)和登錄才能執(zhí)行購(gòu)買流程雖然受到很大一部分用戶的不喜愛(ài),但確實(shí)是非常普遍的現(xiàn)象。用戶之所以如此反感,也不完全因?yàn)榱鞒谭爆崳W(wǎng)站的表現(xiàn)形式不夠友好、人性化也是原因之一,甚至還有網(wǎng)站令用戶很直接的感受到一種強(qiáng)迫性。
市場(chǎng)環(huán)境讓幾乎所有國(guó)內(nèi)的電商網(wǎng)站都隨大流的加上注冊(cè)登錄環(huán)節(jié),那么,如何讓這一步驟變得更友好更適用,這是我們需要思考的問(wèn)題?,F(xiàn)在,就列出10條我們的觀點(diǎn)。
“挑剔”是大多數(shù)網(wǎng)購(gòu)人群的特性,這種“挑剔”不僅體現(xiàn)在他們對(duì)商品的態(tài)度,也蔓延到對(duì)網(wǎng)站的每個(gè)頁(yè)面。用戶不喜歡思考和尋找,他們希望所有自己需 要的內(nèi)容都清晰的攤在眼前,甚至眼前只有自己需要的內(nèi)容。這樣的要求聽(tīng)起來(lái)很苛刻,但只有把握類似這樣的細(xì)節(jié),才能在競(jìng)爭(zhēng)激烈的電商市場(chǎng)中占有一席之地。
很多設(shè)計(jì)師對(duì)于留白都有些戰(zhàn)戰(zhàn)兢兢,生怕讓別人誤以為是自己偷懶了。其實(shí),在電商登陸頁(yè)的設(shè)計(jì)中,留白卻是一種挽回用戶好心情的好方法。登錄注冊(cè)在用戶心里就是一個(gè)很麻煩的過(guò)程,而大量的留白能讓用戶感覺(jué)“原來(lái)只有一個(gè)步驟而已”,能很大程度的提升用戶體驗(yàn)。
蘇寧易購(gòu)的登陸頁(yè)使用了大量的留白,頁(yè)面整體和細(xì)節(jié)都十分干凈整潔,讓用戶以最快的速度完成注冊(cè)或登錄這一環(huán)節(jié)。
一個(gè)精致有調(diào)性的注冊(cè)界面,也能減少訪客的抵觸情緒,來(lái)優(yōu)設(shè)搜99個(gè)+注冊(cè)界面就可以看到咯。
訪客利益為先的衡量標(biāo)準(zhǔn)說(shuō)起來(lái)可能比較空洞,很多電商網(wǎng)站也因此忽略了這一點(diǎn)。電商網(wǎng)站的主要目的是盡可能的多推廣、多銷售自己的產(chǎn)品,于是有的網(wǎng)站就不放過(guò)任何一個(gè)可以推銷自己產(chǎn)品的角落,這樣的做法會(huì)讓用戶很厭煩,尤其在登陸頁(yè)上出現(xiàn)諸如此類的推銷信息。
登陸頁(yè)是一個(gè)屬于用戶的網(wǎng)頁(yè),比較一下你的登陸頁(yè)面,提到用戶的次數(shù)和提到品牌產(chǎn)品的次數(shù)哪個(gè)更多?
麥網(wǎng)的登陸頁(yè)是一個(gè)反面教材,網(wǎng)站過(guò)于急切的想把自己的商品展示給用戶,所以頁(yè)面上的內(nèi)容看起來(lái)很雜亂,這有可能對(duì)營(yíng)銷會(huì)有一些幫助,但卻造成了不佳的用戶體驗(yàn)。
亞馬遜的登陸頁(yè)就與之完全不同,不僅在引導(dǎo)上做的很到位,語(yǔ)句的撰寫(xiě)也更多的為客戶考慮,“我的郵箱地址是…”,這樣的語(yǔ)言顯得更有親和力。
有統(tǒng)計(jì)顯示,閱讀標(biāo)題的人是閱讀正文的人的5倍,這意味著“敲門磚”的重要性。如果你的標(biāo)題夠吸引人,也許用戶跟不用等到購(gòu)買前才登陸注冊(cè),讓用戶心甘情愿的化被動(dòng)為主動(dòng)才是交互設(shè)計(jì)更深層的意義。
嗨淘首頁(yè)的登錄入口標(biāo)題就與普通電商網(wǎng)站的標(biāo)題不太一樣,“hi”的小標(biāo)識(shí)讓按鈕更吸引用戶點(diǎn)擊。
點(diǎn)進(jìn)登陸頁(yè)后,嗨淘的標(biāo)題依然與眾不同,相比較普通的“歡迎登錄”,“還不是嗨淘網(wǎng)會(huì)員?”這樣的標(biāo)題是不是更能讓用戶愉悅呢?
剛才已經(jīng)提到,用戶根本沒(méi)有心思在短短的幾秒鐘之內(nèi)做任何思考,因此,這里又涉及到了頁(yè)面副本的問(wèn)題。如今什么都講求要?jiǎng)?chuàng)新獨(dú)特,但在登陸頁(yè)上還是要盡量避免。登陸頁(yè)面上的文案還是應(yīng)該簡(jiǎn)單一點(diǎn),用一些一看就能懂,而且沒(méi)有歧義的文字。
百度糯米的登陸頁(yè)真正理解了簡(jiǎn)化副本的含義。頁(yè)面文字的簡(jiǎn)化并不是文字越少越好,而是要用盡可能少的文字把意思表達(dá)清楚。左側(cè)的圖片上也沒(méi)有多余的文字,色彩上也選擇了淡色系,讓整體看起來(lái)很舒服。
“人不愛(ài)美,天誅地滅”,視覺(jué)上美觀的是事物總能給人更好的第一印象,對(duì)于網(wǎng)頁(yè)設(shè)計(jì)也是一樣的道理。從色彩到布局,登陸頁(yè)設(shè)計(jì)要的是一種和諧,如果能在和諧舒適的體驗(yàn)基礎(chǔ)上增添一些趣味性,用戶會(huì)更樂(lè)于使用和點(diǎn)擊。
京東的登陸頁(yè)就很有趣味性,左側(cè)圖片是略帶搞笑的風(fēng)格,也許能不少讓用戶會(huì)心一笑,帶著好心情來(lái)登錄和購(gòu)物。
雖然登陸頁(yè)面講求簡(jiǎn)潔,但不可否認(rèn)動(dòng)態(tài)的事物總能在第一時(shí)間抓住用戶的眼球。當(dāng)用戶不愿閱讀文字的時(shí)候,在網(wǎng)頁(yè)中加入動(dòng)畫(huà)或小視頻就是個(gè)提高轉(zhuǎn)化率的另一個(gè)方法。但這樣的做法如果把握不好界限反而會(huì)破壞整個(gè)頁(yè)面的效果,甚至影響用戶體驗(yàn),所以還是要謹(jǐn)慎而行。
在線客服的功能很多網(wǎng)站都有,但在登陸頁(yè)出現(xiàn)的卻不多見(jiàn)。在登錄或注冊(cè)的過(guò)程中,其實(shí)用戶很容易遇到困難,在麥德龍的登陸頁(yè)中就很貼心的設(shè)置了這一功能,并且實(shí)現(xiàn)動(dòng)態(tài)效果,讓用戶在有需要的時(shí)候馬上找到它。
要用僅僅幾個(gè)字的短句就抓住用戶的心,文案的號(hào)召力是很重要的因素,尤其對(duì)新用戶。這里所說(shuō)的號(hào)召力也并非一定要用短句來(lái)實(shí)現(xiàn),使用大動(dòng)態(tài)字體的“注冊(cè)”也能產(chǎn)生相應(yīng)的效果,總之能讓用戶感受到你的活力和朝氣,他們才會(huì)更愿意去做。
充滿號(hào)召力的文案一定要夠簡(jiǎn)短夠順口,易迅網(wǎng)的“就是這么拼”雖然稱不上多有創(chuàng)意,但著實(shí)能勾起用戶的購(gòu)物欲,讓用戶對(duì)登錄注冊(cè)更主動(dòng)。
從視覺(jué)角度來(lái)說(shuō),表格狀的形式不僅能把雜亂的數(shù)據(jù)清晰化,也能把原本簡(jiǎn)單的內(nèi)容復(fù)雜化。有調(diào)查顯示,電商網(wǎng)站登陸頁(yè)上顯示的表單域越少,轉(zhuǎn)化率就越高,由此可見(jiàn),用戶對(duì)于填寫(xiě)表格并不感興趣。
尤其對(duì)于首次使用的新用戶來(lái)說(shuō),他們對(duì)網(wǎng)站的信任感還很薄弱,在這時(shí)讓他們填寫(xiě)大量的表格式個(gè)人相關(guān)信息是很不恰當(dāng)?shù)?,這對(duì)之后建立彼此之間的信任感也很不利。
ebay的網(wǎng)站走的是極簡(jiǎn)路線。而表單形式在登陸頁(yè)面中基本上避免不了,所以,ebay很聰明的只保留登錄部分,有注冊(cè)需要的用戶可以點(diǎn)擊右側(cè)的按鈕跳轉(zhuǎn)到另一個(gè)頁(yè)面。這是一個(gè)兩全其美的做法,既讓登錄頁(yè)面變得更簡(jiǎn)單,也讓網(wǎng)站的條理更清晰。
與其想盡辦法讓廣告在網(wǎng)站內(nèi)無(wú)處不在,不如把握住感謝頁(yè)面,效果可能也會(huì)好得多。當(dāng)用戶完成登錄頁(yè)的轉(zhuǎn)化后,我們可以在頁(yè)面上添加一些選項(xiàng),比如為登陸頁(yè)點(diǎn)個(gè)贊,又或是分享到社交網(wǎng)站上,這樣能第一時(shí)間集中更多的客戶群。
無(wú)論從實(shí)際操作還是用戶體驗(yàn)角度出發(fā),單開(kāi)式的登錄頁(yè)都是目前最理想的打開(kāi)方式。如果選擇彈框或者直接本頁(yè)登錄,會(huì)很明顯的不利于用戶的使用,Lancome的網(wǎng)站就是一個(gè)例子;另外,有些瀏覽器會(huì)有屏蔽彈框的功能。
單開(kāi)式的登陸頁(yè)設(shè)計(jì)能更好的引導(dǎo)用戶,同時(shí)產(chǎn)生一種被重視的感覺(jué),這對(duì)于電商網(wǎng)站尤為重要。
一號(hào)店的登陸頁(yè)是同類網(wǎng)站中做的很周到的,在首頁(yè)的登錄入口位置做了一個(gè)鼠標(biāo)懸停顯示的效果,這樣可以避免用戶因?yàn)檎`點(diǎn)而造成的不必要的點(diǎn)擊。
我們認(rèn)為,在電子商務(wù)網(wǎng)站的登錄環(huán)節(jié)暫時(shí)還無(wú)法割舍的現(xiàn)在,頁(yè)面的設(shè)計(jì)要以用戶體驗(yàn)為先,讓用戶在使用的時(shí)候盡可能的減少思考時(shí)間。同時(shí),我們也希 望在未來(lái)可以讓注冊(cè)登錄成為不必要的環(huán)節(jié),讓用戶可以以游客身份直接購(gòu)買,登錄注冊(cè)的好處只是讓購(gòu)物流程變得更容易或者價(jià)格更優(yōu)惠,以這樣的方式讓用戶主 動(dòng)注冊(cè),讓登錄注冊(cè)變成一個(gè)用戶喜歡的環(huán)節(jié)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com