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

突出視覺焦點

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

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

展示吸引用戶的信息

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

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

給用戶的視覺以指引

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

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

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