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