日期：2020-08-02瀏覽次數(shù)：3335
從用戶(hù)的角度理解網(wǎng)站設(shè)計(jì),我們的區(qū)別在于細(xì)節(jié)。
首頁(yè)不僅是一個(gè)網(wǎng)站的門(mén)面，更是企業(yè)形象的代表，而首頁(yè)的展現(xiàn)效果很大程度決定了訪客的去留。
大部分訪客只會(huì)花幾秒掃視頁(yè)面，因此必須將重要內(nèi)容往上展示，讓訪客快速找到想要的信息，避免還沒(méi)拉到底就被關(guān)閉，影響轉(zhuǎn)化率。
首屏多高才合適？
為保證訪客一眼能看到內(nèi)容的完整性，需要給首屏設(shè)置高度界定。這里有個(gè)參考公式：
首屏高度=電腦設(shè)備分辨率的高度-瀏覽器環(huán)境大小（包括菜單欄、收藏欄、狀態(tài)欄等）。
據(jù)不完全統(tǒng)計(jì)數(shù)據(jù)顯示，當(dāng)首屏像素高度大于580時(shí)，44.64%的訪客看不完整；大于720，82.64%的訪客看不完整，大于800，92.27%的訪客看不完整。所以，建議首屏高度控制在720像素左右為佳。
首屏展示什么內(nèi)容？
首頁(yè)元素應(yīng)包括：logo、公司名稱(chēng)、導(dǎo)航、banner，并且要將重要的信息要放在左側(cè)，以便增加曝光率。因?yàn)榇蟛糠衷L客瀏覽的軌跡呈字母“F”形，如下圖為訪客眼動(dòng)軌跡示意圖。
首頁(yè)展示應(yīng)使用公司簡(jiǎn)稱(chēng)
首頁(yè)頭部一定要放logo，最好跟公司名稱(chēng)并列，作為企業(yè)的標(biāo)志。具體位置可在左上角，居中，或者右上角。
訪客通常只會(huì)花0.1秒的時(shí)間掃視logo。但不少商家會(huì)要求logo旁邊展示公司全稱(chēng)，例如Guangzhou XXX Co,Ltd. 。這樣既影響閱讀又難以記憶。如以下對(duì)比圖：
倘若訪客對(duì)企業(yè)感興趣，自然會(huì)瀏覽內(nèi)頁(yè)。公司全稱(chēng)只需要在關(guān)于我們、聯(lián)系我們等頁(yè)面，和底部版權(quán)信息展示即可。
首屏大圖聚焦用戶(hù)注意力
讀圖比讀字更引人入勝。精彩的首屏banner，可以快速將信息傳達(dá)給訪客。一張banner通常由多個(gè)元素組成，包括：背景圖、產(chǎn)品、文案。但很多商家的要求在設(shè)計(jì)上都不利于企業(yè)信息傳達(dá)，例如：
1. 沒(méi)有廣告語(yǔ)文案
廣告語(yǔ)是banner的重要組成元素。缺少?gòu)V告語(yǔ)的banner，對(duì)于營(yíng)銷(xiāo)是毫無(wú)效果的，無(wú)法傳達(dá)有效信息，并會(huì)導(dǎo)致訪客流失。
如上圖，缺少了廣告語(yǔ)，網(wǎng)站顯得空洞無(wú)物，訪客無(wú)法讀取任何關(guān)于企業(yè)的信息，此時(shí)訪客很有可能就將網(wǎng)站關(guān)閉。
2. 廣告語(yǔ)文字過(guò)多
相反，廣告語(yǔ)文字過(guò)多，訪客一眼看不到重點(diǎn)，容易造成閱讀困難。
banner自動(dòng)切換時(shí)間通常是2 - 3秒，一大段的描述文字，訪客難以在短時(shí)間內(nèi)讀完，導(dǎo)致用戶(hù)體驗(yàn)感差，降低訪客對(duì)網(wǎng)站的信心。
小編認(rèn)為簡(jiǎn)短明確的廣告語(yǔ)是強(qiáng)有力的開(kāi)場(chǎng)白，應(yīng)放在最顯眼的位置，用大字體突出，同時(shí)用小字輔助說(shuō)明。一兩行精簡(jiǎn)為宜，讓訪客在掃視的過(guò)程中快速讀懂內(nèi)容。
3. 凌亂卻不美的產(chǎn)品拼湊
不少外貿(mào)商家希望banner上展示更多產(chǎn)品，其實(shí)很容易造成視覺(jué)混亂，甚至拉低品牌價(jià)值。如下圖。
建議
banner可從企業(yè)理念、產(chǎn)品優(yōu)勢(shì)、應(yīng)用領(lǐng)域、特色產(chǎn)品等多角度闡述，每個(gè)角度分別設(shè)置一張banner。
例如挑選五款重點(diǎn)產(chǎn)品，分別設(shè)置五張banner，但每張banner展示的產(chǎn)品數(shù)量以不超過(guò)三個(gè)為宜，而且不同產(chǎn)品的拍攝角度應(yīng)盡量統(tǒng)一。
另外在banner上增加引導(dǎo)點(diǎn)擊按鈕提示，能夠有效的提高網(wǎng)站轉(zhuǎn)化率。如果按鈕的文字能使用召喚力強(qiáng)的詞匯，更能激發(fā)訪客點(diǎn)擊，給網(wǎng)站帶來(lái)利益。
合理的導(dǎo)航，有助訪客快速找到答案
導(dǎo)航是網(wǎng)站的路標(biāo)，合理清晰的導(dǎo)航可以帶領(lǐng)訪客快速找到目標(biāo)信息。因此，建議導(dǎo)航廣度不超過(guò)7個(gè)，導(dǎo)航深度在三層以?xún)?nèi)為佳。
瀏陽(yáng)冠訊網(wǎng)絡(luò)致力于用戶(hù)體驗(yàn)的高端網(wǎng)站設(shè)計(jì)，再優(yōu)秀的設(shè)計(jì)，最終落地是給用戶(hù)使用的，我們的優(yōu)勢(shì)在于不做浮夸的設(shè)計(jì)，追逐結(jié)合用戶(hù)體驗(yàn)和美感的的設(shè)計(jì)，我們?yōu)橹Γ?
用心做設(shè)計(jì)的
