首頁不僅是(shi)一個網(wang)站的(de)門面，更(geng)是(shi)企業(ye)形象(xiang)的(de)代(dai)表，而首頁的(de)展現效果很大程度(du)決定了訪客的(de)去留。
大部分訪客只會花幾秒掃視頁面，因此必須將重要內容往上展示，讓訪客快速找到想要的信息，避免還沒拉到底就被關閉，影響轉化率。下面通過一些細節剖析外貿網站設計的注意點。不想被渣渣的外貿建站公司忽悠，就來學(xue)習下吧。
首屏多高才合適?
為保證訪客一眼能看到內(nei)容的完整性(xing)，需要給首屏設置高度界定。這里有個參(can)考公式：
首屏高度=電腦(nao)設備(bei)分(fen)辨率的高度-瀏覽器環(huan)境(jing)大小(包括菜單(dan)欄(lan)(lan)、收藏欄(lan)(lan)、狀態欄(lan)(lan)等)。
據UEESHOP不完(wan)全(quan)統計數據顯示，當首屏像(xiang)素(su)高度(du)(du)大(da)于(yu)580時，44.64%的訪客看不完(wan)整(zheng);大(da)于(yu)720，82.64%的訪客看不完(wan)整(zheng)，大(da)于(yu)800，92.27%的訪客看不完(wan)整(zheng)。所以，UEESHOP建議首屏高度(du)(du)控制在720像(xiang)素(su)左右為佳。
首屏展示什么內容?
首頁元素應(ying)包括： logo、公司名(ming)稱、導航、banner，并(bing)且(qie)要將重要的(de)信息要放在(zai)左側，以便增(zeng)加曝光率。因為大部(bu)分訪(fang)(fang)客瀏(liu)覽的(de)軌(gui)跡(ji)呈(cheng)字母“F”形，如下圖為訪(fang)(fang)客眼(yan)動軌(gui)跡(ji)示意圖。
首頁展示應使用(yong)公司簡(jian)稱(cheng)
首頁(ye)頭部一(yi)定(ding)要放logo，最好跟公司名稱并列，作為企(qi)業的標志。具體位置可在左上角，居中，或者右上角。
訪客通常只會花0.1秒(miao)的時間掃視logo。 但不少(shao)商家(jia)會要求(qiu)logo旁(pang)邊展(zhan)示公司全(quan)稱，例如Guangzhou XXX Co,Ltd. 。這樣(yang)既影響閱讀又(you)難以記憶。
倘若訪客對企(qi)業(ye)感興趣，自(zi)然(ran)會瀏覽內頁。公司全稱只需要在關(guan)于我(wo)們、聯系我(wo)們等頁面，和底部版權信息展示即可。
首屏大(da)圖聚焦用戶注意力
讀圖比讀字更引人入勝。精彩的首屏banner，可以快速將信(xin)息(xi)傳(chuan)達給訪客。一張(zhang)banner通常由多(duo)個(ge)元素組成，包括：背景圖、產品、文案(an)。但很(hen)多(duo)商家的要求在(zai)設計上都不利于企業(ye)信(xin)息(xi)傳(chuan)達.
1. 沒有廣告語文案
廣告語(yu)(yu)是banner的(de)重(zhong)要組成元素。UEESHOP CEO指出(chu)，缺少(shao)廣告語(yu)(yu)的(de)banner，對于(yu)營(ying)銷是毫無(wu)(wu)效果的(de)，無(wu)(wu)法傳(chuan)達有效信息，并會導致訪客流失。
如上圖，缺少了廣告語，網(wang)站顯得空洞無物，訪(fang)客無法讀取(qu)任何關于企(qi)業的信息，此時訪(fang)客很有可能就(jiu)將網(wang)站關閉(bi)。
2. 廣(guang)告語文(wen)字過多
相反，廣告語文字(zi)過(guo)多(duo)，訪客一(yi)眼看不到(dao)重點，容(rong)易造成閱讀困難。
banner自動切(qie)換時(shi)間(jian)通常是2 - 3秒，一(yi)大段(duan)的描述文字(zi)，訪客難(nan)以在短(duan)時(shi)間(jian)內讀(du)完，導致用(yong)戶體(ti)驗感差(cha)，降低訪客對網站(zhan)的信心。
小編認為簡短明確的(de)廣(guang)告語是(shi)強有力(li)的(de)開場白，應放在最顯(xian)眼(yan)的(de)位置(zhi)，用大字(zi)體(ti)突出，同時用小字(zi)輔助說明。一兩(liang)行精簡為宜，讓訪客在掃視的(de)過(guo)程中快速讀懂內容。
3. 凌亂卻不美的產品拼湊
不(bu)少外貿商家希望banner上(shang)展示(shi)更多產(chan)品，其實很容易(yi)造成視覺混亂，甚(shen)至拉低品牌價值。
建議
banner可從企業理念、產(chan)品(pin)優(you)勢、應用領域、特色(se)產(chan)品(pin)等多(duo)角度(du)闡述，每個角度(du)分別設置一張(zhang)banner。
例如(ru)挑(tiao)選五(wu)款重點產品(pin)(pin)，分別設置五(wu)張(zhang)banner，但每(mei)張(zhang)banner展示的產品(pin)(pin)數(shu)量以不超過(guo)三個為宜，而且不同產品(pin)(pin)的拍攝角度應盡量統一。
另外在(zai)banner上增加引導點擊按(an)(an)鈕提示，能夠有效的提高網站轉化率。如果按(an)(an)鈕的文字(zi)能使用(yong)召(zhao)喚力強的詞匯，更能激發訪客點擊，給網站帶來利益。
合理(li)的導航(hang)，有助(zhu)訪客快速找到(dao)答(da)案
導航(hang)是網站的(de)路標，合(he)理清晰的(de)導航(hang)可以帶領訪(fang)客快速找到目(mu)標信息(xi)。因此，威(wei)之德信息(xi)建議導航(hang)廣度(du)不超(chao)過(guo)7個，導航(hang)深度(du)在三層以內為佳。
威(wei)之德信息常跟設計(ji)師們(men)強調一個理念(nian)：“為產品而設計(ji)”。即是去設計(ji)專(zhuan)業度高(gao)的(de)營銷(xiao)型網站，而非高(gao)大上的(de)空殼。而要做好首頁(ye)的(de)設計(ji)，留住(zhu)更(geng)多(duo)客戶，可以參考以上要(tao)點(lu)，邁(mai)出獨立(li)站營銷(xiao)的(de)第一步!
