我們在瀏覽一個網站的時候會對這個網站有初步一個的印象，有些網站讓人看了第一眼就愛上，有些網站剛打開幾秒就被關閉。所以，為什么有些網站一打開就會被關閉呢？今天給大家整理了在網站建設當中8種讓人討厭的設計元素，你中招了嗎？

1、干擾用戶
我們在前面緘默原則一文中說起過干擾用戶這個問題，緘默指的是交互上的不要擾民。這里說的“擾民”是指用戶在操作某一步驟時，因為設計的不合理而中斷了用戶的使用，給用戶在體驗的過程中造成一定的不適感。
例如：每次打開wps，都要先彈出一個wps的廣告頁面，時不時給你推送一些廣告。又比如各種彈窗廣告，最具有代表性的是早年間右下角的假qq 彈框，加咳嗽。這種擾民的方式都讓人很不舒服。
許多網站為了吸引用戶的注意力，特意“設計”這種抖動彈窗，有些甚至以“欺騙”用戶，或者辜負用戶的信任為代價去做這些彈窗。
的確，你應當吸引用戶的注意力，但是這不能以“欺騙”用戶，或者辜負用戶的信任為代價。

當你被一個充滿噱頭的新聞標題吸引了注意力，點開卻發現內容完全不是你想的那樣。標題黨令人生厭。同樣的，通過搜索引擎找到你想要的產品或者素材，打開頁面之后卻直接出現彈出框，要你注冊，要你支付，有的甚至壓根就不是相關的頁面。所有的一切都是在干擾、打斷用戶體驗。

