作爲網頁設計師，我們的(de)任務就是與用(yòng)戶對(duì)話(huà)。我們選擇顔色、字體，以及要使用(yòng)的(de)網頁布局，甚至編寫CSS的(de)方式，這(zhè)一切都有明(míng)确的(de)目的(de)性。然而有時(shí)候我們所設計東西并不能很好道出我們的(de)初衷。
所以每當你設計一個(gè)網站時(shí)，記得(de)問自己：該如何帶來(lái)更好的(de)用(yòng)戶體驗？
浮動窗(chuāng)口廣告 = 金錢比UX和(hé)内容更重要
因此，很多(duō)網站都選擇了(le)浮動窗(chuāng)口或者遮罩層廣告，這(zhè)似乎是現代形式的(de)彈出窗(chuāng)廣告。
就像他(tā)們的(de)“前輩”，彈出窗(chuāng)口廣告 ，浮動窗(chuāng)口的(de)廣告很煩人(rén)。
浮動窗(chuāng)口廣告是非常具侵擾性的(de)策略，大(dà)大(dà)影(yǐng)響到用(yòng)戶體驗。
如果你的(de)用(yòng)戶非常艱難的(de)才能訪問到你的(de)網站上的(de)内容，那麽你一定有些地方做(zuò)錯了(le)。你的(de)設計應該展示給用(yòng)戶的(de)最優先事項是它的(de)體驗，當然也(yě)要說明(míng)網站的(de)内容也(yě)是十分(fēn)重要的(de)一方面。
通(tōng)過中斷，延遲，或者别的(de)什(shén)麽方式讓用(yòng)戶千辛萬苦地才能了(le)解到您的(de)内容，那麽你是在告訴他(tā)們，用(yòng)戶的(de)價值低于金錢。
同樣，任何強迫用(yòng)戶注冊，登錄，填寫郵箱等方式才能訪問到内容，都應重新考慮是否涉及欠妥。
試想一下(xià)這(zhè)種情況：由于你當前的(de)主機無法滿足現有需求，于是你拼命尋找一個(gè)新的(de)主機。它隻是不斷崩潰，而這(zhè)是在告訴你，你已經超越了(le)當前解決方案（PS：順便祝賀你站點的(de)成長(cháng)）。
如同很多(duō)科技的(de)創業者們，你最初的(de)解決問題的(de)行動是用(yòng)谷歌(gē)搜索一台新的(de)主機 。
你偶然在Quora看見了(le)一條線索，一個(gè)很多(duō)如同你一樣的(de)創業者們經常光(guāng)顧的(de)站點。
你現在感覺非常興奮，因爲在幾秒鐘(zhōng)内，你就會有個(gè)良好的(de)開端！你問自己：“不行，它應該不會這(zhè)麽簡單？”
随後你點開這(zhè)個(gè)網站，事實證明(míng)它确實是不容易的(de)（即使它應該是）。
可(kě)悲的(de)是，你會發現，該網頁要求你連接你的(de)Facebook帳戶，否則你将無法看到所有的(de)内容。
如果您選擇不與您的(de)Facebook或谷歌(gē)帳戶登錄，隻可(kě)以看到一個(gè)答(dá)案。答(dá)案的(de)其餘部分(fēn)是模糊的(de)。
如果這(zhè)是你第一次訪問該站點，他(tā)們對(duì)你做(zuò)的(de)第一件事是有意掩蓋了(le)你希望看到的(de)内容 ，那不是會給你留下(xià)了(le)可(kě)怕的(de)印象？
讓我們的(de)用(yòng)戶盡可(kě)能方便的(de)獲得(de)他(tā)們所希望看到的(de)内容應該是作爲最優先考慮的(de)一項，作爲網頁設計師。而任何阻礙該目标的(de)東西，都應該從我們的(de)設計中切去。
現在有很多(duō)無須太過耀眼的(de)方式來(lái)顯示廣告的(de)設計策略。比如：讓用(yòng)戶選擇他(tā)們是否要與廣告産生互動或者至少有一個(gè)快(kuài)速跳過/忽略它們選擇，如側邊欄上的(de)廣告。
缺乏網站的(de)可(kě)訪問性 = 并不是所有人(rén)覺得(de)你重要
無障礙網站設計需要被設計行業更爲廣泛的(de)認可(kě)。
我們需要關注我們的(de)網頁設計的(de)創新應該面向所有用(yòng)戶，而不僅僅是使用(yòng)昂貴觸摸屏智能手機。
無障礙網頁僅僅是跨過了(le)那些殘疾人(rén)。一些使用(yòng)舊(jiù)的(de)移動設備或者網速較差（全球平均上網速度隻有2.9Mbs，還(hái)不到美(měi)國平均網速的(de)一半）用(yòng)戶也(yě)需要被列入。
除非你想你的(de)網站的(de)設計是希望留下(xià)這(zhè)樣印象,即你是針對(duì)特定用(yòng)戶的(de)，要不然你還(hái)是精心的(de)去制作具備無障礙特性的(de)網站。其實大(dà)多(duō)數無障礙網頁網站的(de)特點是比較容易實現的(de)，已經是良好的(de)網絡設計最佳實踐的(de)一部分(fēn)。
雖然我們中的(de)大(dà)多(duō)數會有意選擇忽略掉使用(yòng)某種浏覽器（比如故意選擇了(le)不支持Internet Explorer 6）的(de)用(yòng)戶，但這(zhè)是極其不不公平的(de)，也(yě)許他(tā)們也(yě)無法控制（如色盲）。
缺少适當的(de)空白 = 内容的(de)可(kě)讀性并不重要
有一件事，我看到了(le)很多(duō)網站，在内容或者圖片周圍都缺少一定的(de)空白。
空白是一個(gè)強大(dà)的(de)設計工具。空白可(kě)以拼讓您的(de)内容更好的(de)展現更，也(yě)易于閱讀。反之則帶來(lái)狹小的(de)感覺和(hé)視覺上不舒服。
内容爲王，我們應該花費一些（通(tōng)常很少）時(shí)間來(lái)确保達到了(le)最佳的(de)發布形式。
爲了(le)說明(míng)，來(lái)看下(xià)下(xià)面這(zhè)段文字的(de)閱讀是多(duō)麽的(de)困難：
這(zhè)是很難讀，因爲極小字母letter-spacing，line-height，padding，margin屬性值。這(zhè)些都是很容易修正的(de)問題,如果你了(le)解CSS。
在幾秒鐘(zhōng)内，隻是一些padding，margin，和(hé)line-height屬性值的(de)調整，同樣的(de)文本變得(de)更易閱讀。
有用(yòng)的(de)404錯誤頁面 = 你關心站點上的(de)用(yòng)戶
404經常是由于在輸入不正确的(de)URL。
一些鏈接到您的(de)内容可(kě)能不再存在，或可(kě)能已被移動。
有時(shí)候，由于技術問題，某些網頁剛剛停止工作，。
對(duì)于這(zhè)樣的(de)事件，我們需要創建和(hé)設計一個(gè)有效的(de)404頁面，這(zhè)不單單是一個(gè)頁面，而是重申，讓用(yòng)戶已經知道發生了(le)什(shén)麽（他(tā)們并沒有訪問到正确的(de)頁面）。
一些設計有效的(de)錯誤頁面設計的(de)基本技巧：
爲用(yòng)戶準備一個(gè)搜索框，以便他(tā)們想嘗試找到某個(gè)頁面；
提供一種可(kě)以幫助用(yòng)戶的(de)聯系方式；
自動建議(yì)與他(tā)們尋找的(de)内容相關的(de)内容列表 鏈接到其他(tā)網頁，列出您的(de)内容（例如，存檔頁面，地圖，幫助/支持頁面等） 以下(xià)是GitHub的(de)404錯誤頁面（一個(gè) 404錯誤頁面的(de)的(de)很好案例）：
是什(shén)麽讓GitHub的(de)錯誤頁面變得(de)有效果？
它有一個(gè)搜索表單，用(yòng)戶可(kě)以用(yòng)它來(lái)尋找到正确的(de)網頁 它有一個(gè)鏈接，允許網站訪問者獲得(de)援助 它有一個(gè)鏈接，讓用(yòng)戶可(kě)以看到否該網站隻是暫時(shí)有問題
如果你不采取措施，以幫助用(yòng)戶找到他(tā)們所尋求的(de)内容，那麽你隻是告訴他(tā)們，他(tā)們應該去到另一個(gè)網站。
背景/前景對(duì)比度較弱 = 美(měi)學設計勝過清晰度
沒有提供足夠的(de)背景與前景之間的(de)色彩對(duì)比，對(duì)于很多(duō)視覺較差用(yòng)戶來(lái)說是個(gè)壞消息。那麽你是在告訴你的(de)用(yòng)戶你更關心的(de)是網站的(de)美(měi)學設計，而不是它的(de)實質内容。
下(xià)面是一個(gè)例子，色彩缺乏對(duì)比度對(duì)清晰度的(de)影(yǐng)響
隻需要很少的(de)CSS調整, 在這(zhè)種情況下(xià)，隻是改變了(le)h1和(hé)p元素顔色的(de)屬性值，便可(kě)大(dà)大(dà)改善用(yòng)戶的(de)額閱讀體驗。
如果有提高(gāo)清晰度之類的(de)工具 ，這(zhè)将有助于你的(de)用(yòng)戶關心這(zhè)些問題。當然這(zhè)也(yě)是你作爲網頁設計師的(de)責任，在工作開始時(shí)便緻力于提供更好的(de)閱讀體驗。
盡可(kě)能的(de)關注實現舒适的(de)，令人(rén)喜歡的(de)内容呈現。這(zhè)會鼓勵用(yòng)戶去關注你提供的(de)内容。
沒有互動功能 = 不關心用(yòng)戶的(de)看法
爲您的(de)用(yòng)戶提供一些方法，以便能夠與您聯系，這(zhè)會讓他(tā)們覺得(de)你很關心他(tā)們在站點上的(de)體驗。
這(zhè)說明(míng)你非常重視他(tā)們的(de)反饋，無論是正面或負面。
一些評論系統，聯系的(de)表單，電子郵件，社交網絡，幫助和(hé)支持論壇，或者一個(gè)實時(shí)聊天工具 ，這(zhè)些用(yòng)戶參與的(de)工具都表明(míng)你希望聽(tīng)到他(tā)們反饋。
如果設計師沒有留下(xià)聯系方式或者是可(kě)以與讀者進行互動的(de)形式，則表明(míng)你并不關心你的(de)讀者有什(shén)麽要說的(de)，并在意他(tā)們的(de)看法。
然而，用(yòng)戶的(de)反饋意見對(duì)于調整網站的(de)UI和(hé)UX是至關重要的(de)，所以在網站設計時(shí)，務必做(zuò)好與用(yòng)戶的(de)互動。
