好的(de)交互設計可(kě)以區分開有(yǒu)質量的(de)網站和(hé)其他普通網站。然而，如(rú)果有(yǒu)明顯的(de)設計錯誤，它隻會給予你本來想打動的(de)用戶以刺激和(hé)挫敗感。下面是總結的(de)讓人最不喜歡的(de)交互設計錯誤列表，來看看你中槍了沒！

1、缺乏對比

當浏覽網站時，我們喜歡看頁面設計展示出幹淨、清爽的(de)對比。對比達到了一(yī)個重要的(de)目的(de)——它使內(nèi)容可(kě)讀，并毫不費力地(dì)在頁面上指導用戶。這是一(yī)個最基本的(de)設計概念，隻是很奇怪，有(yǒu)些網站似乎就是不明白。

沒有(yǒu)足夠的(de)對比度的(de)話，不管是顔色或整體展示，一(yī)個網站看起來，在最好的(de)情況下，也會讓你覺得有(yǒu)點兒丈二和(hé)尚摸不着頭腦，在最壞的(de)情況下，将會使頁面完全不可(kě)讀。

2、瘋狂的(de)導航

無論你用的(de)是什麽跳出框架的(de)導航創意，先考慮好你的(de)用戶。這并不是令人無聊的(de)，而是深思熟慮并且務實的(de)。好好利用導航設計的(de)最佳實踐和(hé)原則：清晰、簡單性、一(yī)緻性和(hé)相關性。

3、非響應式的(de)或者不良的(de)觸摸目标

響應式網站在現在是至關重要的(de)，我們沒有(yǒu)借口去(qù)創建一(yī)個在你的(de)智能手機(jī)上很難用的(de)網站，除非你做(zuò)了大量的(de)用戶測試，并證明了一(yī)個移動友好的(de)網站并不是必需的(de)。

4、令人心煩意亂的(de)音樂(yuè)

在晚上放些音樂(yuè)很高(gāo)興而且也令放松。在正确的(de)時間點上，音樂(yuè)可(kě)以是很棒的(de)體驗。然而，在99.9％的(de)情況下，正确的(de)時間并不是當你浏覽網站的(de)時候。

很少有(yǒu)事情比你在浏覽一(yī)個網站的(de)同時有(yǒu)一(yī)個刺耳的(de)管弦交響樂(yuè)團在你耳邊演奏更惱人的(de)事情。如(rú)果你是廣告你的(de)下一(yī)張專輯，這可(kě)能還算是可(kě)以原諒的(de)。但即使這樣，也隻是可(kě)能還算是。

5、毫無意義的(de)彈出窗口

是的(de)，彈出窗口真的(de)可(kě)以讓人感到惱火。特别是注冊窗口！每個人都需要更多的(de)注冊！但是，總有(yǒu)更好的(de)方法來做(zuò)你的(de)營銷。彈出式窗口可(kě)以像沖孩子(zǐ)大喊大叫以試圖吸引其注意力一(yī)樣惱人。如(rú)果你必須使用彈窗，請讓它們簡單，有(yǒu)創意，并且易于關閉。

6、可(kě)憐的(de)架構

我理(lǐ)解嘗試創新是多麽誘人。畢竟，你希望你的(de)設計脫穎而出。然而，當創造變成了一(yī)場火熱的(de)混亂，就是時候帶入一(yī)些必要的(de)組織性。

偉大的(de)設計師們都是偉大的(de)溝通者。視(shì)覺層次結構和(hé)平衡是創造良好的(de)第一(yī)印象的(de)重要層面，同時它們可(kě)以影響用戶的(de)行(xíng)為(wèi)，更重要的(de)是，可(kě)以有(yǒu)效地(dì)傳遞出網頁以外的(de)信息。

7、棘手的(de)排版

當我訪問網站，我喜歡能夠快速而方便地(dì)訪問信息。我們都不喜歡混亂的(de)不易閱讀的(de)帶陰影效果的(de)大号字體。或者是在一(yī)個移動的(de)背景嘗試閱讀，或者與要用放大鏡才能查看的(de)小字體苦苦鬥争。

這裏有(yǒu)一(yī)些可(kě)以幫助你複習基礎知識的(de)規則：

—— 建立一(yī)個清晰的(de)層次結構

—— 注意文本對齊方式

—— 限制字體的(de)字号數量、類型和(hé)顔色

—— 必要時充分地(dì)利用空白

8、笨拙的(de)表單

有(yǒu)的(de)時候你會需要向你的(de)用戶要一(yī)些信息，這本身很好。然而，這并不是說你可(kě)以為(wèi)他們提供一(yī)個很長(cháng)，很浪費時間的(de)表單。重複地(dì)要求相同的(de)信息也不是一(yī)個好主意。隻向用戶要最少量的(de)必要信息，并且不要忽視(shì)表單的(de)跨浏覽器樣式。

