網(wǎng)頁設(shè)計(jì)中常見的幾種交互設(shè)計(jì)錯(cuò)誤
交互設(shè)計(jì)從來都不是簡單的事情。可靠的交互通常需要借助對用戶行為的深入分析，然后有針對性的精心策劃。可是隨著新的技術(shù)和新的交互模式的不斷涌現(xiàn)，事情就變得不是那么容易了。
其實(shí)大家遭遇的困境都很相似，用戶已經(jīng)很難被單純炫酷的圖片、流暢的懸停效果和出人意料的動(dòng)效所打動(dòng)，真正能讓他們露出微笑的是持久、令人愉悅的交互設(shè)計(jì)和用戶體驗(yàn)。如果你對于日常的設(shè)計(jì)中的常見的誤區(qū)有所了解，自然會(huì)有意識地繞過這些坑。
為了更好的設(shè)計(jì)，我們?yōu)槟愫唵慰偨Y(jié)了一下最常見的5種交互設(shè)計(jì)的誤區(qū)。
1、過度的創(chuàng)意
網(wǎng)頁設(shè)計(jì)師絕對不缺少創(chuàng)意。我們希望借工作表達(dá)自己，也一直在試圖尋找能讓產(chǎn)品脫穎而出的優(yōu)秀創(chuàng)意。但是當(dāng)涉及到交互設(shè)計(jì)的時(shí)候，推陳出新并不一定總是好的，它甚至?xí)䦟δ愕木W(wǎng)站和產(chǎn)品產(chǎn)生不利的影響。的確，許多用戶渴求新鮮的創(chuàng)意，但是在操作和交互上卻往往希望協(xié)調(diào)可控，所以他們更傾向于熟悉的交互。Etsy的創(chuàng)業(yè)總監(jiān)Randy曾經(jīng)撰文探討過這個(gè)問題，文中直言“設(shè)計(jì)師們不要在此（交互設(shè)計(jì)）自作聰明了！”在這篇文中，他詳細(xì)解釋了為什么你不應(yīng)該走極端去設(shè)計(jì)充滿大量創(chuàng)新交互的網(wǎng)頁。
2、令人迷惑的交互
“不要自作聰明”的規(guī)則也應(yīng)當(dāng)應(yīng)用在導(dǎo)航設(shè)計(jì)上。一些設(shè)計(jì)師試圖運(yùn)用別具一格不同尋常的名稱，以活動(dòng)更富有實(shí)驗(yàn)性的導(dǎo)航。比如這個(gè)Chijoff網(wǎng)站，就讓前來應(yīng)聘的用戶充滿困惑。如果你是網(wǎng)站的訪客，需要來回折騰一陣子，才能搞清楚這個(gè)名為“Co-Create”的頁面實(shí)際上也就是常見的“Services”頁面。最糾結(jié)的是，即便是你將整個(gè)頁面都看完之后，仍然高不清楚要怎么辦，因?yàn)檫@個(gè)頁面的底部僅僅只有一個(gè)表單，展示行業(yè)新聞，并且僅僅提供一個(gè)注冊入口！至于聯(lián)系頁面就更簡單了，僅僅提供了一個(gè)郵政編碼和一個(gè)郵件地址。總而言之，他們用各種手段讓用戶無法直接快速有效的聯(lián)系上他們。
3、雜亂無章
曾經(jīng)有過一個(gè)階段，設(shè)計(jì)師試圖將所有的內(nèi)容全都塞到一個(gè)頁面當(dāng)中去。雖然這個(gè)時(shí)代已經(jīng)過去了，但是很多網(wǎng)站依然在犯這個(gè)錯(cuò)誤，甚至在我們自己設(shè)計(jì)的時(shí)候，有時(shí)候也會(huì)身不由己地想這么做。
4、要有對比度
對比度是構(gòu)建視覺層次最重要的手段之一，也是讓視覺元素吸引用戶的絕佳方式。在網(wǎng)頁設(shè)計(jì)中，對比度不僅僅是通過色彩來呈現(xiàn)的，尺寸控制、形狀設(shè)計(jì)、位置調(diào)整也都能表現(xiàn)出對比度。
5、忽視表單樣式
表單設(shè)計(jì)其實(shí)是用戶體驗(yàn)設(shè)計(jì)的基本組成部分之一。每個(gè)網(wǎng)站都有不同的設(shè)計(jì)目標(biāo)，不論是銷售產(chǎn)品、呈現(xiàn)信息還是提供溝通平臺，然而許多設(shè)計(jì)漂亮的網(wǎng)站總會(huì)給你一個(gè)令人感到無聊到死的復(fù)雜表單，除了那些極其想加入會(huì)員或者想?yún)⑴c問卷調(diào)查的那些訪客，許多用戶（比如我）會(huì)直接關(guān)閉頁面，離開網(wǎng)站。
另外一個(gè)惱人的情況是，表單要求太多，想法不成熟，或者并未經(jīng)過良好的測試。
結(jié)語
網(wǎng)站并不是做好了就夠了，你還需要多加測試！有許多問題并不是意料之中的。用戶會(huì)在哪里碰到問題？導(dǎo)航中的設(shè)定是否符合用戶的意識？視差效果和內(nèi)置的視頻是否能夠流暢加載？讓用戶參與測試最大的好處是你真的開始擁有用戶的視角，而非你自己的腦補(bǔ)，了解實(shí)際的需求，才能有所改進(jìn)。不要試圖限制你的創(chuàng)造力，但是也不要忘記基本的原則，這樣才能在不為用戶帶來困惑和沮喪的同時(shí)，給予他們驚喜。
【網(wǎng)頁設(shè)計(jì)中常見的幾種交互設(shè)計(jì)錯(cuò)誤】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)常見的交互設(shè)計(jì)錯(cuò)誤09-28
網(wǎng)頁設(shè)計(jì)中常見的交互設(shè)計(jì)錯(cuò)誤09-26
網(wǎng)頁設(shè)計(jì)中常見的五種交互設(shè)計(jì)錯(cuò)誤07-25
網(wǎng)頁設(shè)計(jì)中交互設(shè)計(jì)的流行趨勢08-15
網(wǎng)頁設(shè)計(jì)中的滾動(dòng)交互新技巧07-10
網(wǎng)頁設(shè)計(jì)常見錯(cuò)誤及解決辦法10-07