· · 關(guān)注微信公眾號(hào)：挪車(chē)小黃碼 · 官方免費(fèi)領(lǐng)取：挪車(chē)碼，車(chē)主雙方虛擬號(hào)碼，隱私保護(hù)，拒絕騷擾，違章查詢，免費(fèi)使用！--挪車(chē)電話 官網(wǎng)：https://www.nuoche.cc/ · ·

1、用戶體驗(yàn)設(shè)計(jì):6, 什么是用戶體驗(yàn)?如何為用戶體驗(yàn)設(shè)計(jì)?

用戶體驗(yàn)，無(wú)論在過(guò)去、現(xiàn)在、將來(lái)，一個(gè)網(wǎng)站的發(fā)展都離不開(kāi)用戶體驗(yàn)的分析。首先通過(guò)流量分析工具，我們可以知道，自己所處行業(yè)的用戶行為習(xí)慣。搜索的關(guān)鍵詞和長(zhǎng)尾關(guān)鍵詞，如果新站去分析，可以利用詞庫(kù)分析工具去分析你行業(yè)的詞，或者直接找你們行業(yè)做得比較好的站去進(jìn)行分析。已經(jīng)確定了目標(biāo)關(guān)鍵詞后，去了解用戶在這一塊內(nèi)容上面，想要的是什么，他們搜索這個(gè)詞進(jìn)來(lái)要找的是什么，然后根據(jù)他們的需求，去做相關(guān)的內(nèi)容到網(wǎng)站。

“人們?cè)陂喿x某種信息時(shí)，視覺(jué)總有一種自然的流動(dòng)習(xí)慣，先看什么，后看什么，再看什么。在心理學(xué)的研究表明，一般的瀏覽習(xí)慣是從上到下、從左到右，在一個(gè)平面上，上松下穩(wěn)而壓抑。同樣，平面的左松右穩(wěn)。所以平面的視覺(jué)影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“**視域”，也就是**選的地方。在網(wǎng)頁(yè)設(shè)計(jì)中一些突出或推薦的信息通常都放在這個(gè)位置。左側(cè)為常規(guī)信息，右側(cè)為推薦信息。當(dāng)然這種視覺(jué)流程只是一種感覺(jué)并非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更為靈活地運(yùn)用，在網(wǎng)頁(yè)設(shè)計(jì)中，靈活而合理地運(yùn)用直接影響到傳達(dá)信息的準(zhǔn)確與有效性�！�

網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，在這里就不做一一論述了。其實(shí)在我們?cè)谧鲈O(shè)計(jì)的時(shí)候并沒(méi)有過(guò)多的去考慮什么形式，比如我們?cè)谝粡埣埧吹揭粋�(gè)圓形的東西，很容易可以聯(lián)想到它像太陽(yáng)，而有些人則聯(lián)想到月亮等等…這都是一種形式比喻，最重要的是抓住客戶的需求，把握網(wǎng)站的定位做處合理的框架布局。

1.分辨率

網(wǎng)頁(yè)的整體寬度可分為三種設(shè)置形式：百分比、象素、象素+百分比。通常在網(wǎng)站建設(shè)中以象素形式最為常用，行業(yè)網(wǎng)站也不列外。我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候必定會(huì)考慮到分辨率的問(wèn)題，科技發(fā)展到現(xiàn)在我們通常用的是*和*的分辨率，現(xiàn)在網(wǎng)絡(luò)上很多都是用到個(gè)象素的寬度，在的分辨率下面往往使整個(gè)網(wǎng)頁(yè)很壓抑，有種不透氣的感覺(jué)，其實(shí)這個(gè)寬度是指在*的分辨率上網(wǎng)頁(yè)的最寬寬度，不代表**視覺(jué)，不妨試試~的象素，不管在還是的分辨率下都可以達(dá)到較佳的視覺(jué)效果。

并且，針對(duì)你的目標(biāo)用戶，你可以采用不同的分辨率標(biāo)準(zhǔn)，比如購(gòu)物網(wǎng)站的用戶，通常都是比較適應(yīng)網(wǎng)絡(luò)生活，有一定經(jīng)驗(yàn)的網(wǎng)民，他們的顯示器通常會(huì)比較先進(jìn)，象目前就可以采用***分辨率。如果你面對(duì)的目標(biāo)用戶，行業(yè)不固定，也許有相當(dāng)一部分都只是偶爾上網(wǎng)，那么他們很可能采用的是過(guò)時(shí)的舊設(shè)備。就要考慮用較低分辨率做為制作標(biāo)準(zhǔn)。

