作為營銷網(wǎng)站設(shè)計(jì)者，我們的任務(wù)是與用戶進(jìn)行對(duì)話。我們選擇要使用的網(wǎng)頁的顏色、字體和布局，甚至我們編寫CSS 的方式，都有一個(gè)明確的目的。然而，有時(shí)我們?cè)O(shè)計(jì)的東西并不能很好地表達(dá)我們的初衷。

所以每當(dāng)你設(shè)計(jì)一個(gè)網(wǎng)站時(shí)，記得問問自己：我怎樣才能帶來更好的用戶體驗(yàn)？1、浮動(dòng)窗口廣告 = 金錢比UX和內(nèi)容更重要

因此，許多網(wǎng)站都選擇了浮動(dòng)窗口或覆蓋廣告，這似乎是彈出式廣告的現(xiàn)代形式。

就像他們的“前輩”，彈窗廣告一樣，浮窗廣告很煩人。

浮動(dòng)窗口廣告是一種非常具有侵入性的策略，極大地影響了用戶體驗(yàn)。

如果您的用戶很難訪問您網(wǎng)站上的內(nèi)容，那么您一定是做錯(cuò)了什么。你的設(shè)計(jì)最應(yīng)該給用戶看的就是它的體驗(yàn)，當(dāng)然建站公司的內(nèi)容也是很重要的一個(gè)方面。

通過讓用戶在中斷、延遲或其他任何情況下難以獲得您的內(nèi)容，您是在告訴他們用戶的價(jià)值不及金錢。

同樣，任何強(qiáng)制用戶注冊(cè)、登錄和填寫電子郵件地址以訪問內(nèi)容的方法都應(yīng)重新考慮是否不合適。

想象一下這樣一種情況，你正在拼命尋找新的主機(jī)，因?yàn)槟惝?dāng)前的主機(jī)不能滿足你現(xiàn)有的需求。它只是不斷崩潰，這告訴您您已經(jīng)超出了當(dāng)前的解決方案（PS：順便恭喜您的網(wǎng)站發(fā)展壯大）。

像許多科技企業(yè)家一樣，您解決問題的最初行動(dòng)是向谷歌搜索一個(gè)新的控制臺(tái)。

你在Quora 上偶然發(fā)現(xiàn)了一個(gè)話題，Quora 是像你這樣的企業(yè)家經(jīng)常光顧的網(wǎng)站。

您現(xiàn)在感到非常興奮，因?yàn)閹酌腌姾?，您就?huì)有一個(gè)良好的開端！你問自己，“不，不可能那么簡單嗎？”

然后你點(diǎn)擊網(wǎng)站，發(fā)現(xiàn)這真的不容易（即使它應(yīng)該如此）。

遺憾的是，您會(huì)發(fā)現(xiàn)此頁面需要您連接您的Facebook 帳戶，否則您將無法看到所有內(nèi)容。

僅當(dāng)您選擇不使用您的Facebook 或Google 帳戶登錄時(shí)才能看到答案。其余的答案是模糊的。

如果這是您第一次訪問該網(wǎng)站，而他們對(duì)您做的第一件事就是掩蓋您想看到的內(nèi)容，這不會(huì)給人留下可怕的印象嗎？

作為網(wǎng)頁設(shè)計(jì)師，讓我們的用戶盡可能容易地獲得他們想要的內(nèi)容應(yīng)該是重中之重。任何妨礙該目標(biāo)的東西都應(yīng)該從我們的設(shè)計(jì)中刪除。

有許多設(shè)計(jì)策略可以以不那么引人注目的方式顯示廣告。例如：讓用戶選擇是否要與廣告互動(dòng)，或者至少有一個(gè)快速跳過/忽略它們的選項(xiàng)，例如側(cè)邊欄上的廣告。2、缺乏網(wǎng)站的可訪問性 = 并不是所有人覺得你重要

無障礙網(wǎng)頁設(shè)計(jì)需要得到設(shè)計(jì)行業(yè)更廣泛的認(rèn)可。

我們需要關(guān)注所有用戶的網(wǎng)頁設(shè)計(jì)創(chuàng)新，而不僅僅是那些擁有昂貴的觸摸屏智能手機(jī)的用戶。

網(wǎng)絡(luò)的可訪問性簡直超越了殘疾人。移動(dòng)設(shè)備較舊或網(wǎng)速較差（全球平均網(wǎng)速僅為2.9Mbs，不到美國平均網(wǎng)速的一半）的用戶也需要包括在內(nèi)。

除非您希望自己的網(wǎng)站設(shè)計(jì)給人以您針對(duì)特定受眾的印象，否則您仍然需要仔細(xì)制作一個(gè)易于訪問的網(wǎng)站。事實(shí)上，網(wǎng)站的大多數(shù)輔助功能都相對(duì)容易實(shí)現(xiàn)，并且已經(jīng)成為良好網(wǎng)頁設(shè)計(jì)最佳實(shí)踐的一部分。

雖然我們大多數(shù)人會(huì)故意選擇忽略使用某種瀏覽器的用戶（比如故意選擇不支持Internet Explorer 6），但這是極不公平的，而且他們或許無法控制（比如色盲）。3、缺少適當(dāng)?shù)目瞻?= 內(nèi)容的可讀性并不重要

