1，缺少比照

在網(wǎng)站交互設計（UI/UX）中，一些常見的錯誤會直接影響用戶體驗，降低轉(zhuǎn)化率，甚至損害品牌形象。當閱覽網(wǎng)站時，咱們喜愛看頁面規(guī)劃展示出干凈、清新的比照。比照到達了一個重要的意圖——它使內(nèi)容可讀，并毫不費力地在頁面上指導用戶。這是一個基本的規(guī)劃概念，僅僅很古怪，有些網(wǎng)站好像就是不明白。

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

2，張狂的導航

無論你用的是什么跳出結(jié)構(gòu)的導航創(chuàng)意，先考慮好你的用戶。這并不是令人無聊的，而是深思熟慮而且務實的。好好運用導航規(guī)劃的佳實踐和準則：明晰、簡略性、一致性和相關(guān)性。

3，非響應式的或許不良的接觸方針

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

4，令人心煩意亂的音樂

在晚上放些音樂很快樂而且也令放松。在正確的時刻點上，音樂能夠是很棒的體會。但是，在99.9％的情況下，正確的時刻并不是當你閱覽網(wǎng)站的時候。

很少有作業(yè)比你在閱覽一個網(wǎng)站的一起有一個尖銳的管弦交響樂團在你耳邊演奏更惱人的作業(yè)。假如你是廣告你的下一張專輯，這或許還算是能夠原諒的。但即便這樣，也僅僅或許還算是。

5，毫無意義的彈出窗口

是的，彈出窗口真的能夠讓人感到惱火。特別是注冊窗口！每個人都需求更多的注冊！但是，總有更好的方法來做你的營銷。彈出式窗口能夠像沖孩子大喊大叫以企圖招引其注意力相同惱人。假如你必須運用彈窗，請讓它們簡略，有創(chuàng)意，而且易于封閉。

6，可憐的架構(gòu)

我了解測驗立異是多么誘人。畢竟，你希望你的規(guī)劃脫穎而出。但是，當創(chuàng)造變成了一場熾熱的混亂，就是時候帶入一些必要的組織性。

巨大的規(guī)劃師們都是巨大的交流者。視覺層次結(jié)構(gòu)和平衡是創(chuàng)造良好的第一印象的重要層面，一起它們能夠影響用戶的行為，更重要的是，能夠有效地傳遞出網(wǎng)頁以外的信息。

7，棘手的排版

當我訪問網(wǎng)站，我喜愛能夠快速而方便地訪問信息。咱們都不喜愛混亂的不易閱覽的帶暗影作用的大號字體。或許是在一個移動的背景測驗閱覽，或許與要用放大鏡才能查看的小字體苦苦斗爭。

這里有一些能夠協(xié)助你復習基礎知識的規(guī)矩：

—— 建立一個明晰的層次結(jié)構(gòu)

—— 注意文本對齊方法

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

—— 必要時充分地運用空白

8，笨拙的表單

有的時候你會需求向你的用戶要一些信息，這本身很好。但是，這并不是說你能夠為他們供給一個很長，很浪費時刻的表單。重復地要求相同的信息也不是一個好主意。只向用戶要少量的必要信息，而且不要忽視表單的跨閱覽器款式。

好的表單交互體會來自于明晰性、簡潔性和一致性。

這里有一些小貼士：

—— 著重需求的字段

—— 必要時顯示進展

—— 供給提示

—— 注意字段的長度

—— 運用先進的東西來定制表單元素

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

從他人那里取得靈感并不必定是件壞事，但假如你這樣做，你需求確保你手頭有正確的反應和數(shù)據(jù)，以確保你在為你的方針受眾供給真實的規(guī)劃價值。

10，明顯的不一致性

在必定程度上風格能夠混搭的。但是，假如整體作用成了一個巨大的，丑陋的視覺“沖突”，那么仍是建議回到繪圖板并重新開始。

好的交互規(guī)劃是具有一致性的。它運用戶更好地了解事物是如何作業(yè)的，讓用戶在運用一個網(wǎng)頁時，感覺到他們在操控局勢，以及進步他們的作業(yè)效率。雅各布·尼爾森說：“用戶的希望更多地被證實是正確的，他們就會越覺得他們在操控系統(tǒng)，并會更加喜愛它。”

11，太多的動效

偶爾運用的交互式動畫能夠提高你的網(wǎng)站內(nèi)容。但是，讓你的頁面負擔一個又一個張狂的動效，會讓你的用戶感覺到有點像是進入了在線瘋?cè)嗽豪铮�甚至更糟糕的東西。

下面這個網(wǎng)站是談到張狂規(guī)劃時我必定會加冕為冠軍的，我能夠定下個挑戰(zhàn)，你在看到它時有沒有辦法不感到精神錯亂！

12，追逐趨勢

保持一點時尚是很讓人快樂的。但是，花時刻去追逐新的流行語和交互規(guī)劃風格，你終究會得到一個網(wǎng)站，它閱覽起來就像是老生常談。假如能夠的話，你要勇于不同。

交互規(guī)劃——四種正確規(guī)劃的方法

所以，以上便是我保藏的我討厭的交互規(guī)劃過錯。下面是一個便利的小列表，以提示你如何用正確的方法規(guī)劃！

1）方針驅(qū)動。不要為了添加作用而添加作用。不要挑選某個調(diào)色板，導航欄，或許圖標僅僅因為你以為它看起來不錯。試試著眼在終究方針上。你想讓你的網(wǎng)站到達什么方針？一旦你現(xiàn)已確認了那個方針，那么你很有或許就有了一個關(guān)于你應該運用什么樣的交互規(guī)劃的好主意。

2）記住要有人情味。假如你歸于藝術(shù)型（咱們不都是么），那你面臨的誘惑是去創(chuàng)造美麗的東西，一些優(yōu)秀的，一些有人從未做過的事。但是，假如沒有人創(chuàng)立過和運用過，或許有一個很好的原因就是，它們的確沒用。記住，網(wǎng)站的訪客都是人類。你創(chuàng)造出旨在能直接招引他們的東西。

3）保持一致性。是的，網(wǎng)站本身應該是很令人驚嘆的。但是，網(wǎng)站也應該需求正常可用。你會有需求遵守某些規(guī)劃常規(guī)，以使網(wǎng)站易于閱覽和了解。不要為了異乎尋常而違背常理。相反，承受你將需求完成必定的規(guī)矩的現(xiàn)實，能協(xié)助你的用戶輕松地訪問你的網(wǎng)站。

4）測驗測驗再測驗。假如你發(fā)現(xiàn)任何疑問，就進行測驗！有許多用戶研討東西能夠協(xié)助你發(fā)現(xiàn)在產(chǎn)品中用戶受困或許分心的當?shù)亍＃帷。�　ｂ測驗，剖析眼動盯梢數(shù)據(jù)，或許是直接讓你的客戶，同事和朋友測驗你的新規(guī)劃。沒有什么比真實的反應更有價值，而且?guī)缀鯖]有一個更好的方法能如此改善你的交互想象。好的交互設計應做到： 直觀（用戶無需思考） 高效（快速完成任務） 愉悅（留下積極印象） 檢查你的網(wǎng)站是否踩了這些坑？