簡單7招教你改善網(wǎng)頁設(shè)計(jì)和用戶體驗(yàn)

你是否會(huì)經(jīng)常搜索一些網(wǎng)頁，但是發(fā)現(xiàn)無法找到所需要的信息時(shí)便隨即退出？

你是否會(huì)經(jīng)常睜大眼睛去讀取一些網(wǎng)站很小的字？

當(dāng)一個(gè)網(wǎng)頁需要讓你拖動(dòng)水平滾動(dòng)條才能閱讀完文字時(shí)，你有多沮喪？

設(shè)計(jì)網(wǎng)頁要記住：訪問者很忙、沒有耐心，還會(huì)開很多其他網(wǎng)頁進(jìn)行對(duì)比。因此如果不能在你的網(wǎng)頁迅速找到他們需要的東西，他們就會(huì)迅速離開你的網(wǎng)頁！

良好的網(wǎng)頁設(shè)計(jì)和用戶體驗(yàn)是吸引和留住訪客的關(guān)鍵因素！本文提供幾個(gè)簡單的步驟，幫助你輕松改善你網(wǎng)站的網(wǎng)頁設(shè)計(jì)何用戶體驗(yàn)。

1.“首頁”要放在網(wǎng)頁關(guān)鍵的地方

一個(gè)很多初學(xué)網(wǎng)頁設(shè)計(jì)的人容易犯的錯(cuò)誤是忘記添加一個(gè)顯眼的返回首頁的超鏈接到各個(gè)頁面上。

添加這個(gè)鏈接可以幫助訪問者迅速返回網(wǎng)站首頁，否則，有可能會(huì)造成訪問者訪問障礙，進(jìn)而離開你的網(wǎng)站，并且很有可能日后不再訪問。下圖的是一個(gè)好的導(dǎo)航欄設(shè)計(jì)：

2.對(duì)網(wǎng)頁內(nèi)容進(jìn)行恰當(dāng)簡潔的文字描述

很多數(shù)人所想象的相反，訪問者進(jìn)入一個(gè)新的網(wǎng)頁，會(huì)先注意文字部分，然后才注意圖像和網(wǎng)頁設(shè)計(jì)。

好的網(wǎng)頁設(shè)計(jì)固然重要，但是用簡潔明了的文字傳達(dá)內(nèi)容也是非常重要的，而且過多的圖片可能會(huì)分散訪客的注意力。點(diǎn)擊這個(gè)設(shè)計(jì)學(xué)習(xí)。

3.注意網(wǎng)頁的尺寸問題 (最基本的文字大小)

當(dāng)設(shè)計(jì)網(wǎng)頁時(shí)有很多內(nèi)容，又不想使用太多的頁面怎么辦？

記住：永遠(yuǎn)不要通過讓字體變小來解決這個(gè)問題！不要使你的網(wǎng)頁正文字體小于10px或者大于14px。（注：中文宋體字小于12px難以閱讀）。

初學(xué)網(wǎng)頁設(shè)計(jì)的人會(huì)使用一些書法字、斜體風(fēng)格，這樣同樣是很難閱讀的，正文字體建議用最普通的字體（中文只有宋體可用）。而且不要使用多種字體，保持字體的統(tǒng)一性。

保持網(wǎng)頁文字的可讀性：有大段文字的時(shí)候，最好按照內(nèi)容分門別類，拆分成幾個(gè)段落，加上相應(yīng)的標(biāo)題和子標(biāo)題，這樣可以很方便讀者閱讀。

4.網(wǎng)頁設(shè)計(jì)的背景顏色和文字顏色搭配

一些糟糕的網(wǎng)頁設(shè)計(jì)，背景顏色和文字顏色搭配得很不好，例如：

黑色的背景，很多很長的白色字體；藍(lán)色的背景，紅色的文字；或者使用一些閃爍的背景。這些在網(wǎng)頁設(shè)計(jì)時(shí)，都是要避免的。

訪問下面這個(gè)網(wǎng)站參考:

5.安排好分享按鈕的位置

隨著Web2.0的興起，出現(xiàn)了很多的社交網(wǎng)絡(luò)，極大的方便了大家分享互聯(lián)網(wǎng)的好東西。

但是在網(wǎng)頁設(shè)計(jì)時(shí)要恰當(dāng)?shù)匕才藕迷O(shè)計(jì)分享到設(shè)計(jì)網(wǎng)絡(luò)這些按鈕的位置，不要喧賓奪主。記住網(wǎng)站內(nèi)容才是主要的，訪問者如果覺得文章好的話，會(huì)自己去尋找分享按鈕。

6.正確使用滾動(dòng)條

不要使用水平滾動(dòng)條，這是不好的用戶體驗(yàn)。盡量使用垂直滾動(dòng)條，而且要把重要的內(nèi)容放在上面，因?yàn)橛行┰L問者根本不喜歡滾動(dòng)。

7.從朋友那里獲取一些建議

在你遵循上面的一些建議之后，你的網(wǎng)頁設(shè)計(jì)和用戶體驗(yàn)會(huì)得到改善。但是在正式發(fā)布之前，讓幾個(gè)朋友幫你訪問，給你一些忠實(shí)有用的反饋。因?yàn)樵谠O(shè)計(jì)網(wǎng)頁的過程中，就失去了新鮮感，所以需要一些初次訪問的印象。