網(wǎng)頁設(shè)計(jì)中10個(gè)最嚴(yán)重的錯(cuò)誤示例。

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

如果您在本地大學(xué)上過課程,多年來建立了網(wǎng)站,或者如果您去過業(yè)余培訓(xùn),則每個(gè)網(wǎng)站設(shè)計(jì)師都應(yīng)該避免某些事情,如果他希望訪問者在他們的網(wǎng)站上玩得開心。

您可能聽說過“粘性”一詞,并帶有指向該網(wǎng)站的鏈接。

它僅表示訪問者想要關(guān)注的站點(diǎn)-停留在瀏覽器中并且被放置并且經(jīng)常訪問的站點(diǎn)。有太多因素使網(wǎng)站變得難以置信,這又是另一個(gè)主題。

但是,肯定存在一些建設(shè)性的網(wǎng)絡(luò)錯(cuò)誤,這些錯(cuò)誤會(huì)使網(wǎng)站成為訪客想要逃脫的網(wǎng)站。這不是一個(gè)不可以的設(shè)計(jì),不是您應(yīng)該避免的事情。

錯(cuò)誤#1:色彩

它們會(huì)傷害您的眼睛的鮮艷顏色或彼此碰撞的顏色可能使站點(diǎn)訪問者希望逃避網(wǎng)頁的攻擊。

在計(jì)劃網(wǎng)站主題時(shí),請嘗試選擇相互補(bǔ)充的顏色。盡管很少看起來像黃色,但黃色很少作為原色。使用彩虹的每種顏色很少是一個(gè)好主意。

不良Ita蜘蛛網(wǎng)的一個(gè)示例:Maradita

該站點(diǎn)幾乎使用拼圖類型模板中可以想象的每種顏色。描述它的唯一方法是丑陋的。

錯(cuò)誤2:圖形過多

當(dāng)您用圖形使網(wǎng)頁混亂時(shí),會(huì)發(fā)生兩種不同的情況。

首先,頁面變得如此繁忙,以至于訪問者可能不知道單擊何處或想看什么。

其次,如果用戶的Internet連接速度較慢,則加載頁面可能會(huì)花費(fèi)太長時(shí)間。30秒后,大多數(shù)人將離開并轉(zhuǎn)到另一個(gè)站點(diǎn)。我們生活在一個(gè)瞬息萬變的時(shí)代。如果在最初的幾秒鐘內(nèi)沒有引起客戶的注意,則可能會(huì)完全失去客戶的注意。

Ito的不良蜘蛛網(wǎng)示例:松鹽


這個(gè)站點(diǎn)上有太多的圖形,看起來簡直令人迷惑。除了許多圖形圖像外,圖像還會(huì)在頁面上移動(dòng),因此,即使訪問者想要單擊其中一張圖像,她也必須用鼠標(biāo)追逐它們。

錯(cuò)誤3:下載速度慢

您的網(wǎng)站加載速度是否如此之慢,以至于訪客有時(shí)間去回去之前先喝杯咖啡和一個(gè)甜甜圈?

添加過多的元素(例如,閃光燈,聲音,大量高分辨率圖形或Java腳本)會(huì)導(dǎo)致網(wǎng)站加載速度越來越慢。請記住,雖然大多數(shù)訪問者的訪問速度都很高,但仍然有一些農(nóng)村客戶會(huì)切換到該站點(diǎn),并且如果站點(diǎn)加載速度太慢,則無法訪問該站點(diǎn)。

提示:使用Google Page Speed Insights檢查網(wǎng)站速度并獲得更好的建議。

速度不僅對于用戶體驗(yàn)很重要,而且是非常重要的排名因素。頁面速度在2010年成為搜索引擎排名因素,并且在2016年6月,Google宣布將更新頁面速度排名因素,以專門查看您移動(dòng)頁面的頁面速度。由于移動(dòng)搜索占Google搜索的一半以上,因此還需要優(yōu)化移動(dòng)頁面的速度。

-來源:以更快的網(wǎng)站速度提升SEO

不良蜘蛛網(wǎng)的一個(gè)例子:

該站點(diǎn)上的Flash使其加載非常緩慢。另外,沒有一個(gè)簡單的獨(dú)特鏈接可以跳過閃光燈。下載速度慢的瀏覽器會(huì)發(fā)現(xiàn)此網(wǎng)站下載繁瑣,以至于他們更有可能離開該網(wǎng)站而永不返回。

