好的交互設計可以區(qū)分開有質量的網(wǎng)站和其他普通網(wǎng)站。然而，假如有顯著的設計錯誤，它只會給予你本來想感動的用戶以刺激和挫敗感。下面是總結的讓人最不喜歡的交互設計錯誤列表，來看看你中槍了沒！

1，缺乏對比

當瀏覽網(wǎng)站時，我們喜歡看頁面設計展示出干凈、清爽的對比。對比達到了一個重要的目的——它使內(nèi)容可讀，并絕不費力地在頁面上指導用戶。這是一個最基本的設計概念，只是很希奇，有些網(wǎng)站好像就是不明白。

沒有足夠的對比度的話，無論是顏色或整體展示，一個網(wǎng)站看起來，在最好的情況下，也會讓你覺得有點兒丈二和尚摸不著頭腦，在最壞的情況下，將會使頁面完全不可讀。

2，瘋狂的導航

不管你用的是什么跳出框架的導航創(chuàng)意，先考慮好你的用戶。這并不是令人無聊的，而是深思熟慮并且務實的。好好利用導航設計的最佳實踐和原則：清楚、簡樸性、一致性和相關性。

3，非響應式的或者不良的觸摸目標

響應式網(wǎng)站在現(xiàn)在是至關重要的，我們沒有借口去創(chuàng)建一個在你的智能手機上很難用的網(wǎng)站，除非你做了大量的用戶測試，并證實了一個移動友好的網(wǎng)站并不是必須的。

4，令人心煩意亂的音樂

在晚上放些音樂很興奮而且也令放松。在準確的時間點上，音樂可以是很棒的體驗。然而，在99.9％的情況下，準確的時間并不是當你瀏覽網(wǎng)站的時候。

很少有事情比你在瀏覽一個網(wǎng)站的同時有一個刺耳逆耳的管弦交響樂團在你耳邊吹奏更惱人的事情。假如你是廣告你的下一張專輯，這可能還算是可以原諒的。但即使這樣，也只是可能還算是。

5，毫無意義的彈出窗口

是的，彈出窗口真的可以讓人感到惱火。特別是注冊窗口！每個人都需要更多的注冊！但是，總有更好的方法來做你的營銷。彈出式窗口可以像沖孩子大喊大叫以試圖吸引其留意力一樣惱人。假如你必需使用彈窗，請讓它們簡樸，有創(chuàng)意，并且易于封閉。

6，可憐的架構

我理解嘗試立異是多么誘人。究竟，你但愿你的設計脫穎而出。然而，當創(chuàng)造變成了一場火熱的混亂，就是時候帶入一些必要的組織性。

偉大的設計師們都是偉大的溝通者。視覺層次結構和平衡是創(chuàng)造良好的第一印象的重要層面，同時它們可以影響用戶的行為，更重要的是，可以有效地傳遞出網(wǎng)頁以外的信息。

7，棘手的排版

當我訪問網(wǎng)站，我喜歡能夠快速而利便地訪問信息。我們都不喜歡混亂的不易閱讀的帶暗影效果的大號字體。或者是在一個移動的背景嘗試閱讀，或者與要用放大鏡才能查看的小字體苦苦斗爭。

這里有一些可以匡助你溫習基礎知識的規(guī)則：

—— 建立一個清楚的層次結構

—— 留意文本對齊方式

—— 限制字體的字號數(shù)目、類型和顏色

—— 必要時充分地利用空缺

8，笨拙的表單

有的時候你會需要向你的用戶要一些信息，這本身很好。然而，這并不是說你可認為他們提供一個很長，很鋪張時間的表單。重復地要求相同的信息也不是一個好主意。只向用戶要起碼量的必要信息，并且不要忽視表單的跨瀏覽器樣式。

好的表單交互體驗來自于清楚性、簡潔性和一致性。

這里有一些小貼士：

—— 夸大需要的字段

—— 必要時顯示進度

—— 提供提示

—— 留意字段的長度

—— 使用提高前輩的工具來定制表單元素

9，沒有用戶反饋和數(shù)據(jù)的抄襲

從別人那里獲得靈感并不一定是件壞事，但假如你這樣做，你需要確保你手頭有準確的反饋和數(shù)據(jù)，以確保你在為你的目標受眾提供真正的設計價值。

10，明顯的不一致性

在一定程度優(yōu)勢格可以混搭的。然而，假如整體效果成了一個巨大的，丑陋的視覺“沖突”，那么仍是建議回到繪圖板并重新開始。

好的交互設計是具有一致性的。它使用戶更好地輿解事物是如何工作的，讓用戶在使用一個網(wǎng)頁時，感覺到他們在控制局面，以及進步他們的工作效率。雅各布·尼爾森說：“用戶的期望更多地被證明是準確的，他們就會越覺得他們在控制系統(tǒng)，并會更加喜歡它。”

11，太多的動效

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

下面這個網(wǎng)站是談到瘋狂設計時我一定會加冕為冠軍的，我可以定下個挑戰(zhàn)，你在看到它時有沒有辦法不感到精神錯亂！

12，追逐趨勢

保持一點時髦是很讓人興奮的。然而，花時間去追逐最新的流行語和交互設計風格，你終極會得到一個網(wǎng)站，它閱讀起來就像是陳詞讕言。假如可以的話，你要敢于不同。

交互設計——四種準確設計的方式

所以，以上便是我珍藏的我最討厭的交互設計錯誤。下面是一個便利的小列表，以提醒你如何用準確的方式設計！

1）目標驅動。不要為了添加效果而添加效果。不要選擇某個調色板，導航欄，或者圖標僅僅由于你以為它看起來不錯。嘗嘗著眼在終極目標上。你想讓你的網(wǎng)站達到什么目標？一旦你已經(jīng)確定了那個目標，那么你很有可能就有了一個關于你應該使用什么樣的交互設計的好主意。

2）記住要有人情味。假如你屬于藝術型（我們不都是么），那你面臨的誘惑是去創(chuàng)造錦繡的東西，一些優(yōu)秀的，一些有人從未做過的事。然而，假如沒有人創(chuàng)建過和使用過，可能有一個很好的原因就是，它們確實沒用。記住，網(wǎng)站的訪客都是人類。你創(chuàng)造出旨在能直接吸引他們的東西。

3）保持一致性。是的，網(wǎng)站本身應該是很令人贊嘆的。然而，網(wǎng)站也應該需要正常可用。你會有需要遵守某些設計慣例，以使網(wǎng)站易于瀏覽和理解。不要為了不同凡響而違反常理。相反，接受你將需要實現(xiàn)一定的規(guī)則的事實，能匡助你的用戶輕松地訪問你的網(wǎng)站。

4）測試測試再測試。假如你發(fā)現(xiàn)任何疑問，就進行測試！有良多用戶研究工具可以匡助你發(fā)現(xiàn)在產(chǎn)品頂用戶受困或者分心的地方。ａ　／　ｂ測試，分析眼動跟蹤數(shù)據(jù)，或者是直接讓你的客戶，同事和朋友嘗試你的新設計。沒有什么比真正的反饋更有價值，并且?guī)缀鯖]有一個更好的方法能如斯改進你的交互設想。