作為營銷型網(wǎng)站設(shè)計(jì)師，我們的任務(wù)就是與用戶對話。我們選擇顏色、字體，以及要使用的網(wǎng)頁布局，甚至編寫CSS的方式，這一切都有明確的目的性。然而有時候我們所設(shè)計(jì)東西并不能很好道出我們的初衷。

所以每當(dāng)你設(shè)計(jì)一個網(wǎng)站時，記得問自己：該如何帶來更好的用戶體驗(yàn)？

1、浮動窗口廣告 = 金錢比UX和內(nèi)容更重要

因此，很多網(wǎng)站都選擇了浮動窗口或者遮罩層廣告，這似乎是現(xiàn)代形式的彈出窗廣告。

就像他們的“前輩”，彈出窗口廣告 ，浮動窗口的廣告很煩人。

浮動窗口廣告是非常具侵?jǐn)_性的策略，大大影響到用戶體驗(yàn)。 如果你的用戶非常艱難的才能訪問到你的網(wǎng)站上的內(nèi)容，那么你一定有些地方做錯了。你的設(shè)計(jì)應(yīng)該展示給用戶的最優(yōu)先事項(xiàng)是它的體驗(yàn)，當(dāng)然也要說明網(wǎng)站建設(shè)公司的內(nèi)容也是十分重要的一方面。

通過中斷，延遲，或者別的什么方式讓用戶千辛萬苦地才能了解到您的內(nèi)容，那么你是在告訴他們，用戶的價值低于金錢。

同樣，任何強(qiáng)迫用戶注冊，登錄，填寫郵箱等方式才能訪問到內(nèi)容，都應(yīng)重新考慮是否涉及欠妥。

試想一下這種情況：由于你當(dāng)前的主機(jī)無法滿足現(xiàn)有需求，于是你拼命尋找一個新的主機(jī)。它只是不斷崩潰，而這是在告訴你，你已經(jīng)超越了當(dāng)前解決方案（PS：順便祝賀你站點(diǎn)的成長）。

如同很多科技的創(chuàng)業(yè)者們，你最初的解決問題的行動是用谷歌搜索一臺新的主機(jī) 。

你偶然在Quora看見了一條線索，一個很多如同你一樣的創(chuàng)業(yè)者們經(jīng)常光顧的站點(diǎn)。
 
你現(xiàn)在感覺非常興奮，因?yàn)樵趲酌腌妰?nèi)，你就會有個良好的開端！你問自己：“不行，它應(yīng)該不會這么簡單？”

隨后你點(diǎn)開這個網(wǎng)站，事實(shí)證明它確實(shí)是不容易的（即使它應(yīng)該是）。

可悲的是，你會發(fā)現(xiàn)，該網(wǎng)頁要求你連接你的Facebook帳戶，否則你將無法看到所有的內(nèi)容。
如果您選擇不與您的Facebook或谷歌帳戶登錄，只可以看到一個答案。答案的其余部分是模糊的。
 
如果這是你第一次訪問該站點(diǎn)，他們對你做的第一件事是有意掩蓋了你希望看到的內(nèi)容 ，那不是會給你留下了可怕的印象？

讓我們的用戶盡可能方便的獲得他們所希望看到的內(nèi)容應(yīng)該是作為最優(yōu)先考慮的一項(xiàng)，作為網(wǎng)頁設(shè)計(jì)師。而任何阻礙該目標(biāo)的東西，都應(yīng)該從我們的設(shè)計(jì)中切去。

現(xiàn)在有很多無須太過耀眼的方式來顯示廣告的設(shè)計(jì)策略。比如：讓用戶選擇他們是否要與廣告產(chǎn)生互動或者至少有一個快速跳過/忽略它們選擇，如側(cè)邊欄上的廣告。

2、缺乏網(wǎng)站的可訪問性 = 并不是所有人覺得你重要

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

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

無障礙網(wǎng)頁僅僅是跨過了那些殘疾人。一些使用舊的移動設(shè)備或者網(wǎng)速較差（全球平均上網(wǎng)速度只有2.9Mbs，還不到美國平均網(wǎng)速的一半）用戶也需要被列入。

除非你想你的網(wǎng)站的設(shè)計(jì)是希望留下這樣印象,即你是針對特定用戶的，要不然你還是精心的去制作具備無障礙特性的網(wǎng)站。其實(shí)大多數(shù)無障礙網(wǎng)頁網(wǎng)站的特點(diǎn)是比較容易實(shí)現(xiàn)的，已經(jīng)是良好的網(wǎng)絡(luò)設(shè)計(jì)最佳實(shí)踐的一部分。

雖然我們中的大多數(shù)會有意選擇忽略掉使用某種瀏覽器（比如故意選擇了不支持Internet Explorer 6）的用戶，但這是極其不不公平的，也許他們也無法控制（如色盲）。

3、缺少適當(dāng)?shù)目瞻?= 內(nèi)容的可讀性并不重要

有一件事，我看到了很多網(wǎng)站，在內(nèi)容或者圖片周圍都缺少一定的空白。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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