好的網(wǎng)站交互設(shè)計(jì)可以讓優(yōu)質(zhì)網(wǎng)站區(qū)別于其他普通網(wǎng)站。但是如果有明顯的設(shè)計(jì)錯(cuò)誤，只會(huì)給你想要打動(dòng)的用戶帶來(lái)興奮和挫敗感。以下是Speckyboy上總結(jié)的最不喜歡的交互設(shè)計(jì)錯(cuò)誤列表，看看你有沒(méi)有中槍！

　　1.缺乏比較

　　用戶在瀏覽網(wǎng)站時(shí)，喜歡看到頁(yè)面設(shè)計(jì)呈現(xiàn)干凈清爽的對(duì)比。對(duì)比達(dá)成了一個(gè)重要目標(biāo)：——。它使內(nèi)容可讀，并在頁(yè)面上毫不費(fèi)力地引導(dǎo)用戶。這是一個(gè)基本的設(shè)計(jì)概念，但是很奇怪，有些網(wǎng)站就是好像不理解。

　　如果沒(méi)有足夠的對(duì)比度，無(wú)論是顏色還是整體顯示，一個(gè)網(wǎng)站看起來(lái)，最好的情況下會(huì)讓你覺(jué)得有點(diǎn)莫名其妙，最壞的情況下會(huì)讓頁(yè)面完全無(wú)法閱讀。

　　2.瘋狂導(dǎo)航

　　無(wú)論你在框架之外使用什么樣的導(dǎo)航理念，首先要考慮你的用戶。這不是無(wú)聊，而是深思熟慮，務(wù)實(shí)。充分利用導(dǎo)航設(shè)計(jì)的最佳實(shí)踐和原則：清晰、簡(jiǎn)單、一致和相關(guān)。

　　3.無(wú)響應(yīng)或接觸目標(biāo)不良

　　響應(yīng)性網(wǎng)站現(xiàn)在非常重要。我們沒(méi)有借口創(chuàng)建一個(gè)在你的智能手機(jī)上難以使用的網(wǎng)站，除非你做了大量的用戶測(cè)試，并證明一個(gè)移動(dòng)友好的網(wǎng)站是不必要的。

　　4.令人不安的音樂(lè)

　　晚上播放一些音樂(lè)既有趣又放松。在合適的時(shí)候，音樂(lè)可以是一種很棒的體驗(yàn)。但是，99.9%的情況下，正確的時(shí)間不是你訪問(wèn)網(wǎng)站的時(shí)候。

　　沒(méi)有什么比瀏覽網(wǎng)站時(shí)有一個(gè)刺耳的管弦樂(lè)隊(duì)在你耳邊演奏更煩人的了。如果你在為你的下一張專輯做廣告，也許可以原諒。但即便如此，也只有可能。

　　5、無(wú)意義的彈出窗口

　　是的，彈出窗口真的會(huì)讓人很煩。尤其是報(bào)名窗口！每個(gè)人都需要更多注冊(cè)！然而，總有更好的方法來(lái)做你的營(yíng)銷。彈出式窗口就像對(duì)孩子大喊大叫以吸引他們的注意力一樣煩人。如果你必須使用彈出窗口，請(qǐng)讓它們簡(jiǎn)單、有創(chuàng)意、易于關(guān)閉。

　　6.糟糕的建筑

　　我理解嘗試創(chuàng)新的誘惑力。畢竟，你希望你的設(shè)計(jì)脫穎而出。然而，當(dāng)創(chuàng)作變得一團(tuán)亂麻時(shí)，是時(shí)候帶來(lái)一些必要的組織了。

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

　　7.難排版

　　在訪問(wèn)網(wǎng)站時(shí)，用戶希望能夠快速方便地訪問(wèn)信息。我們都不喜歡雜亂的，不可讀的有陰影效果的大字體?；蛘邍L試在移動(dòng)的背景中閱讀，或者糾結(jié)于只能用放大鏡才能看到的小字體。這里有一些規(guī)則可以幫助您復(fù)習(xí)基礎(chǔ)知識(shí)：

　　——建立清晰的層級(jí)

　　——注意文本對(duì)齊

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

　　必要時(shí)充分利用空白

　　8.笨拙的形式

　　有時(shí)候你需要向你的用戶詢問(wèn)一些信息，這本身就很好。然而，這并不是說(shuō)你可以為他們提供一個(gè)漫長(zhǎng)而耗時(shí)的表格。反復(fù)詢問(wèn)同樣的信息不是一個(gè)好主意。只要求用戶提供最少的必要信息，不要忽略表單的跨瀏覽器風(fēng)格。