錯(cuò)誤四:廣告過多

內(nèi)容網(wǎng)站和博客賺錢廣告而不是銷售產(chǎn)品。但是,當(dāng)許多網(wǎng)站所有者失敗時(shí),添加太多的廣告,訪問者就無法分辨內(nèi)容和廣告之間的區(qū)別。如果訪問者必須搜索以查找文章或文章的其余部分,則此頁面上的廣告過多。最好在網(wǎng)站上放置一兩個(gè)廣告。而且,您還可能會(huì)惹惱瀏覽器。

實(shí)際上,在Upstream和YouGov在2012年發(fā)布的數(shù)字廣告報(bào)告中,他們發(fā)現(xiàn)大約20%的消費(fèi)者表示,如果一家公司的廣告過多,他們將永遠(yuǎn)不會(huì)再使用該廣告系列。

不良蜘蛛網(wǎng)的一個(gè)示例

在此網(wǎng)站的多個(gè)頁面上,頁面頂部的整個(gè)查看區(qū)域約占不同品種廣告的90%。要獲取頁面內(nèi)容,您需要向下滾動(dòng)。甚至在那里,到處都有其他廣告。太讓人分心了,很難專注于該網(wǎng)站。

錯(cuò)誤編號5:業(yè)余照片編輯

沒有正確編輯的圖像,沒有比戀人更能大聲尖叫。出現(xiàn)此類問題的網(wǎng)站可能會(huì)切出帶有模糊邊界的圖像,自動(dòng)調(diào)整后的顏色,使人看不見,無效的分層技術(shù)(清楚地表明兩幅畫已融合在一起)或比例縮放的比例奇怪。

提示:在以下位置使用免費(fèi)的圖像編輯工具:Canva,Pic Monkey

不良蜘蛛網(wǎng)的一個(gè)例子:彼得的公共汽車

?
此頁面上存在一些圖形問題。首先,有一個(gè)輪胎是白色的而不是透明的背景,它剛從頁面上撕下來看起來很業(yè)余。右邊的兩張照片也存在問題,因?yàn)樗鼈冊谖幢3謱捀弑鹊那闆r下被拉伸和調(diào)整了尺寸。在照片中,站在右邊的人看起來很伸直,可以在利里普特(Lilliput)的土地上成為巨人。

錯(cuò)誤6:可以創(chuàng)建三年的設(shè)計(jì)

如果您的網(wǎng)站看起來像已經(jīng)打開了Microsoft Word,創(chuàng)建了一部分藝術(shù)字,然后將該網(wǎng)站發(fā)布到網(wǎng)上,那么您可能希望重新訪問您的設(shè)計(jì)元素。雖然簡單性是一些下載的站點(diǎn)盼望已久的緩解方法,但是如果您過于簡單,則會(huì)冒著尋找未成年人和廉價(jià)站點(diǎn)的風(fēng)險(xiǎn)。

不良蜘蛛網(wǎng)的一個(gè)例子是

設(shè)計(jì)人員甚至沒有更改MS最初的標(biāo)準(zhǔn)設(shè)計(jì)中的文字顏色。這種設(shè)計(jì)非常簡單,可以立即被視為Microsoft和藝術(shù)字圖片的基本示例。
此外,正在嘗試加載一個(gè)彈出頁面。如果您跳過介紹并轉(zhuǎn)到主頁,則可以看出設(shè)計(jì)是否更好。但是,鏈接頁面的設(shè)計(jì)(如下)同樣令人失望。

錯(cuò)誤7:交通不暢

即使網(wǎng)站的設(shè)計(jì)誘人,訪問者也會(huì)感到沮喪,并留下不良的導(dǎo)航。

例如,沒有明確鏈接或站點(diǎn)太多的站點(diǎn)很難確定去向。許多網(wǎng)站所有者面臨的問題之一是一個(gè)突然變大的小型網(wǎng)站。如果網(wǎng)站只有500個(gè)頁面,則該網(wǎng)站只有5個(gè)頁面時(shí)無法正常運(yùn)行的導(dǎo)航。了解如何重新設(shè)計(jì)網(wǎng)站并將其重新構(gòu)建為類別和子類別,以便訪問者確切地知道要去哪里尋找他們想要的東西。添加搜索框也是明智的。


