好(hǎo)的交互設計可以區分開(kāi)有質量的網站和其他普通網站。然而,如果有明顯的設計錯誤,它隻會(huì)給予你本來想打動的用戶以刺激和挫敗感。下面(miàn)是總結的讓人最不喜歡的交互設計錯誤列表,來看看你中槍了沒(méi)!
1、缺乏對(duì)比
當浏覽網站時(shí),我們喜歡看頁面(miàn)設計展示出幹淨、清爽的對(duì)比。對(duì)比達到了一個重要的目的——它使内容可讀,并毫不費力地在頁面(miàn)上指導用戶。這(zhè)是一個最基本的設計概念,隻是很奇怪,有些網站似乎就(jiù)是不明白。
沒(méi)有足夠的對(duì)比度的話,不管是顔色或整體展示,一個網站看起(qǐ)來,在最好(hǎo)的情況下,也會(huì)讓你覺得有點兒丈二和尚摸不著(zhe)頭腦,在最壞的情況下,將(jiāng)會(huì)使頁面(miàn)完全不可讀。
2、瘋狂的導航
無論你用的是什麼(me)跳出框架的導航創意,先考慮好(hǎo)你的用戶。這(zhè)并不是令人無聊的,而是深思熟慮并且務實的。好(hǎo)好(hǎo)利用導航設計的最佳實踐和原則:清晰、簡單性、一緻性和相關性。
3、非響應式的或者不良的觸摸目标
響應式網站在現在是至關重要的,我們沒(méi)有借口去創建一個在你的智能(néng)手機上很難用的網站,除非你做了大量的用戶測試,并證明了一個移動友好(hǎo)的網站并不是必需的。
4、令人心煩意亂的音樂
在晚上放些音樂很高興而且也令放松。在正确的時(shí)間點上,音樂可以是很棒的體驗。然而,在99.9%的情況下,正确的時(shí)間并不是當你浏覽網站的時(shí)候。
很少有事(shì)情比你在浏覽一個網站的同時(shí)有一個刺耳的管弦交響樂團在你耳邊演奏更惱人的事(shì)情。如果你是廣告你的下一張專輯,這(zhè)可能(néng)還(hái)算是可以原諒的。但即使這(zhè)樣(yàng),也隻是可能(néng)還(hái)算是。
5、毫無意義的彈出窗口
是的,彈出窗口真的可以讓人感到惱火。特别是注冊窗口!每個人都(dōu)需要更多的注冊!但是,總有更好(hǎo)的方法來做你的營銷。彈出式窗口可以像沖孩子大喊大叫(jiào)以試圖吸引其注意力一樣(yàng)惱人。如果你必須使用彈窗,請讓它們簡單,有創意,并且易于關閉。
6、可憐的架構
我理解嘗試創新是多麼(me)誘人。畢竟,你希望你的設計脫穎而出。然而,當創造變成(chéng)了一場火熱的混亂,就(jiù)是時(shí)候帶入一些必要的組織性。
偉大的設計師們都(dōu)是偉大的溝通者。視覺層次結構和平衡是創造良好(hǎo)的第一印象的重要層面(miàn),同時(shí)它們可以影響用戶的行爲,更重要的是,可以有效地傳遞出網頁以外的信息。
7、棘手的排版
當我訪問網站,我喜歡能(néng)夠快速而方便地訪問信息。我們都(dōu)不喜歡混亂的不易閱讀的帶陰影效果的大号字體。或者是在一個移動的背景嘗試閱讀,或者與要用放大鏡才能(néng)查看的小字體苦苦鬥争。
這(zhè)裡(lǐ)有一些可以幫助你複習基礎知識的規則:
—— 建立一個清晰的層次結構
—— 注意文本對(duì)齊方式
—— 限制字體的字号數量、類型和顔色
—— 必要時(shí)充分地利用空白
8、笨拙的表單
有的時(shí)候你會(huì)需要向(xiàng)你的用戶要一些信息,這(zhè)本身很好(hǎo)。然而,這(zhè)并不是說(shuō)你可以爲他們提供一個很長(cháng),很浪費時(shí)間的表單。重複地要求相同的信息也不是一個好(hǎo)主意。隻向(xiàng)用戶要最少量的必要信息,并且不要忽視表單的跨浏覽器樣(yàng)式。
好(hǎo)的表單交互體驗來自于清晰性、簡潔性和一緻性。這(zhè)裡(lǐ)有一些小貼士:
—— 強調需要的字段
—— 必要時(shí)顯示進(jìn)度
—— 提供提示
—— 注意字段的長(cháng)度
—— 使用先進(jìn)的工具來定制表單元素
9、沒(méi)有用戶反饋和數據的抄襲
從别人那裡(lǐ)獲得靈感并不一定是件壞事(shì),但如果你這(zhè)樣(yàng)做,你需要确保你手頭有正确的反饋和數據,以确保你在爲你的目标受衆提供真正的設計價值。
10、顯著的不一緻性
在一定程度上風格可以混搭的。然而,如果整體效果成(chéng)了一個巨大的,醜陋的視覺“沖突”,那麼(me)還(hái)是建議回到繪圖闆并重新開(kāi)始。
好(hǎo)的交互設計是具有一緻性的。它使用戶更好(hǎo)地理解事(shì)物是如何工作的,讓用戶在使用一個網頁時(shí),感覺到他們在控制局面(miàn),以及提高他們的工作效率。雅各布·尼爾森說(shuō):“用戶的期望更多地被(bèi)證實是正确的,他們就(jiù)會(huì)越覺得他們在控制系統,并會(huì)更加喜歡它。”
11、太多的動效
偶爾使用的交互式動畫可以提升你的網站内容。然而,讓你的頁面(miàn)負擔一個又一個瘋狂的動效,會(huì)讓你的用戶感覺到有點像是進(jìn)入了在線瘋人院裡(lǐ),甚至更糟糕的東西。
下面(miàn)這(zhè)個網站是談到瘋狂設計時(shí)我一定會(huì)加冕爲冠軍的,我可以定下個挑戰,你在看到它時(shí)有沒(méi)有辦法不感到精神錯亂!
12、追逐趨勢
保持一點時(shí)髦是很讓人高興的。然而,花時(shí)間去追逐最新的流行語和交互設計風格,你最終會(huì)得到一個網站,它閱讀起(qǐ)來就(jiù)像是陳詞濫調。如果可以的話,你要敢于不同。
交互設計——四種(zhǒng)正确設計的方式
1)目标驅動。不要爲了添加效果而添加效果。不要選擇某個調色闆,導航欄,或者圖标僅僅因爲你認爲它看起(qǐ)來不錯。試試著(zhe)眼在最終目标上。你想讓你的網站達到什麼(me)目标?一旦你已經(jīng)确定了那個目标,那麼(me)你很有可能(néng)就(jiù)有了一個關于你應該使用什麼(me)樣(yàng)的交互設計的好(hǎo)主意。
2)記住要有人情味。如果你屬于藝術型(我們不都(dōu)是麼(me)),那你面(miàn)對(duì)的誘惑是去創造美麗的東西,一些優秀的,一些有人從未做過(guò)的事(shì)。然而,如果沒(méi)有人創建過(guò)和使用過(guò),可能(néng)有一個很好(hǎo)的原因就(jiù)是,它們确實沒(méi)用。記住,網站的訪客都(dōu)是人類。你創造出旨在能(néng)直接吸引他們的東西。
3)保持一緻性。是的,網站本身應該是很令人驚歎的。然而,網站也應該需要正常可用。你會(huì)有需要遵守某些設計慣例,以使網站易于浏覽和理解。不要爲了與衆不同而違背常理。相反,接受你將(jiāng)需要實現一定的規則的事(shì)實,能(néng)幫助你的用戶輕松地訪問你的網站。
4)測試測試再測試。如果你發(fā)現任何疑問,就(jiù)進(jìn)行測試!有很多用戶研究工具可以幫助你發(fā)現在産品中用戶受困或者分心的地方。a/b測試,分析眼動跟蹤數據,或者是直接讓你的客戶,同事(shì)和朋友嘗試你的新設計。沒(méi)有什麼(me)比真正的反饋更有價值,并且幾乎沒(méi)有一個更好(hǎo)的方法能(néng)如此改進(jìn)你的交互設想。