好的(de)表單交互體驗來自(zì)于清晰性、簡潔性和(hé)一(yī)緻性。這裏有(yǒu)一(yī)些小貼士：

—— 強調需要的(de)字段

—— 必要時顯示進度

—— 提供提示

—— 注意字段的(de)長(cháng)度

—— 使用先進的(de)工具來定制表單元素

9、沒有(yǒu)用戶反饋和(hé)數據的(de)抄襲

從别人那裏獲得靈感并不一(yī)定是件壞事，但如(rú)果你這樣做(zuò)，你需要确保你手頭有(yǒu)正确的(de)反饋和(hé)數據，以确保你在為(wèi)你的(de)目标受衆提供真正的(de)設計價值。

10、顯著的(de)不一(yī)緻性

在一(yī)定程度上風格可(kě)以混搭的(de)。然而，如(rú)果整體效果成了一(yī)個巨大的(de)，醜陋的(de)視(shì)覺“沖突”，那麽還是建議回到繪圖闆并重新開始。

好的(de)交互設計是具有(yǒu)一(yī)緻性的(de)。它使用戶更好地(dì)理(lǐ)解事物是如(rú)何工作的(de)，讓用戶在使用一(yī)個網頁時，感覺到他們在控制局面，以及提高(gāo)他們的(de)工作效率。雅各布·尼爾森說：“用戶的(de)期望更多地(dì)被證實是正确的(de)，他們就會越覺得他們在控制系統，并會更加喜歡它。”

11、太多的(de)動效

偶爾使用的(de)交互式動畫可(kě)以提升你的(de)網站內(nèi)容。然而，讓你的(de)頁面負擔一(yī)個又一(yī)個瘋狂的(de)動效，會讓你的(de)用戶感覺到有(yǒu)點像是進入了在線瘋人院裏，甚至更糟糕的(de)東西。

下面這個網站是談到瘋狂設計時我一(yī)定會加冕為(wèi)冠軍的(de)，我可(kě)以定下個挑戰，你在看到它時有(yǒu)沒有(yǒu)辦法不感到精神錯亂！

12、追逐趨勢

保持一(yī)點時髦是很讓人高(gāo)興的(de)。然而，花時間去(qù)追逐最新的(de)流行(xíng)語和(hé)交互設計風格，你最終會得到一(yī)個網站，它閱讀起來就像是陳詞濫調。如(rú)果可(kě)以的(de)話，你要敢于不同。

交互設計——四種正确設計的(de)方式

1）目标驅動。不要為(wèi)了添加效果而添加效果。不要選擇某個調色闆，導航欄，或者圖标僅僅因為(wèi)你認為(wèi)它看起來不錯。試試着眼在最終目标上。你想讓你的(de)網站達到什麽目标？一(yī)旦你已經确定了那個目标，那麽你很有(yǒu)可(kě)能就有(yǒu)了一(yī)個關于你應該使用什麽樣的(de)交互設計的(de)好主意。

2）記住要有(yǒu)人情味。如(rú)果你屬于藝術型（我們不都是麽），那你面對的(de)誘惑是去(qù)創造美麗的(de)東西，一(yī)些優秀的(de)，一(yī)些有(yǒu)人從未做(zuò)過的(de)事。然而，如(rú)果沒有(yǒu)人創建過和(hé)使用過，可(kě)能有(yǒu)一(yī)個很好的(de)原因就是，它們确實沒用。記住，網站的(de)訪客都是人類。你創造出旨在能直接吸引他們的(de)東西。

3）保持一(yī)緻性。是的(de)，網站本身應該是很令人驚歎的(de)。然而，網站也應該需要正常可(kě)用。你會有(yǒu)需要遵守某些設計慣例，以使網站易于浏覽和(hé)理(lǐ)解。不要為(wèi)了與衆不同而違背常理(lǐ)。相反，接受你将需要實現一(yī)定的(de)規則的(de)事實，能幫助你的(de)用戶輕松地(dì)訪問你的(de)網站。

4）測試測試再測試。如(rú)果你發現任何疑問，就進行(xíng)測試！有(yǒu)很多用戶研究工具可(kě)以幫助你發現在産品中用戶受困或者分心的(de)地(dì)方。ａ/ｂ測試，分析眼動跟蹤數據，或者是直接讓你的(de)客戶，同事和(hé)朋(péng)友嘗試你的(de)新設計。沒有(yǒu)什麽比真正的(de)反饋更有(yǒu)價值，并且幾乎沒有(yǒu)一(yī)個更好的(de)方法能如(rú)此改進你的(de)交互設想。