　　好的表單交互體驗(yàn)來(lái)源于清晰、簡(jiǎn)潔、一致。

　　以下是一些提示：

　　——強(qiáng)調(diào)必填字段

　　——如有必要，顯示進(jìn)度

　　——提供提示

　　注意字段的長(zhǎng)度

　　——使用高級(jí)工具自定義表單元素

　　9.沒(méi)有用戶反饋和數(shù)據(jù)抄襲

　　從別人那里獲得靈感并不一定是件壞事，但如果你這樣做了，你需要確保你有正確的反饋和數(shù)據(jù)，以確保你向目標(biāo)受眾提供了真正的設(shè)計(jì)價(jià)值。

　　10.顯著的不一致性

　　在某種程度上，風(fēng)格可以混合搭配。但是如果整體效果變成了巨大而丑陋的視覺(jué)“沖突”，建議回到畫(huà)板上重新開(kāi)始。

　　好的交互設(shè)計(jì)是一致的。它讓用戶更好的理解事物是如何工作的，讓用戶在使用一個(gè)網(wǎng)頁(yè)的時(shí)候感覺(jué)自己在掌控局面，提高了工作效率。雅各布尼爾森(Jacob  Nielsen)說(shuō)：“用戶的期望越被證明是正確的，他們就會(huì)越覺(jué)得自己在控制系統(tǒng)，就會(huì)越喜歡它。"

　　11.動(dòng)態(tài)效果太多

　　偶爾使用交互式動(dòng)畫(huà)可以增強(qiáng)您網(wǎng)站的內(nèi)容。然而，讓你的頁(yè)面承受一個(gè)又一個(gè)瘋狂的效果，會(huì)讓你的用戶覺(jué)得他們是在一個(gè)在線瘋?cè)嗽海踔粮恪?/p>

　　以下網(wǎng)站是關(guān)于瘋狂設(shè)計(jì)的，我一定會(huì)加冕冠軍。我可以設(shè)定一個(gè)挑戰(zhàn)。有什么方法可以讓你看到它的時(shí)候不覺(jué)得自己瘋了？

　　12、追逐潮流

　　保持一點(diǎn)時(shí)尚是很愉快的。然而，如果你花時(shí)間追逐最新的流行語(yǔ)和交互設(shè)計(jì)風(fēng)格，你最終會(huì)得到一個(gè)讀起來(lái)像陳詞濫調(diào)的網(wǎng)站。如果可以，就要敢于與眾不同。

　　交互設(shè)計(jì)——四種正確的設(shè)計(jì)方法

　　1)目標(biāo)驅(qū)動(dòng)。不要為了添加效果而添加效果。不要僅僅因?yàn)橛X(jué)得調(diào)色板、導(dǎo)航欄或圖標(biāo)好看就選擇它們。盡量專注于最終目標(biāo)。你希望你的網(wǎng)站實(shí)現(xiàn)什么？一旦你設(shè)定了這個(gè)目標(biāo)，你可能會(huì)對(duì)你應(yīng)該使用什么樣的交互設(shè)計(jì)有一個(gè)很好的想法。

　　2)記得要有人情味。如果你是一個(gè)藝術(shù)類型(我們不是全部)，你面對(duì)的誘惑就是創(chuàng)造一些美好的東西，一些優(yōu)秀的東西，一些別人從來(lái)沒(méi)有做過(guò)的東西。但是，如果沒(méi)有人創(chuàng)造和使用過(guò)，可能有很好的理由說(shuō)明它們真的沒(méi)有用。記住，網(wǎng)站的訪客都是人。你創(chuàng)造一些東西來(lái)直接吸引他們。3)保持一致性。是的，網(wǎng)站本身應(yīng)該是很神奇的。但是，網(wǎng)站也應(yīng)該正?？捎?。您可能需要遵循某些設(shè)計(jì)慣例，以使網(wǎng)站易于瀏覽和理解。不要為了與眾不同而違背常識(shí)。相反，接受你需要執(zhí)行某些規(guī)則的事實(shí)可以幫助你的用戶輕松訪問(wèn)你的網(wǎng)站。

　　4)測(cè)試，測(cè)試，復(fù)試。如果發(fā)現(xiàn)有疑問(wèn)，就去測(cè)試一下！有許多用戶研究工具可以幫助您找到用戶在產(chǎn)品中陷入或分心的地方。A/B測(cè)試，分析眼動(dòng)跟蹤數(shù)據(jù)，或者直接讓你的客戶、同事、朋友嘗試你的新設(shè)計(jì)。沒(méi)有什么比真正的反饋更有價(jià)值，也幾乎沒(méi)有更好的方法來(lái)改善你的互動(dòng)想法。