也許在網站中采用這樣的設計，短期內會有一定的效果，但是從長期來看，這種干擾性的用戶體驗很難讓用戶留存。
2、導航混亂，內容多
導航是網站的一項重要組成部分，通常網站的主導航主要包括網站的首頁和產品欄目及各個單頁面的導入鏈接。方便用戶以最快，最簡單的到達不同的網頁！同時也方便用戶一目了然的發現網站的主要信息，而不用費力的尋找！所以導航的設計一定要簡單清晰。
有些網站的導航設計為了突出，加入各種各樣的元素和動態效果為了吸引消費者的眼球，要知道，這樣反而降低了界面的識別度。
千萬不要考驗你的用戶，導航設計不要太多層級，一定要有一個清晰明了的導航結構。除此，導航的內容一定要精簡，不能多。每一欄的內容過多會降低導航的識別性。
中興的這個導航我其實不是很喜歡，設計得有點復雜了，設計感是有了，但是識別性相對來說有點弱，因為復雜了。當然，也不排除有人喜歡這種設計，畢竟設計的風格各有喜好。
嘉寶莉漆官網的導航設計，其實可以再簡單點的，二級導航內容本就不多，完全可以將導航的配圖去掉，改用再簡潔的設計，會顯得更高大上一些。
3、內容沒有主次
都知道，一個干凈簡潔清新的網站頁面，往往會給訪問者留下很深刻的第一印象。一個好的網站應該像一個超市一樣，整體的布局有條理性，訪問者很容易就可以找到自己需要的內容。相反那些排版亂七八糟、指東畫西、看著就犯暈的網站，絕對不會受到用戶的青睞。
就拿京東天貓來舉例，為什么京東天貓這類大型的商城網站，我們在瀏覽的時候都可以快速的找到我們想要的內容呢？就因為網站的結構和主次內容區分明確。
ZUI前端框架 這個網站的主次內容就非常清晰，甚至網站中的主要內容都羅列出來，邏輯清晰，也便于游客去找尋。
網頁中不同的內容是有輕重緩急的，而這種重要性不論是基于設計的需求還是用戶的需求，都要進行判斷和劃分。因而，在設計一個網站的時候，重要的內容應當置于重要的、易于掃視查看的位置。不是很重要的內容可以放在視覺關注區較弱的地方。避免網站凌亂，主次不分。這種情況經常出現在老一些的企業網站當中。
4、復雜的注冊流程
復雜的注冊流程，不要。說到這一點，可能有些人說在設計這些流程的時候，為了拿到用戶更多的信息資料，我們故意多設置一些必選項。這種想法都是錯誤的。
大部分的人都比較慵懶沒有耐心，現在大家最喜歡的兩種注冊方式，一種是qq、微信等一鍵式注冊方式，一種是手機驗證碼注冊方式。這兩種方式受到大家的歡迎是因為簡便節約時間。如果你的網站需要注冊，可以考慮以上兩種方式，盡可能的簡便，因為大多數用戶都不喜歡復雜。
用簡書登錄界面做例子，可以看到除了正常的賬號登錄之外，底部還有一些社交賬號的一鍵登錄方式。一鍵登錄的網站提高了用戶注冊的效率，也杜絕了用戶忘記賬號密碼的情況。
5、忽略基礎功能
網頁的可用性始終是擺在易用性之前的。我想你也有過這樣的經驗：打開網頁之后經過漫長的等待而網頁無法加載；點擊一個按鈕而沒有相應的反饋；想找到網頁背后所有者的聯系方式，但是在About Us 的頁面中一無所獲。
這些基礎的工作都需要設計師用心做好。確保網頁的基礎功能都能夠順暢的使用，正確的反饋，而這些基本的可用性問題，常常出現在搜索框、導航、頁腳甚至業務邏輯當中。搜索框點擊不能搜索、點擊按鈕沒有反應……這種基礎功能不能用，是不是特別讓人崩潰。
泰富 這個網站的導航，二級導航鼠標移過沒有樣式上的區別，這樣會讓用戶使用起來不方便。
說到這塊，我不得不提的最讓我頭疼的是一些采用瀑布流方式的網站，所有聯系方式都放在最底部，而你怎么拉都拉不到底部，沒辦法查閱到聯系方式，這是最讓人抓狂的。
蟬知官網的幻燈，在按鈕的設計上就很明確，讓用戶一目了然的知道按鈕的內容。
所以在網頁當中，大到一張幻燈片的調整，小到不同類型的元素涉及到不同類型的內容，或者牽涉到特定的功能或者交互，這些元素的功能都是要設計好的，不能違背用戶的認知常理。可用的按鈕、鏈接等基礎功能，確保了信息的完整性和功能的完整性，只有這樣，用戶才能信任網頁本身。
6、使用深色的背景
深色的背景不是說不能用，也不是說用了深色的背景就不好。大多數是用深色背景的網站，多為一些游戲類、運動類或其他一些特殊網站。深色作為大幅的背景，那就意味著字體顏色是白色或是淺色的，這樣的搭配小篇幅還可以，大篇幅的話，會讓人的眼睛產生視覺疲勞感。
游戲網站的文字內容本就不多，所以用戶瀏覽停留的時間不會太長，不會讓用戶產生太明顯的時間疲勞感。當一個信息量大的網站，采用深色做背景的話，間接加大了瀏覽者的視覺壓力，可能看不完內容這個網站就被關了。所以我們一般建議內容多的網站少用深色來做背景，如果真要用，建議網站內容中增加其他色彩和穿插多一些插圖。
再來看看國外的設計案例，Impero國外設計公司網站，這個網站雖然采用了黑色作為背景，但是里面沒有通篇的黑色，這樣看起來有層次，視覺效果也比較好。
7、可讀性差
說到可讀性，之前我們也有單獨用一篇的文章來給大家講解，可讀性包括文字的可讀性、段落可讀性、區塊可讀性、圖片可讀性、導航可讀性等。
要讓文字提高可讀性，可以通過調整字體樣式、外邊距、內邊距、顏色和對比度等參數來提高文字的可讀性。
良好的設計應該都是可讀的設計，如果信息都無法正常而清晰的傳達，那么設計就失去了意義。
設計的可讀性和排版設計息息相關，與此同時，對比度的控制也是其中的核心，同樣的字體，不同對比度可讀性就不一樣。想要提升內容的可讀性，讓內容以更加順暢、更符合邏輯的形式呈現在用戶面前，怎么提升網站的可讀性，我之前跟大家分享過，感興趣的朋友可以看一下原文——可讀性在網頁設計中的重要性。
8、為了界面效果添加過多的動畫
我給很多客戶做過網站，有一部分客戶會有自己的主見，對網站有些想法特別堅持，好比在網站的首頁每個元素都要加入動畫，讓這些元素動起來，就連個字體都想讓它抖動一下，生怕瀏覽者錯過。這種觀點其實是錯誤的。
試想首頁的每個元素圖片都要加入動態效果，這種體驗其實很糟糕的，你的眼睛應接不暇的看了一圈下來，我相信你可能會感慨一下網站的動畫，但實際網站的內容卻都記不住。很明顯，這就是喧賓奪主。
所以我們在設計首頁的時候，我們可以適當的在網頁中局部區塊加入一些動畫做點綴，不僅可以起到活躍界面的作用，還能增加一些趣味，又不會喧賓奪主。
EWA APP應用產品網站，里面有些動畫做的還可以，不多，但是效果也比較出彩。
以上8個設計的錯誤，其實都是可以避免的。沒有好的網站。每一個網站都會有這樣那樣的問題：該表單字段有問題，該段文本編輯不當，該導航還缺一個選項等等。只要能發現問題、及時修改即可。
有些人想說，我就是故意設計的，或者這個qq彈窗就是為了吸引客戶故意留的，不愿刪。我們在網站的時候，一定要尊重自己網站的用戶，真正在意自己網站用戶的，就不要干擾用戶體驗，尊重使用你的網站的用戶，當你給予用戶足夠尊重之時，他們會用尊重予以回饋的。

網站名稱：深圳網站建設中讓人討厭的8種設計元素
文章位置：http://m.newbst.com/news37/139987.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