當(dāng)我們?yōu)g覽一個(gè)網(wǎng)站時(shí)，我們會對它有一個(gè)初步的印象。有的網(wǎng)站讓人一見鐘情，有的網(wǎng)站剛打開幾秒鐘就關(guān)閉了。那么，為什么有些網(wǎng)站一打開就關(guān)閉了呢？今天整理了一下廣州網(wǎng)站建設(shè)中8個(gè)討厭的設(shè)計(jì)元素。你被抓了嗎？

　　1.干擾用戶

　　我們在前一篇關(guān)于沉默原則的文章中談到了干擾用戶，沉默就是在交互中不干擾人。這里的“擾民”是指當(dāng)用戶操作某一步時(shí)，不合理的設(shè)計(jì)打斷了用戶的使用，在體驗(yàn)過程中給用戶造成一定的不適感。

　　比如你每次打開wps，都要先彈出一個(gè)wps的廣告頁面，時(shí)不時(shí)給你推送一些廣告。再比如各種彈出廣告，最有代表性的就是早年右下角的假qq彈出框，加上咳嗽。這種擾民的方式很難受。

　　很多網(wǎng)站為了吸引用戶的注意力，特意“設(shè)計(jì)”了這種抖動(dòng)彈出，有的甚至以“欺騙”用戶或者辜負(fù)用戶信任為代價(jià)。

　　你應(yīng)該吸引用戶的注意力是真的，但這不應(yīng)該以“欺騙”用戶或破壞用戶信任為代價(jià)。

　　當(dāng)你被一個(gè)充滿噱頭的標(biāo)題吸引，點(diǎn)開后發(fā)現(xiàn)內(nèi)容并不是你想的那樣。標(biāo)題黨無聊。同樣的，你可以通過搜索引擎找到你想要的產(chǎn)品或資料，但是打開頁面后直接出現(xiàn)一個(gè)彈出框，要求你注冊并付費(fèi)，有些甚至根本不是相關(guān)頁面。一切都在干擾和中斷用戶體驗(yàn)。

　　也許在網(wǎng)站中采用這樣的設(shè)計(jì)，短期內(nèi)會有一定的效果，但長期來看，這種令人不安的用戶體驗(yàn)是用戶難以保持的。

　　2.導(dǎo)航混亂，內(nèi)容多

　　導(dǎo)航是網(wǎng)站的重要組成部分。通常一個(gè)網(wǎng)站的主導(dǎo)航主要包括首頁、產(chǎn)品欄目、每個(gè)單頁的導(dǎo)入鏈接。方便用戶盡可能快捷簡單的到達(dá)不同的網(wǎng)頁！同時(shí)，方便用戶一目了然地找到網(wǎng)站的主要信息，而不必輕易尋找！所以導(dǎo)航的設(shè)計(jì)一定要簡單明了。

　　為了突出一些網(wǎng)站的導(dǎo)航設(shè)計(jì)，增加了各種元素和動(dòng)態(tài)效果來吸引消費(fèi)者的注意力。要知道，這樣降低了界面的識別度。

　　不要測試你的用戶，不要有太多層次的導(dǎo)航設(shè)計(jì)，一定要有清晰的導(dǎo)航結(jié)構(gòu)。另外，導(dǎo)航的內(nèi)容一定要簡潔，不能多。每欄內(nèi)容太多會降低導(dǎo)航的識別度。

　　其實(shí)我不太喜歡中興的導(dǎo)航。設(shè)計(jì)有點(diǎn)復(fù)雜，設(shè)計(jì)感是有的，但是認(rèn)可度比較弱，因?yàn)閺?fù)雜。當(dāng)然不排除有人喜歡這種設(shè)計(jì)。畢竟每個(gè)設(shè)計(jì)風(fēng)格都有自己的喜好。其實(shí)Carpoly漆器官網(wǎng)的導(dǎo)航設(shè)計(jì)可以更簡單一些。二次導(dǎo)航內(nèi)容不多，導(dǎo)航圖完全可以去掉，簡單的設(shè)計(jì)會讓它看起來更高。

　　3.沒有主要或次要內(nèi)容

　　眾所周知，一個(gè)干凈、簡潔、清新的網(wǎng)頁往往會給訪問者留下深刻的第一印象。好的網(wǎng)站應(yīng)該像超市一樣。整體布局井井有條，訪客很容易找到自己需要的內(nèi)容。相反，那些排版凌亂，指東畫西，看著就暈頭轉(zhuǎn)向的網(wǎng)站，永遠(yuǎn)不會受到用戶的青睞。

