一個成功的項目是良好的設(shè)計，殺手內(nèi)容和一點運氣的結(jié)合。通常，設(shè)計會因簡單的用戶體驗錯誤而脫軌，這些錯誤會破壞內(nèi)容并混淆界面的預(yù)期操作。

用戶可以很容易地忘記他們?yōu)槭裁丛谀抢铮约八麄儜?yīng)該做什么。值得慶幸的是，許多設(shè)計錯誤很容易識別和糾正。（作為獎勵，這篇文章中的例子正在做正確的事情;用它們作為指導(dǎo)！）

1.難以理解的排版

有一個短暫的階段，設(shè)計充滿了新穎的字體。雖然這本身不是一個問題，但是當單詞難以閱讀時確實存在問題。（如果用戶無法弄清楚他們說什么，那么設(shè)計中的單詞有什么意義？）

在查看新穎的選項時，請注意字母與您使用的單詞的外觀。某些組合在字體中可能比其他組合更好。注意字符串和使用的字符數(shù)，特別是新穎的字體。（使用專業(yè)顯示排版時，字符越少越好。）

你怎么知道它難以閱讀？警惕極端傾斜的字體，緊密和濃縮的字形，過于精細的花飾，尾巴或結(jié)扎，或似乎一起運行或具有不常見形狀的字形。

立即修復(fù)：為具有更寬姿態(tài)和更常見字體的東西切換出難以理解的字體。您不必一直改為Helvetica，而是去尋找可讀和有趣的東西。嘗試使用此Google字體集合中的內(nèi)容。

2.差異對齊

左，右，威特，有道理嗎？

我們不會在這里爭論對齊類型的優(yōu)點。更重要的是：一致的對齊才是真正重要的。類型和元素應(yīng)該在網(wǎng)格內(nèi)舒適地休息。應(yīng)避免鋸齒狀邊緣。

對齊性差的問題在于它破壞了視覺流動，使得用戶很難在設(shè)計中從一個元素移動到另一個元素。他們可能會在混亂中迷失方向，并且可能會錯過內(nèi)容方面更重要的內(nèi)容。

立即修復(fù)：設(shè)置元素的對齊樣式。照片是居中的，還是與左邊緣的文字保持一致？制定一套指導(dǎo)方針，調(diào)整設(shè)計并堅持前進的規(guī)則。

3.不恰當?shù)囊庀?/p>

不恰當?shù)膱D像是內(nèi)容殺手。它可以創(chuàng)建與文本的脫節(jié)視覺連接或讓用戶撓頭。

雖然不完整的圖像通常會以“當你看到它時知道”的方式出現(xiàn)，但在你的項目中有一些紅旗要尋找。

愚蠢或過度使用的庫存圖片：如果照片看起來不真實（商務(wù)套裝中的人漫無目的地微笑）或者如果您在其他類似網(wǎng)站上看過它，請避免使用它。

質(zhì)量不佳的圖像：如果照片失焦，黑暗或組成不佳，請勿使用。沒有照片比壞照片更好。

低分辨率圖像：像素化圖像總是很糟糕。由于高分辨率屏幕的主導(dǎo)地位和受歡迎程度，幾年前作為設(shè)計工作流程一部分的許多照片規(guī)則都需要進行修改。

絨毛圖像不會增強內(nèi)容：不要因為你可以，包括照片而卡住，即使它與內(nèi)容沒有任何關(guān)系。圖像應(yīng)該增強內(nèi)容，而不是泥濘。

立即修復(fù)：進行照片審核。完成您的設(shè)計并刪除包含上面紅旗的所有圖像。如果沒有合適的東西，則無需替換圖像。

4.忽視移動細節(jié)

眾所周知，網(wǎng)站應(yīng)該設(shè)計在響應(yīng)式框架上。很難找到一個會反對的設(shè)計師或開發(fā)者。但響應(yīng)式模板不是一站式解決方案。必須根據(jù)不同的屏幕尺寸調(diào)整設(shè)計。

很多時候，細節(jié)被忽略了。該網(wǎng)站在移動設(shè)備上運行，但是類型尺寸有點太小或者圖像的響應(yīng)尺寸，并且成比例地針對移動設(shè)備的不同寬高比。這些小細節(jié)可以嚴重惹惱用戶。

立即修復(fù)：花一些時間使用您的移動設(shè)計。記下看似不合適的所有細節(jié)并引起挫敗感。檢查文字大小，圖片，加載時間，按鈕展示位置并進行必要的調(diào)整，以提供更加無縫的體驗。

5.瘋狂的顏色

一個無聊的設(shè)計師將創(chuàng)造一個脫節(jié)的設(shè)計。這通常表現(xiàn)的方式之一是瘋狂的顏色和缺乏定義的調(diào)色板。

太多的顏色可能會分散注意力，并且往往具有業(yè)余感。對于每個項目都能完成彩虹風(fēng)格的調(diào)色板，另外1000個項目也失敗了。除非您的品牌指南要求使用這種配色方案，否則請避免使用。（如果您的品牌有這樣的指導(dǎo)方針，請鼓勵刷新。）

立即修復(fù)：創(chuàng)建一個強大的調(diào)色板。從主色和一個或兩個輔助選項開始。如果您需要更多方差，請使用該調(diào)色板中的色調(diào)和色調(diào)（并為這些調(diào)色板創(chuàng)建規(guī)則）。不要開始添加更多顏色。

6.不給用戶做任何事情

想象一下登陸美麗的網(wǎng)頁，但后來不知道該怎么做。你滾動了嗎？你點擊了嗎？是否有下一步要找到更多內(nèi)容？

應(yīng)該有。

一個好的網(wǎng)站設(shè)計是一個從一個頁面到另一個頁面的動作，交互和動作的網(wǎng)絡(luò)。目標是讓訪問者在所需操作的路徑上盡可能多地連接內(nèi)容。

立即修復(fù)：設(shè)計中的每個頁面都應(yīng)包含號召性用語。用戶應(yīng)該確切地知道每個頁面的目標是什么，并且想要單擊按鈕，填寫表單，玩游戲或購買產(chǎn)品。設(shè)計結(jié)構(gòu)應(yīng)包括粗體用戶界面元素，以鼓勵按鈕樣式的點擊或點擊到可操作的指令。

7.太多好事了

不要過分使用超酷元素。

有一個很好的插圖？用它。使用它甚至是大的。但不要用許多稀釋圖像的其他插圖來混淆它。

圖標或任何其他技術(shù)也是如此，這是吸引用戶的誘餌。你想讓他們想要更多，而不是被音量所淹沒。這聽起來很簡單，但實際上很難。（想想你買的那個圖標包，感覺需要通過使用每件物品來獲得你的錢。）

立即修復(fù)：采用更少的策略。僅使用增強內(nèi)容所需的元素。不要壓倒它。完成當前設(shè)計，想象從每個頁面中取出一個元素。會是什么？設(shè)計更好嗎？

結(jié)論

每個設(shè)計師都會在這里和那里犯下設(shè)計錯誤。（我們中的一些人比我們想承認的更多。）但你能確定問題并恢復(fù)嗎？

現(xiàn)在，您應(yīng)該在這個方向上有一個良好的開端，這個錯誤列表和糾正方法。當你犯下設(shè)計罪，調(diào)整并繼續(xù)前進時，不要感到羞恥。