同樣是設計(jì)師，爲什(shén)麽有的設計(jì)師設計(jì)出來(lái)的網頁能(néng)夠吸引用(yòng)戶眼球，讓用(yòng)戶喜歡？這(zhè)是有一個老(lǎo)生常談的話(huà)題。同行業、同類型的網站(zhàn)求同存異，但(dàn)最重要的還是離不開(kāi)設計(jì)師在細節方面的精心設計(jì)，把細節做到(dào)位，想不吸引客戶眼球都難。下(xià)面，拓野網絡給大(dà)家列出來(lái)一些(xiē)常見的細節問題，供設計(jì)師在網頁設計(jì)項目中參考。

1.響應式網頁設計(jì)

用(yòng)戶可能(néng)通過筆(bǐ)記本電腦(nǎo)、平闆電腦(nǎo)、手機或者智能(néng)手表等電子産品訪問網站(zhàn)，爲了(le)給用(yòng)戶提供更好(hǎo)的服務，響應式網站(zhàn)（又稱自(zì)适應網站(zhàn)）可以做到(dào)無論通過什(shén)麽樣的設備訪問網站(zhàn)，都能(néng)給用(yòng)戶提供類似、相對(duì)一緻的體驗。使用(yòng)響應式網頁設計(jì)，表示您的網站(zhàn)能(néng)夠接納各式各樣網絡客戶，您所制作(zuò)的服務頁面與優惠資訊，都更容易呈現(xiàn)在所有使用(yòng)人群的眼前，轉換率自(zì)然會(huì)大(dà)大(dà)上(shàng)升。

響應式網站(zhàn)設計(jì)

2.導航設計(jì)

用(yòng)戶訪問網站(zhàn)的時(shí)候，如果此網站(zhàn)的信息量很(hěn)大(dà)，指引用(yòng)戶找到(dào)自(zì)己想要訪問的内容很(hěn)關鍵，設計(jì)師需要把導航放(fàng)在頁面頂部，比較顯眼的位置，讓用(yòng)戶通過導航搜索，快(kuài)速的找到(dào)他(tā)們想要訪問的頁面。

另外(wài)，網站(zhàn)導航應該符合以下(xià)特征：

1）簡單（每個網站(zhàn)都應該具備簡單明(míng)了(le)的結構）

2）清晰（導航的選項對(duì)于用(yòng)戶而言應該是不言自(zì)明(míng)的）

3）一緻（導航在各個頁面上(shàng)應該都是一緻的）

3.用(yòng)不同的顔色标注已訪問的鏈接

每個網站(zhàn)中的鏈接都不少。爲了(le)防止和(hé)文(wén)本區(qū)混淆，鏈接的色彩都會(huì)區(qū)分于文(wén)本設計(jì)，如果用(yòng)戶浏覽之後，再點擊返回，鏈接色彩不作(zuò)區(qū)分的話(huà)，用(yòng)戶很(hěn)可能(néng)會(huì)無意中重複訪問相同的頁面。所以，爲了(le)避免這(zhè)些(xiē)問題， 一定要用(yòng)不同的顔色标注已訪問的鏈接。

4、讓用(yòng)戶更容易掃視(shì)頁面

優秀的站(zhàn)點，能(néng)在短暫的0.2秒就可以決定一個客戶浏覽網站(zhàn)的印象，面對(duì)如此倉促的判斷，您的網站(zhàn)是否過關？研究數據表明(míng)，用(yòng)戶會(huì)在2.6秒鐘(zhōng)掃視(shì)網站(zhàn)，然後會(huì)集中查看(kàn)特定的區(qū)域，訪問者平均會(huì)使用(yòng)180毫秒來(lái)浏覽。當用(yòng)戶想要快(kuài)速判斷出他(tā)們想要的内容在哪裏的時(shí)候，就需要快(kuài)速掃視(shì)、定位。作(zuò)爲設計(jì)師，讓頁面的層次結構足夠清晰，才能(néng)讓用(yòng)戶更清晰地快(kuài)速獲取信息。如何将内容按照重要性、有層次地呈現(xiàn)出來(lái)，還是很(hěn)考驗網頁設計(jì)師的權衡能(néng)力的。設計(jì)師需要将屏幕标題、登錄表單、導航類目和(hé)其他(tā)的關鍵内容設置爲視(shì)覺焦點，便于用(yòng)戶發現(xiàn)。

5.确保所有鏈接都能(néng)直接打開(kāi)

不論是面對(duì)APP還是網頁，用(yòng)戶的耐心都非常有限。有研究表明(míng)，7秒的等待幾乎是用(yòng)戶的等待極限，而10秒的加載時(shí)間，隻會(huì)讓絕大(dà)多數的用(yòng)戶直接關閉頁面，所以不要讓用(yòng)戶長時(shí)間等待加載。，當加載時(shí)間很(hěn)長的時(shí)候。相關的應對(duì)策略很(hěn)多，比如你(nǐ)可以采用(yòng)占位符先顯示布局，逐步加載内容，至少讓用(yòng)戶知(zhī)道(dào)，這(zhè)個過程正在推進。

還有一種情況就是，當鏈接所指向的頁面不存在的時(shí)候，用(yòng)戶打開(kāi)的頁面就會(huì)變爲404，這(zhè)種情況可能(néng)會(huì)讓用(yòng)戶産生沮喪情緒。所以務必确保每個鏈接都指向正确的頁面。

6.不要讓促銷廣告遮住内容

現(xiàn)實生活中廣告已經讓人比較反感了(le)，如果你(nǐ)的網頁中廣告居然擋住了(le)主要内容，這(zhè)幾乎是逼着你(nǐ)的用(yòng)戶生氣關閉頁面，這(zhè)樣換來(lái)的廣告營收從(cóng)某種意義上(shàng)也(yě)是飲鸩止渴。

另外(wài)一方面，長時(shí)間的互聯網浏覽經驗會(huì)培養出用(yòng)戶的另外(wài)一種廣告應對(duì)策略，當他(tā)們看(kàn)到(dào)廣告的時(shí)候會(huì)主動忽略它。這(zhè)對(duì)于廣告的轉化率同樣是毀滅性的打擊。

7.不要适得其反

不要爲了(le)漂亮(liàng)而犧牲網站(zhàn)的可用(yòng)性。比較晃眼的文(wén)本和(hé)廣告本身體驗不佳，它們會(huì)讓人分心，在網頁設計(jì)中，字體的處理(lǐ)與顔色、版式、圖形化等其他(tā)設計(jì)元素的處理(lǐ)一樣非常關鍵。網頁設計(jì)的外(wài)觀不應該影響它本身的可用(yòng)性。不能(néng)爲了(le)美(měi)觀而犧牲内容的可讀性和(hé)對(duì)比性。