　　以JD.COM天貓為例。為什么在瀏覽JD.COM天貓這樣的大型商場網(wǎng)站時(shí)，能快速找到自己想要的內(nèi)容？只是因?yàn)榫W(wǎng)站的結(jié)構(gòu)和主次內(nèi)容分清楚了。

　　網(wǎng)站ZUI前端框架的主次內(nèi)容非常清晰，甚至把網(wǎng)站中的主要內(nèi)容都列出來了，邏輯清晰，方便訪問者查找。

　　網(wǎng)頁中不同的內(nèi)容都有優(yōu)先級，這個(gè)重要性要根據(jù)是設(shè)計(jì)需求還是用戶需求來判斷劃分。因此，在設(shè)計(jì)網(wǎng)站時(shí)，重要的內(nèi)容應(yīng)該放在重要且易于瀏覽的位置。不太重要的內(nèi)容可以放在視覺注意區(qū)比較弱的地方。避免亂七八糟的網(wǎng)站，不管輕重緩急。這種情況經(jīng)常出現(xiàn)在老企業(yè)網(wǎng)站上。

　　4.復(fù)雜的注冊過程

　　復(fù)雜的報(bào)名流程，不要。說到這，可能有人會說，在設(shè)計(jì)這些流程的時(shí)候，為了從用戶那里獲取更多的信息，我們刻意設(shè)置了更多必要的選項(xiàng)。這種想法都是錯(cuò)的。

　　大多數(shù)人都很懶，沒有耐心?，F(xiàn)在比較喜歡的注冊方式有兩種，一種是qq、微信等一鍵注冊方式，一種是手機(jī)驗(yàn)證碼注冊方式。這兩種方法很受歡迎，因?yàn)樗鼈兒唵吻夜?jié)省時(shí)間。如果你的網(wǎng)站需要注冊，可以考慮以上兩種方式，越簡單越好，因?yàn)榇蟛糠钟脩舨幌矚g復(fù)雜。

　　以簡單的圖書登錄界面為例，可以看到除了正常的賬號登錄，底部還有一些針對社交賬號的一鍵登錄方式。一鍵登錄網(wǎng)站提高了用戶注冊的效率，也防止了用戶忘記自己的賬號密碼。

　　5.忽略基本功能

　　網(wǎng)頁的可用性總是在易用性之前。我想你有過這樣的經(jīng)歷：打開網(wǎng)頁后，等了很久，網(wǎng)頁還是無法加載；點(diǎn)擊一個(gè)按鈕，沒有相應(yīng)的反饋；我試著去找網(wǎng)頁背后的主人聯(lián)系方式，但是在關(guān)于我們的頁面上什么也沒找到。

　　這些基礎(chǔ)工作需要設(shè)計(jì)師做好。保證網(wǎng)頁的基本功能可以流暢使用，反饋正確，這些基本的可用性問題往往出現(xiàn)在搜索框、導(dǎo)航、頁腳甚至業(yè)務(wù)邏輯中。您不能通過單擊搜索框進(jìn)行搜索，也不能通過單擊按鈕進(jìn)行響應(yīng).這個(gè)基本功能不能用，是不是特別讓人沮喪？泰富網(wǎng)站的導(dǎo)航和二級導(dǎo)航鼠標(biāo)沒有風(fēng)格上的區(qū)別，會給用戶使用帶來不便。

　　說到這里我不得不提一下，最讓我頭疼的是一些使用瀑布流的網(wǎng)站。所有的聯(lián)系方式都放在最下面，你卻拉不到最下面，連聯(lián)系方式都找不到，這才是最讓人抓狂的。

　　蟬知道官網(wǎng)的幻燈片，按鈕的設(shè)計(jì)非常清晰，讓用戶一目了然按鈕的內(nèi)容。

　　所以在網(wǎng)頁中，從一張幻燈片到不同類型元素的調(diào)整，涉及到不同類型的內(nèi)容或者特定的功能或者交互，這些元素的功能要設(shè)計(jì)好，不能違背用戶的認(rèn)知常識。可用的按鈕和鏈接等基本功能確保了信息和功能的完整性。只有這樣，用戶才能信任網(wǎng)頁本身。

　　6.使用深色背景