2.合理廣告

在目前一些網(wǎng)站的廣告(彈出廣告、浮動(dòng)廣告、大廣告、banner廣告、通欄廣告等等…)讓人覺(jué)得很煩瑣，更本就不愿意來(lái)看，有時(shí)連你這個(gè)網(wǎng)站都不上了，這樣一來(lái)網(wǎng)站受到了嚴(yán)重的影響、廣告也沒(méi)達(dá)到廣告的目的。這些問(wèn)題都是我們?cè)谠O(shè)計(jì)網(wǎng)站之前需要考慮、需要規(guī)劃的內(nèi)容之一。

浮動(dòng)廣告有兩種，**種是在網(wǎng)頁(yè)兩邊空余的地方可以上下浮動(dòng)的廣告，第二種是滿屏幕到處隨機(jī)移動(dòng)的廣告。建議能使用**種的情況下盡量使用**種，不可避免第二種情況時(shí)盡量在數(shù)量上控制最多一個(gè)就好。如果數(shù)量過(guò)多會(huì)直接影響到用戶的心理、防挨到用戶瀏覽信息,適得其反。首頁(yè)廣告不宜過(guò)多適中即可。如在注冊(cè)或者某個(gè)購(gòu)買(mǎi)步驟的頁(yè)面上**不要出現(xiàn)過(guò)多的其他無(wú)關(guān)的內(nèi)容讓用戶分心，避免客戶流失等。

**新流行的一種廣告是將整個(gè)頁(yè)面按*或更高的分辨率標(biāo)準(zhǔn)來(lái)設(shè)計(jì)，在超過(guò)*用戶瀏覽范圍的地方，放置的是常規(guī)廣告信息或軟廣告信息，這樣一來(lái)，設(shè)備條件好的用戶就可以瀏覽將近全屏的頁(yè)面內(nèi)容，而*的用戶只能看到廣告部分的一個(gè)小邊，但是不影響瀏覽主要信息。

3.空間的合理利用

很多的網(wǎng)頁(yè)都具有一個(gè)特點(diǎn)，用一個(gè)字來(lái)形容，那就是“塞”，它將各種各樣的信息如文字、圖片、動(dòng)畫(huà)等不加考慮的塞到頁(yè)面上，有多少擠多少，不加以規(guī)范，導(dǎo)致瀏覽時(shí)會(huì)遇到很多的不方便，主要就是頁(yè)面主次不分，喧賓奪主，要不就是沒(méi)有重點(diǎn)，沒(méi)有很好的歸類(lèi)，整體就像各大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個(gè)“散”字來(lái)形容。

并非要把整個(gè)頁(yè)面塞滿了才不覺(jué)得空，也并非讓整個(gè)頁(yè)面空曠才不覺(jué)得滿，只要合理的安排、有機(jī)的組合，使頁(yè)面達(dá)到平衡，既使在一邊的部分大面積留空，同樣不會(huì)讓人感到空，相反這樣會(huì)給人留下廣闊的思考空間，給人回味又達(dá)到了視覺(jué)效果。

比如重要但形式單一的文字信息，就要在塊于塊之間多點(diǎn)留白。圖片花色凌亂的部分要于其他塊有明顯區(qū)分。在首頁(yè)上展示子欄分類(lèi)信息要緊湊，以一大類(lèi)作為一個(gè)整體塊。相同類(lèi)的信息采用相同的排榜方式。門(mén)戶的導(dǎo)航是經(jīng)常變且類(lèi)別繁多的，不一定什么時(shí)候是單數(shù)什么時(shí)候是雙數(shù)，所以不要用圖片來(lái)制作。

重要的**屏

包括頁(yè)頭的的**屏，應(yīng)該集中了用戶最常用的信息，導(dǎo)航，服務(wù)鏈接。這一屏的裝飾，應(yīng)該很大程度的體現(xiàn)了整個(gè)網(wǎng)站的設(shè)計(jì)風(fēng)格。