常見(jiàn)的最糟糕的網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤
來(lái)源:
杰云網(wǎng)絡(luò)建站SEO優(yōu)化公司
日期:2018-02-02 18:59:10
點(diǎn)擊:10940
屬于:網(wǎng)站建設(shè)
沒(méi)有任何一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師從一開(kāi)始就打算創(chuàng)建一個(gè)在錯(cuò)誤之后被錯(cuò)誤所累的網(wǎng)站。然而,良好的意圖并不能確保成功,這就是為什么很多網(wǎng)站都被網(wǎng)頁(yè)設(shè)計(jì)的錯(cuò)誤所困擾,而這些錯(cuò)誤僅僅是讓網(wǎng)站訪問(wèn)者望而卻步。而且我們有很好的理由!
你知道,當(dāng)你上網(wǎng)沖浪的時(shí)候,你遇到了這些煩人的網(wǎng)站,因?yàn)樗鼈兛偸怯龅酵瑯拥膯?wèn)題。它們充滿了緩慢加載的網(wǎng)頁(yè),非常小的或者非常大的文本,你所見(jiàn)過(guò)的最難看的顏色組合,外部鏈接在新的瀏覽器窗口和彈出窗口中失敗。
作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師——假設(shè)你是一個(gè)想建立你的聲譽(yù)和信譽(yù)的網(wǎng)頁(yè)設(shè)計(jì)師——你的首要目標(biāo)是提升任何網(wǎng)站訪問(wèn)者的用戶體驗(yàn)。一個(gè)人在你的網(wǎng)站上應(yīng)該感到很舒服,他想要不斷地回來(lái)。和更多的……和更多的……
試著控制你的脾氣,因?yàn)槲覀兞谐隽俗钤愀獾木W(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤,以避免任何代價(jià)。
加載緩慢的網(wǎng)頁(yè)的詛咒。
當(dāng)訪問(wèn)者來(lái)到你的網(wǎng)站時(shí),他們想要的是一個(gè)高效的用戶體驗(yàn),它的特點(diǎn)是快速加載網(wǎng)頁(yè)。沒(méi)有人愿意等待幾秒鐘的時(shí)間來(lái)完成加載所有圖形的網(wǎng)頁(yè)!這只會(huì)讓用戶感到沮喪。此外,耐心不是網(wǎng)站訪問(wèn)者的強(qiáng)項(xiàng),也不應(yīng)該是。
網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤
這里有一個(gè)令人痛苦的緩慢加載站點(diǎn)的例子,它會(huì)讓你想要尖叫:Scobleizer。盡管是由一個(gè)為微軟的技術(shù)布道者羅伯特·斯科博(Robert Scoble)工作的人,但這并沒(méi)有幫助網(wǎng)站避免緩慢加載網(wǎng)頁(yè)的詛咒!
如果你的網(wǎng)頁(yè)加載速度緩慢且令人惱火,那就檢查一下你是否造成了兩大錯(cuò)誤之一:
過(guò)于龐大的圖形文件。
在一般情況下過(guò)度使用圖形。
你應(yīng)該做的是把你的網(wǎng)頁(yè)上的圖片數(shù)量降到最低……當(dāng)然,除非您知道如何在不犧牲有效加載時(shí)間的情況下包含大量圖形。
非常小或非常大的文本。
最常見(jiàn)和最令人惱火的設(shè)計(jì)錯(cuò)誤之一是在網(wǎng)頁(yè)上包含太小的文本。當(dāng)然,小文本可以讓你把大量的信息整合在一起,但這卻被一個(gè)事實(shí)所否定,那就是閱讀起來(lái)非常困難。當(dāng)你看到高分辨率顯示器上的小文本時(shí),尤其如此。
另一方面,有些網(wǎng)站的網(wǎng)頁(yè)確實(shí)有很大的文本。這里沒(méi)有一線希望:大字體看起來(lái)絕對(duì)沒(méi)有吸引力,而且很業(yè)余。如果你在一個(gè)分辨率較低的系統(tǒng)上(比如800×600像素),那么大文本就會(huì)變得非常麻煩。
你如何避免落入這個(gè)陷阱?把你在網(wǎng)站上使用的文字和其他網(wǎng)站比較一下,如果你能在離顯示器幾英尺遠(yuǎn)的地方舒服地閱讀你網(wǎng)站上的文字,一定要問(wèn)不同年齡的人。如果他們不能,你必須糾正這個(gè)問(wèn)題。
這里有一個(gè)網(wǎng)站的例子,它有一個(gè)難以閱讀的小文本:Y Combinator的黑客新聞。這里有一個(gè)網(wǎng)站的例子:Kk設(shè)計(jì)。
可怕丑陋的顏色組合
一個(gè)愉快的用戶體驗(yàn)的一個(gè)重要部分是看一個(gè)具有和諧和誘人的色彩計(jì)劃的網(wǎng)站。這就是為什么難看的顏色組合很難被原諒。
在網(wǎng)站上看看這個(gè)可怕的顏色組合的例子。這是英國(guó)閱讀區(qū)委員會(huì)的網(wǎng)站。注意顏色方案的單調(diào)和單調(diào),主要是因?yàn)樗念伾M合是基于一種顏色。
網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤
有時(shí)候,最簡(jiǎn)單的是最好的:使用的顏色組合,例如,白色背景上的黑色文本很容易在眼睛上看到,而且很好看,因?yàn)樗哂袠O簡(jiǎn)的效果。此外,標(biāo)準(zhǔn)的鏈接顏色很容易出現(xiàn)。為了多做一點(diǎn),你可以在網(wǎng)頁(yè)上使用圖形欄,甚至在網(wǎng)頁(yè)上添加一到兩個(gè)有趣的圖形,這樣他們就能在不放棄每個(gè)網(wǎng)頁(yè)的可讀性的情況下?lián)碛胸S富的外觀。
鏈接不能在新選項(xiàng)卡或?yàn)g覽器窗口中打開(kāi)。
一些網(wǎng)站允許鏈接到其他網(wǎng)站在相同的標(biāo)簽或?yàn)g覽器窗口,而其他網(wǎng)站允許他們的鏈接到其他網(wǎng)站實(shí)際上是在一個(gè)新的標(biāo)簽或窗口打開(kāi)。這可能只是個(gè)人偏好的問(wèn)題,但更多的是,在新的選項(xiàng)卡或窗口中無(wú)法打開(kāi)的外部鏈接是令人討厭的。他們也很困惑,因?yàn)槟憧床怀瞿銊側(cè)ミ^(guò)的地方。
如果你的網(wǎng)站的外部鏈接在一個(gè)新的標(biāo)簽或窗口打開(kāi),一個(gè)網(wǎng)站訪問(wèn)者會(huì)感覺(jué)更多的控制他的用戶體驗(yàn)。他將能夠快速地引用新標(biāo)簽或窗口打開(kāi)的地方,而不丟失網(wǎng)頁(yè)發(fā)送給他的網(wǎng)頁(yè)!這樣的瀏覽體驗(yàn)為一個(gè)人提供了優(yōu)越的組織,因此也更舒適。
彈出窗口的災(zāi)難。
如果有什么東西像過(guò)多的圖形一樣讓人惱火的話。
掃一掃,加我微信
你知道,當(dāng)你上網(wǎng)沖浪的時(shí)候,你遇到了這些煩人的網(wǎng)站,因?yàn)樗鼈兛偸怯龅酵瑯拥膯?wèn)題。它們充滿了緩慢加載的網(wǎng)頁(yè),非常小的或者非常大的文本,你所見(jiàn)過(guò)的最難看的顏色組合,外部鏈接在新的瀏覽器窗口和彈出窗口中失敗。
作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師——假設(shè)你是一個(gè)想建立你的聲譽(yù)和信譽(yù)的網(wǎng)頁(yè)設(shè)計(jì)師——你的首要目標(biāo)是提升任何網(wǎng)站訪問(wèn)者的用戶體驗(yàn)。一個(gè)人在你的網(wǎng)站上應(yīng)該感到很舒服,他想要不斷地回來(lái)。和更多的……和更多的……
試著控制你的脾氣,因?yàn)槲覀兞谐隽俗钤愀獾木W(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤,以避免任何代價(jià)。
加載緩慢的網(wǎng)頁(yè)的詛咒。
當(dāng)訪問(wèn)者來(lái)到你的網(wǎng)站時(shí),他們想要的是一個(gè)高效的用戶體驗(yàn),它的特點(diǎn)是快速加載網(wǎng)頁(yè)。沒(méi)有人愿意等待幾秒鐘的時(shí)間來(lái)完成加載所有圖形的網(wǎng)頁(yè)!這只會(huì)讓用戶感到沮喪。此外,耐心不是網(wǎng)站訪問(wèn)者的強(qiáng)項(xiàng),也不應(yīng)該是。
網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤
這里有一個(gè)令人痛苦的緩慢加載站點(diǎn)的例子,它會(huì)讓你想要尖叫:Scobleizer。盡管是由一個(gè)為微軟的技術(shù)布道者羅伯特·斯科博(Robert Scoble)工作的人,但這并沒(méi)有幫助網(wǎng)站避免緩慢加載網(wǎng)頁(yè)的詛咒!
如果你的網(wǎng)頁(yè)加載速度緩慢且令人惱火,那就檢查一下你是否造成了兩大錯(cuò)誤之一:
過(guò)于龐大的圖形文件。
在一般情況下過(guò)度使用圖形。
你應(yīng)該做的是把你的網(wǎng)頁(yè)上的圖片數(shù)量降到最低……當(dāng)然,除非您知道如何在不犧牲有效加載時(shí)間的情況下包含大量圖形。
非常小或非常大的文本。
最常見(jiàn)和最令人惱火的設(shè)計(jì)錯(cuò)誤之一是在網(wǎng)頁(yè)上包含太小的文本。當(dāng)然,小文本可以讓你把大量的信息整合在一起,但這卻被一個(gè)事實(shí)所否定,那就是閱讀起來(lái)非常困難。當(dāng)你看到高分辨率顯示器上的小文本時(shí),尤其如此。
另一方面,有些網(wǎng)站的網(wǎng)頁(yè)確實(shí)有很大的文本。這里沒(méi)有一線希望:大字體看起來(lái)絕對(duì)沒(méi)有吸引力,而且很業(yè)余。如果你在一個(gè)分辨率較低的系統(tǒng)上(比如800×600像素),那么大文本就會(huì)變得非常麻煩。
你如何避免落入這個(gè)陷阱?把你在網(wǎng)站上使用的文字和其他網(wǎng)站比較一下,如果你能在離顯示器幾英尺遠(yuǎn)的地方舒服地閱讀你網(wǎng)站上的文字,一定要問(wèn)不同年齡的人。如果他們不能,你必須糾正這個(gè)問(wèn)題。
這里有一個(gè)網(wǎng)站的例子,它有一個(gè)難以閱讀的小文本:Y Combinator的黑客新聞。這里有一個(gè)網(wǎng)站的例子:Kk設(shè)計(jì)。
可怕丑陋的顏色組合
一個(gè)愉快的用戶體驗(yàn)的一個(gè)重要部分是看一個(gè)具有和諧和誘人的色彩計(jì)劃的網(wǎng)站。這就是為什么難看的顏色組合很難被原諒。
在網(wǎng)站上看看這個(gè)可怕的顏色組合的例子。這是英國(guó)閱讀區(qū)委員會(huì)的網(wǎng)站。注意顏色方案的單調(diào)和單調(diào),主要是因?yàn)樗念伾M合是基于一種顏色。
網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤
有時(shí)候,最簡(jiǎn)單的是最好的:使用的顏色組合,例如,白色背景上的黑色文本很容易在眼睛上看到,而且很好看,因?yàn)樗哂袠O簡(jiǎn)的效果。此外,標(biāo)準(zhǔn)的鏈接顏色很容易出現(xiàn)。為了多做一點(diǎn),你可以在網(wǎng)頁(yè)上使用圖形欄,甚至在網(wǎng)頁(yè)上添加一到兩個(gè)有趣的圖形,這樣他們就能在不放棄每個(gè)網(wǎng)頁(yè)的可讀性的情況下?lián)碛胸S富的外觀。
鏈接不能在新選項(xiàng)卡或?yàn)g覽器窗口中打開(kāi)。
一些網(wǎng)站允許鏈接到其他網(wǎng)站在相同的標(biāo)簽或?yàn)g覽器窗口,而其他網(wǎng)站允許他們的鏈接到其他網(wǎng)站實(shí)際上是在一個(gè)新的標(biāo)簽或窗口打開(kāi)。這可能只是個(gè)人偏好的問(wèn)題,但更多的是,在新的選項(xiàng)卡或窗口中無(wú)法打開(kāi)的外部鏈接是令人討厭的。他們也很困惑,因?yàn)槟憧床怀瞿銊側(cè)ミ^(guò)的地方。
如果你的網(wǎng)站的外部鏈接在一個(gè)新的標(biāo)簽或窗口打開(kāi),一個(gè)網(wǎng)站訪問(wèn)者會(huì)感覺(jué)更多的控制他的用戶體驗(yàn)。他將能夠快速地引用新標(biāo)簽或窗口打開(kāi)的地方,而不丟失網(wǎng)頁(yè)發(fā)送給他的網(wǎng)頁(yè)!這樣的瀏覽體驗(yàn)為一個(gè)人提供了優(yōu)越的組織,因此也更舒適。
彈出窗口的災(zāi)難。
如果有什么東西像過(guò)多的圖形一樣讓人惱火的話。
標(biāo)簽:
本文來(lái)源:友點(diǎn)軟件,轉(zhuǎn)載請(qǐng)注明出處!如果需要營(yíng)銷型網(wǎng)站建設(shè)、微商城、小程序商城、多端小程序 請(qǐng)聯(lián)系我們!
掃一掃,加我微信
本文來(lái)源:杰云網(wǎng)絡(luò),轉(zhuǎn)載請(qǐng)注明出處!如果需要 營(yíng)銷型網(wǎng)站建設(shè)、 微商城、 小程序商城、 多端小程序 請(qǐng)聯(lián)系我們!
掃一掃,加我微信
掃一掃,加我微信