交互設計從來都(dōu)不容易。它包括了用戶行爲的深度分析，和一絲不苟的規劃。随著(zhe)新技術和交互設計模式的出現，事(shì)情并不會變容易。

　　豔麗的圖片、順暢的鼠标懸停效果和意外的動畫，不再那麼(me)容易引起(qǐ)用戶注意了。但難題卻沒(méi)有解決——如何創造令人愉快的用戶體驗，讓用戶面(miàn)帶笑容完成(chéng)轉化？如果你對(duì)常見的設計陷阱有所警覺，就能(néng)更少犯錯。

　　爲了方便——可能(néng)也爲了讓你知道(dào)你不是獨自一人——以下總結了最常見的交互設計誤區。

　　1. 鋪天蓋地的創新

　　網頁設計師都(dōu)非常有創造力。我們希望通過(guò)作品來表達自我。我們總是在尋求創新的設計方法來脫穎而出。但是，當涉及到交互設計時，創新并不總是好(hǎo)事(shì)。甚至會給你的網站帶來壞的影響。用戶渴望熟悉的事(shì)物，他們總是會遵循一些特定的操作方式。

　　Randy J. Hunt，Etsy的創意總監和Product Design for the Web作者，清晰地陳述過(guò)：“嘿，設計師：别再TM自作聰明了。”在文章中，他詳細解釋了爲什麼(me)别在網頁設計上過(guò)分熱衷創新。

　　天貓&京東,内蒙古電商品牌策劃,内蒙古微信營銷,内蒙古微網站,呼和浩特電商品牌策劃,呼和浩特微信營銷,呼和浩特微網站,内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網：/

　　以Iotorama網站爲例。它挺漂亮，音樂深情，但是看著(zhe)滿屏幕移動的球，用戶不知所措。不要誤解我的意思，這(zhè)個項目非常出色，超級有創造力！我喜歡這(zhè)個大膽的創意，但它一點也不直觀。

　　還(hái)有一個例子。Safety on the Slopes項目背後(hòu)的創作者想到一個巧妙的交互式圖形，用來警告用戶冬季運動的危險。非常創新，同時也很直觀、有趣、令人印象深刻。

　　2. 令人困惑的導航

　　“不要自作聰明”的準則也可以沿用到導航上。有些設計師試圖使用折衷的名稱來尋求新穎。比如Chijoff網站就讓用戶不知道(dào)他們究竟提供什麼(me)，如何聘請他們。需要看上好(hǎo)一陣子，才能(néng)理解“共同創造”頁面(miàn)實際上就等同于“服務”。甚至還(hái)有，通讀整頁後(hòu)用戶仍然不知道(dào)該怎麼(me)做……頁面(miàn)末尾隻有個小注冊表單用來獲取最新的行業新聞和提示！在“聯系”頁面(miàn)也沒(méi)有表單，隻有郵編和郵箱地址。使人們聯絡或聘用他們非常困難。

　　相反，看看legworkstudio的網站。它的創意與超凡令人震撼。導航非常清晰不含糊。用戶絕對(duì)不會迷路。

　　3. 雜亂無章

　　有一段時期，網站都(dōu)試圖把一切可能(néng)的東西擺上台面(miàn)。那些日子已經(jīng)一去不複返，但是很多網站仍然在犯這(zhè)個錯誤。看看這(zhè)個在線商城：

　　設計師試圖堅持一種(zhǒng)單色配色，但是大量顔色不同的色塊、logo和字體，在這(zhè)個頁面(miàn)上就足夠讓用戶步履蹒跚。搜索框有著(zhe)醒目的文案：“那麼(me)，今天你想要什麼(me)？”，但整個布局的外觀和感覺非常過(guò)時。

　　EBay是主要在在線零售商之一，在這(zhè)點上做得不錯。沒(méi)有用産品圖片、促銷和各種(zhǒng)行動召喚塞滿整個頁面(miàn)，而是保持它幹淨簡潔，強調他們确實希望用戶首先關注的東西，并附上清晰的提示，接下來該怎麼(me)做。

　　4. 注意對(duì)比，大哥！

　　對(duì)比是創造視覺層級、吸引用戶注意特定元素的最重要的方式之一。在網頁設計中，對(duì)比不僅僅意味著(zhe)顔色使用，也包括尺寸、形狀和位置。

　　這(zhè)個網站是最簡單生動的例子。他們做到了統一一緻，但整體背景和按鈕并不夠吸引人，尤其是在訂購按鈕上。

　　相比來看這(zhè)個。顔色選用很接近，但結果卻完全不同。而且，創新的滾動效果，流暢地介紹了産品的新功能(néng)——反光材料。很酷，對(duì)吧？

　　5. 忽視表單樣(yàng)式

　　表單設計是用戶體驗最基本的部分。每個網站都(dōu)有一個目标——無論是樹立榜樣(yàng)、直接售賣産品或是提供信息。不幸的是，許多網站有著(zhe)光鮮的首頁，卻甯可用長(cháng)表單和複雜的驗證碼來使用戶厭煩緻死。除非用戶有強烈的先導動機，否則他們就會離開(kāi)。

　　有了JCF這(zhè)樣(yàng)的有效的跨浏覽器的解決方案，是時候忘記那些醜陋的默認表單元素了，轉向(xiàng)一種(zhǒng)更加沉浸的用戶體驗吧。

　　另一件氣人的事(shì)，是表單要求太多信息，或者沒(méi)通過(guò)完善測試。例如sketchybusiness.io的表單高亮顯示了所有的空白框，甚至包括非必填項。

　　如果你看了mostlyserious.io的表單，你絕對(duì)會喜歡它的鼠标懸停和按鈕按下狀态。而且，“别害羞”的提示文案增加了一絲親切幽默的感覺。

　　最後(hòu)……

　　不要懶于測試！對(duì)你重要的對(duì)于顧客未必重要。他們在哪裡(lǐ)遇到問題卡住？是導航、奇特的視覺差滾動效果、還(hái)是長(cháng)時間加載的視頻？用戶測試的最大好(hǎo)處之一，是你可以通過(guò)用戶的視角來觀察，關注他們的需求、做出改進(jìn)。不要抑制你的創造力。要牢記網站訪客可能(néng)會感到困惑和沮喪。

　　你見過(guò)最糟的交互設計錯誤是什麼(me)？可以在評論中分享你的想法和故事(shì)。

    注：本文均來自百度搜索，如涉及版權問題，請聯系我們，我們會第一時間解決。