網(wǎng)頁設(shè)計(jì)常見錯誤及解決辦法
網(wǎng)頁設(shè)計(jì)中的錯誤可能會導(dǎo)致網(wǎng)站的失敗，這也是你要盡可能的避免這些錯誤的原因。人都會犯錯，但了解這些錯誤將有助于你創(chuàng)造出優(yōu)秀的網(wǎng)頁設(shè)計(jì)。以下是小編整理的網(wǎng)頁設(shè)計(jì)常見錯誤及解決辦法，希望對大家有所幫助。
1、色彩種類運(yùn)用過多
為了讓自己的網(wǎng)站表現(xiàn)得熱情而有吸引力，很多朋友非常極端地向其中加入大量色彩鮮艷的文字與邊框，而這些顏色的運(yùn)用與圖片內(nèi)容并不協(xié)調(diào)。這顯然有損訪客對核心內(nèi)容的關(guān)注。
解決辦法
最好的辦法是使用最多三種主色調(diào)與素雅的背景。如果大家決定選擇紋理背景，請確保其具體取色不會像霓虹燈般銳利刺眼。
2、字體大小存在問題
這類問題往往存在多種表現(xiàn)形式，包括字體不足12號使得用戶無法看清甚至點(diǎn)不到后退按鈕。
解決辦法
要解決這些難題，最重要的是理解客戶需要——年紀(jì)超過40歲的群體往往更喜歡大字體。年紀(jì)更大的使用者甚至只能看得清14號以上的字體。
主題文本還應(yīng)被拆分成更易于管理的區(qū)塊，但卻又不能破壞其連貫性。保證信息的易讀性與快速獲取性是我們的核心設(shè)計(jì)原則之一。當(dāng)需要提供大量文本內(nèi)容時，可以考慮將其劃分成多個不同頁面以簡化內(nèi)容管理。
3、過度使用GIF、動畫與音效
在某些情況下，GIF動畫非常有趣;動畫能夠讓訪問者獲得更好的使用體驗(yàn);音效可能也有助于提升感受。但這些都只是點(diǎn)綴，切記不可畫蛇添足。GIF動畫過多會造成一種庸俗而幼稚的氛圍，而大家對于音效以及音樂的取向也有所不同。有時，我們精心設(shè)計(jì)，卻難以實(shí)現(xiàn)效果。
解決辦法
千萬別讓費(fèi)盡心力添加的動畫與音效成了刺眼又刺耳的垃圾元素。使用GIF動畫最好能免則免，企業(yè)的官方網(wǎng)站絕對不要使用。
4、超大的導(dǎo)航菜單
大型的導(dǎo)航菜單，對于包含大量不同子頁面的網(wǎng)站而言，似乎是一個很好的解決方案，然而實(shí)際情況并非如此。我們常見的網(wǎng)站設(shè)計(jì)錯誤就是在邊欄及子菜單中塞進(jìn)長長的清單，超大的導(dǎo)航菜單對于絕大多數(shù)的普通用戶而言，看起來更像是迷宮。這看似滿足了全部用戶的需求，實(shí)則會分散用戶注意力，并讓用戶覺得不那么爽。如果導(dǎo)航、側(cè)欄與底欄無法協(xié)同工作，那么網(wǎng)站內(nèi)容再好也將沒有意義。
解決辦法
信息分類整合其實(shí)是就是為了應(yīng)對這種情況而存在的，將網(wǎng)站的導(dǎo)航內(nèi)容規(guī)劃為不同的大分類，有了層級，用戶更容易篩選;又或者你可以將導(dǎo)航設(shè)計(jì)成為更為有趣的圖文式鏈接，讓它看起來不那么枯燥，也不失為一個可取的方案。永遠(yuǎn)不要低估在屏幕上留白的重要性，因?yàn)槠涫莿?chuàng)造平衡美感的重要基礎(chǔ)。
5、乏味無趣的加載頁面
隨著技術(shù)的進(jìn)步，時間對于人們來說越來越寶貴，為了一個20M的網(wǎng)頁在瀏覽器前靜靜坐上1分鐘等待加載，那大多數(shù)用戶都會有關(guān)掉它的沖動，因?yàn)槲覀儠谶@個過程中無數(shù)次懷疑這個頁面是不是卡住了。如今的網(wǎng)站加載需要的是速度和效率，這符合當(dāng)前的真實(shí)用戶需求。給用戶提供即時的位置、時間和響應(yīng)對一個優(yōu)秀的產(chǎn)品來說很重要。
解決辦法
如果你的網(wǎng)站在加載速度上有問題，首先應(yīng)該加載頁面中較輕的元素，以及整個框架，然后使用加載器將較大和較重的元素逐步填充進(jìn)去。這樣一來，用戶就不會覺得頁面卡在那兒，而是在逐步加載了。
緩沖應(yīng)該盡量避免，如果它必須存在，那就應(yīng)該有趣一點(diǎn)。加載頁面可以是一個加載進(jìn)度條，一個為浪費(fèi)用戶等待時間的道歉或者是配有文案的簡單動畫。
6、設(shè)計(jì)臃腫，內(nèi)容雜亂
不斷增加的功能會導(dǎo)致需求和交付之間的延遲，這會讓設(shè)計(jì)逐漸變得臃腫。將各類新聞、鏈接以及圖片塞進(jìn)同一頁面只會使其顯得雜亂不堪，導(dǎo)致用戶難以閱讀及導(dǎo)航。
解決辦法
產(chǎn)品發(fā)布上線后能夠覆蓋用戶最常見的使用情形并提供值得信賴的使用價值;考慮用戶的使用習(xí)慣，使你的設(shè)計(jì)能夠讓用戶集中注意力。堅(jiān)持增加必要且有價值的功能，盡量避免內(nèi)容混亂多余。產(chǎn)品設(shè)計(jì)的流程應(yīng)該是：發(fā)散，優(yōu)化，迭代和提煉，直到你們的產(chǎn)品或服務(wù)可以提供一個優(yōu)質(zhì)的解決方案。
7、對移動設(shè)備不夠友好
智能手機(jī)已經(jīng)成為人們在互聯(lián)網(wǎng)上獲取內(nèi)容的最佳途徑。大家的多數(shù)出站流量很可能都指向智能手機(jī)或者平板電腦。如果各網(wǎng)頁沒有針對移動設(shè)備進(jìn)行優(yōu)化，那么人們可能面對難以進(jìn)行訪問或者加載時間過長等問題。
解決辦法
目前市面上有著大量免費(fèi)的應(yīng)用與插件能夠幫助我們解決這類難題，而針對移動端擁有出色優(yōu)化效果的一大實(shí)例就是MailChimp網(wǎng)站。
8、復(fù)雜的注冊流程
網(wǎng)站構(gòu)建需要投入大量精力，而其最終目的在于吸引潛在群體并宣傳或者表達(dá)自己的產(chǎn)品或觀點(diǎn)，并通過重復(fù)訪問帶來收益。在設(shè)計(jì)網(wǎng)站時，我們往往只考慮自己的個人品味——但正確的作法應(yīng)該是立足于目標(biāo)受眾的需要與特點(diǎn)。
解決辦法
大家應(yīng)當(dāng)盡可能簡化注冊流程，因?yàn)槎鄶?shù)用戶對產(chǎn)品或者服務(wù)的注冊機(jī)制并不感興趣。如果需要填寫的信息太多或者由于不支持鍵盤而導(dǎo)致流程難于操作，用戶會很快選擇放棄。
9、無限滾動
無限滾動的出現(xiàn)，終于解決了移動端上查看繁復(fù)的分類頁的問題。不過與此同時，無限滾動的設(shè)計(jì)，還為我們創(chuàng)造了不少從未遇到的新問題。舉個例子，當(dāng)你要訪問一個重要的頁面，而它正好在長滾動頁面的底部，撇開加載頁面的時間和流量不談，滾到底部去找就已經(jīng)是一個很煩躁的事情了。
解決辦法
就像超大的導(dǎo)航菜單一樣，想要讓它發(fā)揮作用一樣有合理的解決方案。將傳統(tǒng)的移動端頁面和無限滾動兩種模式結(jié)合起來使用，讓用戶自己來選擇更適合自己的模式，這有助于提升頁面的可訪問性。
網(wǎng)頁設(shè)計(jì)常見問題
1. 不經(jīng)測試而發(fā)布網(wǎng)站
測試是網(wǎng)頁設(shè)計(jì)中很關(guān)鍵的一個步驟。在你正式提交網(wǎng)站之前，你應(yīng)該進(jìn)行測試。你需要測試以了解你的網(wǎng)站看起如何或感覺起來如何，以及了解其工作原理。
另一個常見的錯誤是忽略了在所有設(shè)備上測試你的網(wǎng)站的重要性，而現(xiàn)在所有網(wǎng)站都應(yīng)該具備響應(yīng)功能來支持多個移動平臺。測試的目的，是確保你的網(wǎng)站在上線之前表現(xiàn)出優(yōu)化的性能。
2. 顏色的誤用
顏色在網(wǎng)頁設(shè)計(jì)中扮演著重要的角色。每個設(shè)計(jì)師都應(yīng)該掌握色彩使用的原則，通過應(yīng)用色彩原則來達(dá)到完美的設(shè)計(jì)效果。如果你想要一個不錯的顏色對比效果，你必須知道如何進(jìn)行顏色的搭配。好的是，有很多在線工具可以根據(jù)你的網(wǎng)站主題和你正在運(yùn)行的內(nèi)容幫助你選擇完美的顏色搭配。
3. 使用彈出窗口
彈出窗口可能看上去不錯，但是會讓某些用戶感到迷惑并且導(dǎo)致網(wǎng)頁轉(zhuǎn)換速度很慢。如果你非得使用彈出窗口，確保使用一個就行了。你也可以使用燈箱，消除所有的干擾項(xiàng)，確保用戶能有一個清晰的了解。讓你的用戶可以毫不費(fèi)勁的關(guān)閉彈出窗口，萬一他們對內(nèi)容不感興趣呢?
4. 失敗的內(nèi)容
如果你使用不相關(guān)的、過時的內(nèi)容，或者你網(wǎng)頁上根本沒有多少內(nèi)容，那么你的網(wǎng)站一定會很失敗。內(nèi)容對于任何一個網(wǎng)站來說都十分重要，因?yàn)檫@可以向你的訪問者傳達(dá)你正在運(yùn)作的東西。確保你網(wǎng)站上的東西要及時更新，質(zhì)量高和易于閱讀和理解。瀏覽每一條內(nèi)容以確保沒有任何錯誤，盡可能的提供必要信息。
5. 糟糕的易讀性
良好的可讀性是網(wǎng)頁設(shè)計(jì)的基礎(chǔ)，他可使訪問者在你的網(wǎng)站上面停留更長的時間，更多地了解你的業(yè)務(wù)。問題是許多設(shè)計(jì)師以忽略可讀性為代價而過于關(guān)注于創(chuàng)新。最終得到是一個華而不實(shí)的網(wǎng)站。在這種情況下，為了提供對用戶有吸引力的內(nèi)容，字體，字體大小和顏色的正確選擇很關(guān)鍵。
6. 凌亂的網(wǎng)頁
在客戶了解你的業(yè)務(wù)之前，其中一個可能使他們離開網(wǎng)站的原因就是，你有一個很凌亂的網(wǎng)頁。你需要留下足夠的空白空間讓你的內(nèi)容“透氣”，以便訪問者可以輕松的瀏覽并尋找到他們想要到內(nèi)容。盡可能地內(nèi)容最小化，同時為訪問者提供足夠的信息。
7. 使用大量的圖像
大量的圖片和基于閃存的圖形和動畫可能看起來很酷，但這會拉慢你網(wǎng)站的速度，并且會讓用戶變的沮喪。你最不希望就發(fā)生的事就是讓你的訪客體驗(yàn)慢速下載，特別是在移動設(shè)備上。他們可能永遠(yuǎn)都不會去看你的網(wǎng)站上的內(nèi)容，你也可能會在搜索引擎中獲得較低的排名，也很難被消費(fèi)者發(fā)現(xiàn)。盡可能地讓你的網(wǎng)站看起來“輕盈”，避免閃存。
解決辦法
問題一
主頁短少新聞模塊一般企業(yè)網(wǎng)站主頁內(nèi)容有公司簡介、產(chǎn)品導(dǎo)航或許新產(chǎn)品展現(xiàn)模塊。大部分的企業(yè)網(wǎng)站主頁是沒有新聞模塊的。
問題二
主頁翻開是動畫或許不同語言版別的按鈕。許多企業(yè)網(wǎng)站都喜歡運(yùn)用開場動畫，動畫結(jié)束后出現(xiàn)兩個按鈕，一個進(jìn)入中文版、一個進(jìn)入英文版。
問題三
網(wǎng)站過度優(yōu)化。有的公司會請專業(yè)SEO來協(xié)助公司網(wǎng)站做優(yōu)化，這類網(wǎng)站有兩個通病，一是網(wǎng)站底部堆砌許多關(guān)鍵字;二是新聞內(nèi)鏈太多。咱們把這種狀況叫做過度優(yōu)化。一般狀況搜索引擎是依據(jù)文字內(nèi)容判斷關(guān)鍵字的，而且取3-5個字每個字做一個鏈接就可以了。
問題四
網(wǎng)站客服彈出太頻頻。大部分營銷性質(zhì)的網(wǎng)站都會裝備在線客服，當(dāng)客戶進(jìn)入網(wǎng)站時首要彈出客服窗口。一般用戶會點(diǎn)擊封閉，閱讀結(jié)束后有需求會尋求客服協(xié)助。假如彈窗一直彈出，就會給客服造成不好的體會。主張把客服窗口放在奪目的方位，而并非頻頻彈出。
問題五
友情鏈接是鋪排。許多網(wǎng)站沒有將網(wǎng)站友情鏈接使用起來，只單向鏈接幾個門戶網(wǎng)站。主張多交流友情鏈接，這個是排名的關(guān)鍵。
問題六
專業(yè)的網(wǎng)站推行人員。假如公司能裝備認(rèn)為專業(yè)的SEO人員，信任會給公司帶來不小的收益。
問題七
產(chǎn)品內(nèi)容或文字描述太少。假如產(chǎn)品的簡介只裝備許多的圖片、或許從word里導(dǎo)出的表格，這些內(nèi)容不能被搜索引擎識別為關(guān)鍵字，更不可能會有排名了。主張錄入產(chǎn)品的時分多介紹產(chǎn)品特色，做好產(chǎn)品簡介。
網(wǎng)站建設(shè)常見問題的處理方案有：依據(jù)自己職業(yè)添加相關(guān)常識共享類的欄目，頻頻更新網(wǎng)站文章。一次性轉(zhuǎn)載許多文章是沒有作用的，要堅(jiān)持原創(chuàng)，在確保文章質(zhì)量的前提下穩(wěn)步添加文章數(shù)量;每天更新高質(zhì)量的外鏈，同樣要堅(jiān)持質(zhì)量和數(shù)量。按照以上步驟，信任一定能進(jìn)步您網(wǎng)站的質(zhì)量。
【網(wǎng)頁設(shè)計(jì)常見錯誤及解決辦法】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)常見的交互設(shè)計(jì)錯誤09-28
網(wǎng)頁設(shè)計(jì)中常見的交互設(shè)計(jì)錯誤09-26
網(wǎng)頁設(shè)計(jì)中常見的幾種交互設(shè)計(jì)錯誤10-02
網(wǎng)頁設(shè)計(jì)中常見的五種交互設(shè)計(jì)錯誤07-25