網(wǎng)站建設(shè)交互設(shè)計篇之交互設(shè)計的正確姿勢

2013-11-21    分類: 網(wǎng)站建設(shè)

好的交互設(shè)計可以區(qū)分開有質(zhì)量的網(wǎng)站和其他普通網(wǎng)站。然而,如果有明顯的設(shè)計錯誤,它只會給予你本來想打動的用戶以刺激和挫敗感。下面是創(chuàng)新互聯(lián)小編為您帶來的讓用戶最不喜歡的交互設(shè)計錯誤。

1,缺乏對比

當瀏覽網(wǎng)站時,我們喜歡看頁面設(shè)計展示出干凈、清爽的對比。對比達到了一個重要的目的——它使內(nèi)容可讀,并毫不費力地在頁面上指導(dǎo)用戶。這是一個最基本的設(shè)計概念,只是很奇怪,有些網(wǎng)站似乎就是不明白。

沒有足夠的對比度的話,不管是顏色或整體展示,一個網(wǎng)站看起來,在最好的情況下,也會讓你覺得有點兒丈二和尚摸不著頭腦,在最壞的情況下,將會使頁面完全不可讀。


2,瘋狂的導(dǎo)航

無論你用的是什么跳出框架的導(dǎo)航創(chuàng)意,先考慮好你的用戶。這并不是令人無聊的,而是深思熟慮并且務(wù)實的。好好利用導(dǎo)航設(shè)計的好實踐和原則:清晰、簡單性、一致性和相關(guān)性。


3,非響應(yīng)式的或者不良的觸摸目標

響應(yīng)式網(wǎng)站在現(xiàn)在是至關(guān)重要的,我們沒有借口去創(chuàng)建一個在你的智能手機上很難用的網(wǎng)站,除非你做了大量的用戶測試,并證明了一個移動友好的網(wǎng)站并不是必需的。


4,令人心煩意亂的音樂

在晚上放些音樂很高興而且也令放松。在正確的時間點上,音樂可以是很棒的體驗。然而,在99.9%的情況下,正確的時間并不是當你瀏覽網(wǎng)站的時候。

很少有事情比你在瀏覽一個網(wǎng)站的同時有一個刺耳的管弦交響樂團在你耳邊演奏更惱人的事情。如果你是廣告你的下一張專輯,這可能還算是可以原諒的。但即使這樣,也只是可能還算是。



5,毫無意義的彈出窗口

是的,彈出窗口真的可以讓人感到惱火。特別是注冊窗口!每個人都需要更多的注冊!但是,總有更好的方法來做你的營銷。彈出式窗口可以像沖孩子大喊大叫以試圖吸引其注意力一樣惱人。如果你必須使用彈窗,請讓它們簡單,有創(chuàng)意,并且易于關(guān)閉。



6,棘手的排版

當我訪問網(wǎng)站,我喜歡能夠快速而方便地訪問信息。我們都不喜歡混亂的不易閱讀的帶陰影效果的大號字體?;蛘呤窃谝粋€移動的背景嘗試閱讀,或者與要用放大鏡才能查看的小字體苦苦斗爭。

這里有一些可以幫助你復(fù)習基礎(chǔ)知識的規(guī)則:

—— 建立一個清晰的層次結(jié)構(gòu)

—— 注意文本對齊方式

—— 限制字體的字號數(shù)量、類型和顏色

—— 必要時充分地利用空白


7,笨拙的表單

有的時候你會需要向你的用戶要一些信息,這本身很好。然而,這并不是說你可以為他們提供一個很長,很浪費時間的表單。重復(fù)地要求相同的信息也不是一個好主意。只向用戶要最少量的必要信息,并且不要忽視表單的跨瀏覽器樣式。

好的表單交互體驗來自于清晰性、簡潔性和一致性。

這里有一些小貼士:

—— 強調(diào)需要的字段

—— 必要時顯示進度

—— 提供提示

—— 注意字段的長度

—— 使用先進的工具來定制表單元素



8,太多的動效

偶爾使用的交互式動畫可以提升你的網(wǎng)站內(nèi)容。然而,讓你的頁面負擔一個又一個瘋狂的動效,會讓你的用戶感覺到有點像是進入了在線瘋?cè)嗽豪?,甚至更糟糕的東西。

下面這個網(wǎng)站是談到瘋狂設(shè)計時我一定會加冕為冠軍的,我可以定下個挑戰(zhàn),你在看到它時有沒有辦法不感到精神錯亂!



好了,小編說了這么多交互設(shè)計錯誤,那么什么才是交互設(shè)計正確姿勢呢?


1)目標驅(qū)動。不要為了添加效果而添加效果。不要選擇某個調(diào)色板,導(dǎo)航欄,或者圖標僅僅因為你認為它看起來不錯。試試著眼在最終目標上。你想讓你的網(wǎng)站達到什么目標?一旦你已經(jīng)確定了那個目標,那么你很有可能就有了一個關(guān)于你應(yīng)該使用什么樣的交互設(shè)計的好主意。

2)記住要有人情味。如果你屬于藝術(shù)型(我們不都是么),那你面對的誘惑是去創(chuàng)造美麗的東西,一些優(yōu)秀的,一些有人從未做過的事。然而,如果沒有人創(chuàng)建過和使用過,可能有一個很好的原因就是,它們確實沒用。記住,網(wǎng)站的訪客都是人類。你創(chuàng)造出旨在能直接吸引他們的東西。

3)保持一致性。是的,網(wǎng)站本身應(yīng)該是很令人驚嘆的。然而,網(wǎng)站也應(yīng)該需要正常可用。你會有需要遵守某些設(shè)計慣例,以使網(wǎng)站易于瀏覽和理解。不要為了與眾不同而違背常理。相反,接受你將需要實現(xiàn)一定的規(guī)則的事實,能幫助你的用戶輕松地訪問你的網(wǎng)站。

4)測試測試再測試。如果你發(fā)現(xiàn)任何疑問,就進行測試!有很多用戶研究工具可以幫助你發(fā)現(xiàn)在產(chǎn)品中用戶受困或者分心的地方。a/b測試,分析眼 動跟蹤數(shù)據(jù),或者是直接讓你的客戶,同事和朋友嘗試你的新設(shè)計。沒有什么比真正的反饋更有價值,并且?guī)缀鯖]有一個更好的方法能如此改進你的交互設(shè)想。



 更多詳情資訊請登入創(chuàng)新互聯(lián)官網(wǎng):www.muchs.cn
  如果您有什么疑問或者疑慮;請直接給我們致電;創(chuàng)新互聯(lián)將隨時為您提供最好的服務(wù)……
    請聯(lián)系我們 服務(wù)熱線:400-99-18925(要幫就按我)

新聞標題:網(wǎng)站建設(shè)交互設(shè)計篇之交互設(shè)計的正確姿勢
文章URL:http://www.muchs.cn/news41/17141.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)