　　暗背景不是說不能用，也不是說用暗背景不好。大部分是背景比較暗的網(wǎng)站，大部分是游戲、體育或者其他特殊的網(wǎng)站。深色作為大背景，表示字體顏色為白色或淺色。這種搭配在小空間還可以，大了會讓人產(chǎn)生視覺疲勞。

　　游戲網(wǎng)站的文字內(nèi)容不多，用戶瀏覽停留的時(shí)間不會太長，用戶也不會有明顯的時(shí)間疲勞。當(dāng)信息量大的網(wǎng)站背景較暗時(shí)，間接增加了觀看者的視覺壓力，看完內(nèi)容后可能會關(guān)閉網(wǎng)站。所以我們一般推薦內(nèi)容多的網(wǎng)站少用深色做背景。如果你真的想使用它們，我們建議添加其他顏色，并穿插更多的插圖。

　　我們來看看國外的設(shè)計(jì)案例，Impero國外設(shè)計(jì)公司的網(wǎng)站。這個(gè)網(wǎng)站雖然用黑色做背景，但是里面沒有全黑，所以看起來層次分明，視覺效果更好。

　　7.可讀性差

　　說到可讀性，我們之前已經(jīng)單獨(dú)用一篇文章給大家解釋過了。可讀性包括文字、段落、塊、圖片、導(dǎo)航的可讀性。

　　為了提高文本的可讀性，您可以調(diào)整字體樣式、外部邊距、內(nèi)部邊距、顏色和對比度來提高文本的可讀性。

　　好的設(shè)計(jì)應(yīng)該是可讀的。如果信息不能正常清晰地傳達(dá)，設(shè)計(jì)就失去了意義。

　　設(shè)計(jì)的可讀性與排版設(shè)計(jì)息息相關(guān)，同時(shí)對對比度的控制也是核心。同樣的字體，對比度不同，可讀性也不同。我想提高內(nèi)容的可讀性，讓呈現(xiàn)給用戶的內(nèi)容更流暢更有邏輯，如何提高網(wǎng)站的可讀性。之前和大家分享過，有興趣的朋友可以看看原——在網(wǎng)頁設(shè)計(jì)中可讀性的重要性。8.為界面效果添加太多動(dòng)畫

　　我給很多客戶做過網(wǎng)站，有些有自己的見解。他們堅(jiān)持網(wǎng)站的一些理念。例如，網(wǎng)站主頁上的每個(gè)元素都應(yīng)該被動(dòng)畫化，以使這些元素移動(dòng)。甚至一個(gè)字體都想抖一下，怕訪客錯(cuò)過。這種觀點(diǎn)其實(shí)是錯(cuò)誤的。

　　想象一下給主頁上的每個(gè)元素圖片添加動(dòng)態(tài)效果。這種體驗(yàn)其實(shí)很不好。你迫不及待地想親眼看看。相信你可能感受到了網(wǎng)站的動(dòng)畫，但是你卻記不住網(wǎng)站的實(shí)際內(nèi)容。顯然，這是喧賓奪主。

　　所以我們在設(shè)計(jì)主頁的時(shí)候，可以適當(dāng)?shù)脑诰W(wǎng)頁的局部區(qū)塊添加一些動(dòng)畫，既可以起到主動(dòng)界面的作用，又可以增加一些趣味性，不會讓主機(jī)吃不消。

　　EWA  APP應(yīng)用網(wǎng)站，里面有些動(dòng)畫還可以，不多，但是效果挺出彩的。

　　以上八個(gè)設(shè)計(jì)錯(cuò)誤都是可以避免的。沒有完美的網(wǎng)站。每個(gè)網(wǎng)站都有一些問題，比如表單的字段錯(cuò)誤，文本編輯不當(dāng)，導(dǎo)航缺少選項(xiàng)。只要能發(fā)現(xiàn)問題，及時(shí)改正。

　　有人想說，是我故意設(shè)計(jì)的，或者這個(gè)qq彈出窗口是故意留下來吸引客戶的，我不想刪。當(dāng)我們在網(wǎng)站上時(shí)，我們必須尊重我們網(wǎng)站的用戶。如果我們真的關(guān)心我們網(wǎng)站的用戶，就不應(yīng)該干涉用戶體驗(yàn)，尊重使用你網(wǎng)站的用戶。當(dāng)你給予用戶足夠的尊重時(shí)，他們也會以尊重回報(bào)。