一個成功的項目是優(yōu)秀設(shè)計，殺手內(nèi)容和一點點運氣的結(jié)合。很多時候，設(shè)計被簡單的用戶體驗錯誤所破壞，這些錯誤會破壞內(nèi)容并混淆接口的預(yù)期行為。

用戶可能很容易失去原因以及他們應(yīng)該做什么的蹤跡。值得慶幸的是，許多這些設(shè)計錯誤很容易識別和糾正。（作為獎勵，這篇文章中的例子是正確的;用它們作為指導(dǎo)！）

1.不可讀的字體

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

在查看新穎的選項時，請注意字母的外觀與您使用的詞語的相似程度。一些組合可能在字體上比其他組合更好地工作。注意所使用字符的字距和數(shù)量，特別是使用新穎的字體。（專業(yè)顯示排版通常字體越少越好。）

你怎么知道這很難讀？警惕極端傾斜的字體，緊湊和濃縮的字體，過于復(fù)雜的花紋，尾巴或連字，或似乎一起運行或具有不同形狀的字母。

 

2.不良對齊

左，右，上下，不對齊？

我們不會在此討論這種類型的優(yōu)點。最重要的是：一致性是真正重要的。類型和元素應(yīng)該舒適地放在網(wǎng)格中。應(yīng)避免鋸齒邊緣。

對齊方式不良的問題在于它破壞了視覺流，使用戶很難在設(shè)計中從一個元素移動到另一個元素。他們可能迷失在亂七八糟的事情中，可能會錯過最重要的內(nèi)容。

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

 

3.不恰當(dāng)?shù)膱D像

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

雖然短暫的圖像經(jīng)常出現(xiàn)“當(dāng)你看到它時才知道”的時尚，但在你的項目中還是會有一些紅旗。

傻或過度使用的圖片：如果照片看起來不真實（商務(wù)人士無聊地微笑）或者如果您在其他類似的網(wǎng)站上看到過，請避開它??。

質(zhì)量差的圖像：如果照片焦點不對，黑暗或組合不好，請不要使用它。沒有照片比壞照片好。

低分辨率圖像：像素化圖像總是不好。由于高分辨率屏幕的優(yōu)勢和普及，許多作為設(shè)計工作流程一部分的照片規(guī)則需要修改。

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

立即修復(fù)：進行照片審核。瀏覽您的設(shè)計并刪除上面包含紅色標(biāo)記的圖像。如果您沒有合適的東西，則不必更換圖像。

 

4.忽略移動細(xì)節(jié)

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

這些細(xì)節(jié)往往被忽視。該網(wǎng)站在移動設(shè)備上運行，但字體大小有點過小，或者圖像的大小是響應(yīng)式的，并且與移動設(shè)備的不同寬高比成比例。這些小細(xì)節(jié)可能會嚴(yán)重影響用戶。

立即修復(fù)：花點時間與您的移動設(shè)計。記下所有看起來不合時宜的事情，并引起沮喪。檢查文字大小，圖像，加載時間，按鈕位置并進行必要的調(diào)整以提供更加無縫的體驗。

 

5.瘋狂的顏色

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

過多的顏色可能會分散注意力，并且往往具有業(yè)余感。對于每一個拉開彩虹風(fēng)格調(diào)色板的項目，另有1,000個項目都會失敗。除非您的品牌指導(dǎo)方針要求使用這種配色方案，否則請避免。（如果你的品牌有這樣的指導(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)頁，包括一個頁面到另一頁的動作，交互和動作。我們的目標(biāo)是讓訪問者盡可能多地連接到期望的操作路徑上。

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

 

7.太好的東西

不要過度使用超酷元素。

有一個很好的插圖？用它。使用它很大，甚至。但是不要用很多稀釋圖像的其他插圖弄亂它。

圖標(biāo)或其他技術(shù)也是如此，這是您吸引用戶的鉤子。你要離開他們想要更多，而不是體積不堪重負(fù)。這聽起來很容易，但實際上可能很難。（想想你買的那個圖標(biāo)包，并覺得需要使用每件商品來獲得你的錢的價值。）

立即修復(fù)：采用更少的策略。只使用你需要的元素來增強內(nèi)容。不要壓倒它。仔細(xì)閱讀當(dāng)前的設(shè)計，并想象從每個頁面上取走一個元素。它會是什么？它的設(shè)計更好嗎？

 

結(jié)論

每個設(shè)計師都會在這里和那里設(shè)計一個錯誤。（我們中有些人做得比我們想的要多。）但是，你能找出問題并恢復(fù)嗎？

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

意派Coolsite360交互式線網(wǎng)頁編輯系統(tǒng)

“創(chuàng)意不該受技術(shù)束縛，交互可以變得簡單有趣”