網頁設計中常見的交互設計錯誤
交互設計從來都不是簡單的事情。可靠的交互通常需要藉助對用户行為的深入分析,然後有針對性的精心策劃。下面是由本站小編為大家整理的網頁設計中常見的五種交互設計錯誤,喜歡的可以收藏一下!瞭解更多詳情資訊,請關注應屆畢業生考試網!
其實大家遭遇的困境都很相似,用户已經很難被單純炫酷的圖片、流暢的懸停效果和出人意料的動效所打動,真正能讓他們露出微笑的是持久、令人愉悦的交互設計和用户體驗。如果你對於日常的設計中的常見的誤區有所瞭解,自然會有意識地繞過這些坑。
為了更好的設計,我們為你簡單總結了一下最常見的5種交互設計的誤區。
1、過度的創意
網頁設計師絕對不缺少創意。我們希望借工作表達自己,也一直在試圖尋找能讓產品脱穎而出的優秀創意。但是當涉及到交互設計的時候,推陳出新並不一定總是好的,它甚至會對你的網站和產品產生不利的影響。的確,許多用户渴求新鮮的創意,但是在操作和交互上卻往往希望協調可控,所以他們更傾向於熟悉的交互。Etsy的創業總監Randy曾經撰文探討過這個問題,文中直言“設計師們不要在此(交互設計)自作聰明瞭!”在這篇文中,他詳細解釋了為什麼你不應該走極端去設計充滿大量創新交互的網頁。
以Lotorama的網站為例子,漂亮的頁面和柔和的音樂都非常的贊,但是用户進來之後會遲疑,想知道這個網站要如何操作。不要曲解我的意思,如果你是純粹處於炫技,那麼這種華麗而充滿遊戲性的網站絕對稱得上是創意無限,但是對於普通用户而言,他們的直覺失去效果,茫然無措會成為網站瀏覽的障礙。
2、令人迷惑的交互
“不要自作聰明”的規則也應當應用在導航設計上。一些設計師試圖運用別具一格不同尋常的名稱,以活動更富有實驗性的導航。比如這個Chijoff網站,就讓前來應聘的用户充滿困惑。如果你是網站的訪客,需要來回折騰一陣子,才能搞清楚這個名為“Co-Create”的頁面實際上也就是常見的“Services”頁面。最糾結的是,即便是你將整個頁面都看完之後,仍然高不清楚要怎麼辦,因為這個頁面的'底部僅僅只有一個表單,展示行業新聞,並且僅僅提供一個註冊入口!至於聯繫頁面就更簡單了,僅僅提供了一個郵政編碼和一個郵件地址。總而言之,他們用各種手段讓用户無法直接快速有效的聯繫上他們。
3、雜亂無章
曾經有過一個階段,設計師試圖將所有的內容全都塞到一個頁面當中去。雖然這個時代已經過去了,但是很多網站依然在犯這個錯誤,甚至在我們自己設計的時候,有時候也會身不由己地想這麼做。。
4、要有對比度
對比度是構建視覺層次最重要的手段之一,也是讓視覺元素吸引用户的絕佳方式。在網頁設計中,對比度不僅僅是通過色彩來呈現的,尺寸控制、形狀設計、位置調整也都能表現出對比度。
5、忽視表單樣式
表單設計其實是用户體驗設計的基本組成部分之一。每個網站都有不同的設計目標,不論是銷售產品、呈現信息還是提供溝通平台,然而許多設計漂亮的網站總會給你一個令人感到無聊到死的複雜表單,除了那些極其想加入會員或者想參與問卷調查的那些訪客,許多用户(比如我)會直接關閉頁面,離開網站。
另外一個惱人的情況是,表單要求太多,想法不成熟,或者並未經過良好的測試。
結語
網站並不是做好了就夠了,你還需要多加測試!有許多問題並不是意料之中的。用户會在哪裏碰到問題?導航中的設定是否符合用户的意識?視差效果和內置的視頻是否能夠流暢加載?讓用户參與測試最大的好處是你真的開始擁有用户的視角,而非你自己的腦補,瞭解實際的需求,才能有所改進。不要試圖限制你的創造力,但是也不要忘記基本的原則,這樣才能在不為用户帶來困惑和沮喪的同時,給予他們驚喜。
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
JavaScript數組去重的四種方法
javascript數組去重方法彙總ue1=function(){varn=[];//一個新的臨時數組for(vari=0;i<th;i++)//遍歷當前數組{//如果當前數組的第i已經保存進了臨時數組,那麼跳過,//否則把當前項push到臨時數組裏面if(xOf(this[i])==-1)(this[i]);}returnn;};ue2=function(){var...
-
python批量生成本地ip地址的方法是什麼
python批量生成本地ip地址的方法是什麼呢?本文實例講述了python批量生成本地ip地址的方法。分享給大家供大家參考。具體分析如下:...
-
JavaScript經典效果集錦
些很實用且必用的小腳本代碼:腳本1:進入主頁以後自動播放聲音腳本2:進入主頁後自動最大話,省的去在自己單擊了To(0,0)zeTo(lWidth,lHeight)腳本3:顯示現在時間的腳本enow腳本4:顯示最後修改時間的.腳本e(Modified)腳本5:設為首頁,加為收藏,加入頻道,啟動outlook...