一件事，我看到很多網(wǎng)站在內(nèi)容或圖像周圍缺少一定數(shù)量的空白。

空白是一個(gè)

強(qiáng)大的設(shè)計(jì)工具?？瞻卓梢云醋屇膬?nèi)容更好的展現(xiàn)更，也易于閱讀。反之則帶來狹小的感覺和視覺上不舒服。

內(nèi)容為王，我們應(yīng)該花費(fèi)一些（通常很少）時(shí)間來確保達(dá)到了最佳的發(fā)布形式。

為了說明，來看下下面這段文字的閱讀是多么的困難：

這是很難讀，因?yàn)闃O小字母letter-spacing，line-height，padding，margin屬性值。這些都是很容易修正的問題,如果你了解CSS。

在幾秒鐘內(nèi)，只是一些padding，margin，和line-height屬性值的調(diào)整，同樣的文本變得更易閱讀。

有用的404錯(cuò)誤頁面 = 你關(guān)心站點(diǎn)上的用戶

404經(jīng)常是由于在輸入不正確的URL。

一些鏈接到您的內(nèi)容可能不再存在，或可能已被移動(dòng)。

有時(shí)候，由于技術(shù)問題，某些網(wǎng)頁剛剛停止工作，。

對(duì)于這樣的事件，我們需要?jiǎng)?chuàng)建和設(shè)計(jì)一個(gè)有效的404頁面，這不單單是一個(gè)頁面，而是重申，讓用戶已經(jīng)知道發(fā)生了什么（他們并沒有訪問到正確的頁面）。

一些設(shè)計(jì)有效的錯(cuò)誤頁面設(shè)計(jì)的基本技巧：

為用戶準(zhǔn)備一個(gè)搜索框，以便他們想嘗試找到某個(gè)頁面；

提供一種可以幫助用戶的聯(lián)系方式；

自動(dòng)建議與他們尋找的內(nèi)容相關(guān)的內(nèi)容列表 鏈接到其他網(wǎng)頁，列出您的內(nèi)容（例如，存檔頁面，地圖，幫助/支持頁面等） 以下是GitHub的404錯(cuò)誤頁面（一個(gè) 404錯(cuò)誤頁面的的很好案例）：
是什么讓GitHub的錯(cuò)誤頁面變得有效果？

它有一個(gè)搜索表單，用戶可以用它來尋找到正確的網(wǎng)頁 它有一個(gè)鏈接，允許網(wǎng)站訪問者獲得援助 它有一個(gè)鏈接，讓用戶可以看到否該網(wǎng)站只是暫時(shí)有問題

如果你不采取措施，以幫助用戶找到他們所尋求的內(nèi)容，那么你只是告訴他們，他們應(yīng)該去到另一個(gè)網(wǎng)站。

4、背景/前景對(duì)比度較弱 = 美學(xué)設(shè)計(jì)勝過清晰度

沒有提供足夠的背景與前景之間的色彩對(duì)比，對(duì)于很多視覺較差用戶來說是個(gè)壞消息。那么你是在告訴你的用戶你更關(guān)心的是網(wǎng)站的美學(xué)設(shè)計(jì)，而不是它的實(shí)質(zhì)內(nèi)容。

下面是一個(gè)例子，色彩缺乏對(duì)比度對(duì)清晰度的影響
?
只需要很少的CSS調(diào)整, 在這種情況下，只是改變了h1和p元素顏色的屬性值，便可大大改善用戶的額閱讀體驗(yàn)。
?
如果有提高清晰度之類的工具 ，這將有助于你的用戶關(guān)心這些問題。當(dāng)然這也是你作為網(wǎng)頁設(shè)計(jì)師的責(zé)任，在工作開始時(shí)便致力于提供更好的閱讀體驗(yàn)。
?
盡可能的關(guān)注實(shí)現(xiàn)舒適的，令人喜歡的內(nèi)容呈現(xiàn)。這會(huì)鼓勵(lì)用戶去關(guān)注你提供的內(nèi)容。

5、沒有互動(dòng)功能 = 不關(guān)心用戶的看法

為您的用戶提供一些方法，以便能夠與您聯(lián)系，這會(huì)讓他們覺得你很關(guān)心他們?cè)谡军c(diǎn)上的體驗(yàn)。

這說明你非常重視他們的反饋，無論是正面或負(fù)面。

一些評(píng)論系統(tǒng)，聯(lián)系的表單，電子郵件，社交網(wǎng)絡(luò)，幫助和支持論壇，或者一個(gè)實(shí)時(shí)聊天工具 ，這些用戶參與的工具都表明你希望聽到他們反饋。
?
如果設(shè)計(jì)師沒有留下聯(lián)系方式或者是可以與讀者進(jìn)行互動(dòng)的形式，則表明你并不關(guān)心你的讀者有什么要說的，并在意他們的看法。

然而，用戶的反饋意見對(duì)于調(diào)整網(wǎng)站的UI和UX是至關(guān)重要的，所以在網(wǎng)站設(shè)計(jì)時(shí)，務(wù)必做好與用戶的互動(dòng)。

那么，對(duì)于這篇文章你有什么想說的嗎？表達(dá)看法的時(shí)候到了！

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對(duì)接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！