電子商務(wù)網(wǎng)站設(shè)計(jì)分析

首屏（above the fold）是指不滾動(dòng)web網(wǎng)頁屏幕就能被用戶看到的畫面。

世界著名的網(wǎng)頁易用性專家尼爾森曾經(jīng)有報(bào)告顯示，首屏以上的關(guān)注度為80.3%，首屏以下的關(guān)注度僅有19.7%。這兩個(gè)數(shù)據(jù)足以表明，首屏對(duì)每一個(gè)需要轉(zhuǎn)化率的網(wǎng)站都很重要，尤其是電商網(wǎng)站。

在電子商務(wù)網(wǎng)站中，用戶最急切需要獲得的不外乎兩點(diǎn)：吸引人的商品或店鋪，以及網(wǎng)站能夠給予他的信任感。信任需要積累，因此，各類宣傳推廣信息就成了電商首屏展示的不二之選。

一個(gè)能引人駐足停留的首屏一定會(huì)為網(wǎng)站帶來更多的客戶和利益，AnyForWeb會(huì)告訴你如何策劃設(shè)計(jì)出一個(gè)好看好用的電商首屏。

1.確定可視范圍
根據(jù)統(tǒng)計(jì)報(bào)告顯示，2014年使用率最高的Internet用戶屏幕分辨率為1366px*768px。以此為例，瀏覽器邊框?qū)挾绕毡樵?1左右，所以網(wǎng)頁首屏寬度在無干擾因素的情況下可以確定為1345；而屏幕總高度為768，除去任務(wù)欄高度40、店鋪頁頭106、瀏覽器（工具欄、邊框等）160和位置工具欄30，初步估算首屏高度控制在432較為合適。因此我們可以得出，最符合時(shí)下趨勢(shì)的首屏設(shè)計(jì)寬高基本范圍是1345*432，重要的內(nèi)容可以盡量放在這個(gè)區(qū)間里。

2.展示吸引用戶的信息

首頁的首屏位置在整個(gè)網(wǎng)站中都稱得上寸土寸金，正因?yàn)槿绱�，此處展示的文字�?yīng)該短小精悍，盡可能用最少的篇幅就把信息表達(dá)清楚。標(biāo)題性文字更應(yīng)該把商家的商業(yè)訴求清晰直接的表達(dá)出來，在這類文字的策劃上需注意符合網(wǎng)站的整體風(fēng)格。

一號(hào)店的banner文案就能很好的抓住瀏覽者的眼球，有趣的標(biāo)題文字加上“0元領(lǐng)”這樣的醒目的字眼，讓用戶充滿了好奇心。

Gap的首屏雖然沒有將廣告的下半部分很完整的展現(xiàn)出來，但是這似乎并沒有影響到用戶想要繼續(xù)點(diǎn)擊的心情，真正吸引用戶的信息點(diǎn)都被整齊的陳列在首屏中，供用戶逐一了解。