網(wǎng)頁設(shè)計中常見的幾種交互設(shè)計錯誤

第第頁網(wǎng)頁設(shè)計中常見的幾種交互設(shè)計錯誤

網(wǎng)頁設(shè)計中常見的幾種交互設(shè)計錯誤

其實大家際遇的窘境都很相像，用戶已經(jīng)很難被單純炫酷的圖片、流暢的懸停效果和出人意料的動效所打動，真正能讓他們露出微笑的是長久、令人愉悅的交互設(shè)計和用戶體驗。假如你對于日常的設(shè)計中的常見的誤區(qū)有所了解，自然會有意識地繞過這些坑。

為了更好的設(shè)計，我們?yōu)槟愫喖s總結(jié)了一下最常見的5種交互設(shè)計的誤區(qū)。

1、過度的創(chuàng)意

網(wǎng)頁設(shè)計師絕對不缺少創(chuàng)意。我們盼望借工作表達自己，也一貫在試圖查找能讓產(chǎn)品脫穎而出的優(yōu)秀創(chuàng)意。但是當涉及到交互設(shè)計的'時候，推陳出新并不肯定總是好的，它甚至會對你的網(wǎng)站和產(chǎn)品產(chǎn)生不利的影響。的確，很多用戶渴求新鮮的創(chuàng)意，但是在操作和交互上卻往往盼望協(xié)調(diào)可控，所以他們更傾向于熟識的交互。Etsy的創(chuàng)業(yè)總監(jiān)Randy曾經(jīng)撰文探討過這個問題，文中直言“設(shè)計師們不要在此〔交互設(shè)計〕自作聰慧了！”在這篇文中，他具體說明了為什么你不應(yīng)當走極端去設(shè)計充斥大量創(chuàng)新交互的網(wǎng)頁。

2、令人迷惑的交互

“不要自作聰慧”的規(guī)章也應(yīng)當應(yīng)用在導(dǎo)航設(shè)計上。一些設(shè)計師試圖運用別出心裁不同尋常的名稱，以活動更富有試驗性的導(dǎo)航。比如這個Chijoff網(wǎng)站，就讓前來應(yīng)聘的用戶充斥困惑。假如你是網(wǎng)站的訪客，需要來回折騰一陣子，才能搞清晰這個名為“Co-Create”的頁面事實上也就是常見的“Services”頁面。最糾結(jié)的是，即便是你將整個頁面都看完之后，仍舊高不清晰要怎么辦，由于這個頁面的底部僅僅只有一個表單，展示行業(yè)新聞，并且僅僅提供一個注冊入口！至于聯(lián)系頁面就更簡約了，僅僅提供了一個郵政編碼和一個郵件地址?？偠灾?，他們用各種手段讓用戶無法徑直快速有效的聯(lián)系上他們。

3、雜亂無章

曾經(jīng)有過一個階段，設(shè)計師試圖將全部的內(nèi)容全都塞到一個頁面當中去。雖然這個時代已經(jīng)過去了，但是許多網(wǎng)站依舊在犯這個錯誤，甚至在我們自己設(shè)計的時候，有時候也會身不由己地想這么做。

4、要有對比度

對比度是構(gòu)建視覺層次最重要的手段之一，也是讓視覺元素吸引用戶的絕佳方式。在網(wǎng)頁設(shè)計中，對比度不僅僅是通過色調(diào)來呈現(xiàn)的，尺寸掌握、外形設(shè)計、位置調(diào)整也都能表現(xiàn)出對比度。

5、忽視表單樣式

表單設(shè)計其實是用戶體驗設(shè)計的基本組成部分之一。每個網(wǎng)站都有不同的設(shè)計目標，不論是銷售產(chǎn)品、呈現(xiàn)信息還是提供溝通平臺，然而很多設(shè)計美麗的網(wǎng)站總會給你一個令人感到無聊到死的繁復(fù)表單，除了那些極其想加入會員或者想?yún)⒓訂柧碚{(diào)查的那些訪客，很多用戶〔比如我〕會徑直關(guān)閉頁面，離開網(wǎng)站。

另外一個惱人的狀況是，表單要求太多，想法不成熟，或者并未經(jīng)過良好的測試。

結(jié)語

網(wǎng)站并不是做好了就夠了，你還需要多加測試！有很多問題并不是意料之中的。用戶會在哪里遇到問題？導(dǎo)航中的設(shè)定是否符合用戶的意識？視差效果和內(nèi)置的視頻是否能夠流暢加載？讓用戶參加測試最大的好處是你真的開始擁有用戶的視角，而非你自己的腦補，了解實際