訪客等待著尋找他們所在地區(qū)的目的地,但是頁面的左下方列出了很多鏈接,右側(cè)是廣告,以及一些著名的企業(yè)。該站點(diǎn)可以從重建組織結(jié)構(gòu)中受益,以便訪問者可以輕松找到他們正在尋找的資源。

錯(cuò)誤8:文字問題

使用緊張背景的網(wǎng)絡(luò)設(shè)計(jì)師,然后選擇一種文本顏色,該顏色不能提供足夠的對比度以致于無法使網(wǎng)頁可讀。如果訪問者在閱讀一篇文章后眼睛受傷,為什么還要留下來閱讀您網(wǎng)站的更多頁面?如果需要選擇緊張的背景,請至少放置具有純色背景的框,層或目錄,然后選擇相反的文本顏色。盡量避免在灰色上顯示灰色,但在深紅色上選擇白色,在淺粉紅色上選擇黑色,等等。

重疊的單詞與重疊圖形且部分在堅(jiān)實(shí)背景上的段落一樣難以閱讀。

不良ito蜘蛛網(wǎng)的一個(gè)例子:百慕大三角


該網(wǎng)站上不僅存在對比鮮明的問題,而且文字與其他文字重疊,幾乎無法閱讀。

錯(cuò)誤9:打印錯(cuò)誤

沒有什么比這更令人憤怒的錯(cuò)別字和語法問題了。即使沒有人是好的,您也可以嘗試?yán)嚯x。請朋友和家人查看您的頁面并幫助您發(fā)現(xiàn)這些錯(cuò)誤,或雇用專業(yè)編輯器來證明您的頁面。下面的示例只是為了好玩。這不是一家真正的網(wǎng)頁設(shè)計(jì)公司,但這種觀點(diǎn)嘲笑了一些公司的專業(yè)程度。

提示:了解如何在自己的寫作中捕捉錯(cuò)別字和錯(cuò)誤。

不良蜘蛛網(wǎng)的一個(gè)例子:Web Tek Rocks


可能會(huì)遺漏一個(gè)錯(cuò)字,但是此站點(diǎn)顯示了一些影子站點(diǎn)如何充滿錯(cuò)誤。對于想幫助您將網(wǎng)站置于在線狀態(tài)的公司而言,在建立您的網(wǎng)站之前花一些時(shí)間在其自己的網(wǎng)站上糾正問題可能會(huì)更好?!疤厥狻逼磳憺椤疤厥狻保弧皩I(yè)知識”被拼寫為“專業(yè)知識”;他們在網(wǎng)上提供“幫助您完成自己的工作”;“我們可以比任何人都更快地建立您的網(wǎng)站!?

錯(cuò)誤編號10:最糟糕的網(wǎng)站設(shè)計(jì)非常糟糕,您無法解釋

有些網(wǎng)站本來就設(shè)計(jì)上確實(shí)非常糟糕。這些設(shè)計(jì)不佳的網(wǎng)站不是使您的網(wǎng)站痛苦的一件事,而是網(wǎng)站上的幾乎所有內(nèi)容。

可能是丑陋的顏色,導(dǎo)航不佳和其他項(xiàng)目的組合。幸運(yùn)的是,這些站點(diǎn)很少見,但是瀏覽它們可以幫助您知道在設(shè)計(jì)站點(diǎn)時(shí)不應(yīng)該做的事情。

不良蜘蛛網(wǎng)的一個(gè)例子:來世

這個(gè)網(wǎng)站太糟糕了,難以描述。首先,任何容易發(fā)作的人都應(yīng)遠(yuǎn)離此站點(diǎn),因?yàn)榧词乖诓蝗菀装l(fā)作的人中,它也可能引發(fā)攻擊。該網(wǎng)站滾動(dòng),充滿了動(dòng)畫和閃爍的圖形。另外,圖形大部分沒有吸引力,最終出現(xiàn)在一個(gè)樂隊(duì)的孩子和彈吉他的狀態(tài)。如果您敢,請?jiān)L問。

新聞名稱:網(wǎng)頁設(shè)計(jì)中10個(gè)最嚴(yán)重的錯(cuò)誤示例。
網(wǎng)站地址:http://www.muchs.cn/news21/80921.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)、營銷型網(wǎng)站建設(shè)、域名注冊、商城網(wǎng)站、關(guān)鍵詞優(yōu)化網(wǎng)站建設(shè)

廣告

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

手機(jī)網(wǎng)站建設(shè)