據(jù)某項(xiàng)統(tǒng)計(jì)顯示，一個(gè)網(wǎng)站的首屏，用戶對(duì)首屏以上的關(guān)注度達(dá)到80.3%，首屏以下的關(guān)注度僅19.7%。這2個(gè)數(shù)據(jù)所帶來(lái)的啟示是，抓住首屏的設(shè)計(jì)重點(diǎn)，對(duì)網(wǎng)站的轉(zhuǎn)化率有著極大的影響，特別是對(duì)追求流量和客量的電商網(wǎng)站來(lái)說(shuō)。

突出視覺(jué)焦點(diǎn)

用戶瀏覽網(wǎng)站都以秒計(jì)算，不夠突出的話，根本難入用戶“法眼”，整個(gè)推廣就白白浪費(fèi)掉了。普遍來(lái)說(shuō)，現(xiàn)在國(guó)內(nèi)的電商網(wǎng)站，首屏放置的主要就是導(dǎo)航和banner。因此，如果要讓這兩者清楚區(qū)分，而又不影響用戶對(duì)推廣內(nèi)容的第一眼捕捉，就應(yīng)該適當(dāng)處理banner和導(dǎo)航的色彩問(wèn)題。為什么是色彩問(wèn)題?我們可以試著把首屏圖片去色，去色后，感覺(jué)導(dǎo)航的文字會(huì)變得不夠清晰，這個(gè)時(shí)候我們就知道，這個(gè)網(wǎng)站的色彩搭配不夠合理，色彩，是鎖定用戶視覺(jué)焦點(diǎn)的一個(gè)很重要的問(wèn)題。

不少的電商網(wǎng)站都是選用“直角形”的導(dǎo)航，如果對(duì)這種導(dǎo)航的色系難以把握，但又不想浪費(fèi)掉導(dǎo)航的作用，可以采用側(cè)邊導(dǎo)航的方法。以耐思尼克建站寶盒為例，在網(wǎng)站添加一個(gè)“欄目導(dǎo)航”的模塊，把模塊的位置設(shè)置為側(cè)停，就可以實(shí)現(xiàn)側(cè)邊導(dǎo)航的伸縮效果，這樣既不會(huì)分散用戶的眼光，也能給用戶一個(gè)指引，還能節(jié)省空間，是一個(gè)不錯(cuò)的方法。

展示吸引用戶的信息

首屏的位置很寶貴，因此，無(wú)論是放文字，或是圖片，都應(yīng)該是精選。文字要簡(jiǎn)練，標(biāo)題也應(yīng)該短小而直接。當(dāng)然，單純靠文字要完全表達(dá)清晰而生動(dòng)是比較困難的，這時(shí)候就要發(fā)揮圖片的力量。圖片許多時(shí)候可能只是襯托，但是有時(shí)候就是因?yàn)檫@一襯托，讓整體的效果瞬間豐富清晰清晰起來(lái)，注意配圖要盡量達(dá)意，才不浪費(fèi)這個(gè)最好的推廣位置。

以耐思尼克首屏為例，簡(jiǎn)短的配圖配以精簡(jiǎn)的文字，讓用戶可以留意文意的同時(shí)也專注到產(chǎn)品本身。雖然沒(méi)有絕對(duì)的搶眼，但也能夠集中用戶的點(diǎn)擊欲。

給用戶的視覺(jué)以指引

電商網(wǎng)站的信息一般都不會(huì)少，如果商品過(guò)多，用戶進(jìn)入網(wǎng)站就會(huì)有種霧里看花的感覺(jué)，難以清晰。這個(gè)時(shí)候就需要給予用戶視覺(jué)上的引導(dǎo)，這可以是一張亮麗的大圖，一句醒目的大字，又或是一個(gè)吸引人的標(biāo)題等等。這里的引導(dǎo)，不僅可以讓用戶瞬間抓住最重點(diǎn)，也可以引導(dǎo)用戶到進(jìn)入點(diǎn)擊進(jìn)入其他的頁(yè)面，從而產(chǎn)生更多的交易。

無(wú)論是何種網(wǎng)站，首屏絕對(duì)是很重要的。電商網(wǎng)站對(duì)于吸引客流量又相對(duì)更特殊一點(diǎn)。更多的迎合用戶的需求和使用習(xí)慣，而不要把首屏的位置成了機(jī)械無(wú)營(yíng)養(yǎng)的報(bào)告欄。

若想通過(guò)首屏設(shè)計(jì)提升客流量，不妨試試耐思尼克建站寶盒：http://www.mlmkj.net/design/?s=jia