建站常識
論網(wǎng)站設(shè)計(jì)的十大要點(diǎn)
2006-10-30 16:22:00
網(wǎng)站是企業(yè)面向公眾的臉面,本文將介紹10種商業(yè)網(wǎng)站設(shè)計(jì)常見的敗筆,從以往的案例和教訓(xùn)中吸取經(jīng)驗(yàn)可以幫助您避免重蹈覆轍,并可以將您的網(wǎng)站設(shè)計(jì)得具備實(shí)效同時(shí)為您的企業(yè)帶來附加價(jià)值。
在最初設(shè)計(jì)網(wǎng)站的時(shí)候,您有多種選擇,機(jī)會(huì)看上去似乎是無窮無盡的,可以做的事情遠(yuǎn)遠(yuǎn)超出想象。盡管構(gòu)建網(wǎng)站的潛力無限,但是有很多再平常不過的錯(cuò)誤會(huì)導(dǎo)致網(wǎng)站設(shè)計(jì)的失敗,使您無法實(shí)現(xiàn)為企業(yè)增加附加價(jià)值的目標(biāo)。
針對企業(yè)網(wǎng)站,我列出了十種常見的設(shè)計(jì)錯(cuò)誤,當(dāng)然這些問題對于個(gè)人網(wǎng)站、業(yè)余愛好者和非盈利性機(jī)構(gòu)的網(wǎng)站來講也是適用的,無論如何請您都要盡力避免這些常見的非常糟糕的錯(cuò)誤。
1.關(guān)于我們(About Us):每個(gè)網(wǎng)站都應(yīng)該對此提供非常清晰和直觀的信息,包括一段簡短的夸大其詞的描述,或者在主頁上提供“關(guān)于我們”頁面的突出而明顯的鏈接,并描述您的網(wǎng)站及其所提供的價(jià)值。
有些用戶可能并沒有發(fā)現(xiàn)這個(gè)網(wǎng)站對他們有幫助,對此進(jìn)行解釋也是非常重要的,提供足夠的信息來說明,這樣用戶就不會(huì)對網(wǎng)站的目的感到迷惑了。您最好提供向訪問者說明為什么他或她不會(huì)對這個(gè)網(wǎng)站感興趣,這樣可以打發(fā)走不感興趣的訪客,這比試圖欺騙他們直到他們自己花費(fèi)了大量時(shí)間之后才知道網(wǎng)站上并沒有他們所須的內(nèi)容要好很多。畢竟,一個(gè)直接表明自己功能的網(wǎng)站要比故弄玄虛而且難以使用的網(wǎng)站更能獲得良好的口碑和認(rèn)同。
2.Alt和Title屬性的文本描述:對于支持這些屬性的網(wǎng)站,要確保您在每個(gè)XHTML標(biāo)簽上都使用了alt和title屬性。如果用戶使用的瀏覽器不支持網(wǎng)站的圖片,那么對于可訪問性而言這些信息是至關(guān)重要的,同時(shí)它們還能提供主要內(nèi)容之外的信息。最常見的功能是為殘障人士提供可訪問性,比如使用屏幕閱讀器訪問網(wǎng)站的盲人。但是,也不要在alt或者title屬性中寫入過多的文字,應(yīng)當(dāng)讓這些文字簡明扼要,清晰易懂。不要讓您的用戶淹沒在大段大段的模糊信息,或是毫無用處的彈出信息中,應(yīng)當(dāng)讓網(wǎng)站實(shí)現(xiàn)最容易訪問的狀態(tài),因?yàn)閍lt和title標(biāo)簽的基本作用就是提升可訪問性。
3.對URL進(jìn)行存檔管理:將網(wǎng)站上過期的頁面放到存檔中是網(wǎng)站更新中常見的變化,但對于搜索引擎而言,會(huì)造成很大的困難,比如指向您網(wǎng)站中某個(gè)頁面的鏈接失效了。因此,在構(gòu)建網(wǎng)站之初,就要確保轉(zhuǎn)移到存檔部分內(nèi)容的URL不會(huì)發(fā)生變化??诒窃趪H互聯(lián)網(wǎng)上營造人氣和聲望的基石,如果您網(wǎng)站上的頁面鏈接隔不了幾天就會(huì)發(fā)生變化,那么恐怕很難贏得良好的口碑。
4.在內(nèi)容上標(biāo)注日期:通常,您需要經(jīng)常更新網(wǎng)站才能贏得回頭客,人們也只有在新內(nèi)容出現(xiàn)的時(shí)候才會(huì)來瀏覽網(wǎng)站。在內(nèi)容上標(biāo)注日期,這樣訪客才能知道那些是新的,是按照什么順序出現(xiàn)的。即使在某些罕見的情況下,網(wǎng)站內(nèi)容可能并不需要經(jīng)常更新,那么即使有一個(gè)頁面被重新編輯過,那么也應(yīng)當(dāng)反應(yīng)出改變的信息。
對網(wǎng)站上所有的信息加上時(shí)間戳,可以幫助您的訪客確認(rèn)哪些信息是過期的,即使您只在每個(gè)頁面的底部加上“最后更新”的字樣,也會(huì)有所幫助。而且,這不僅僅給網(wǎng)站的訪客帶來了方便,對您也是有幫助的:如果讀者發(fā)現(xiàn)您所說和他們在別處看到的不一致是由于信息的更新引起的,那么他們會(huì)增加您網(wǎng)站的口碑,并且會(huì)成為回頭客,愿意經(jīng)常訪問您的網(wǎng)站以獲取更多的信息。
5.內(nèi)容密度:在一個(gè)位置放太多的信息會(huì)把訪問者嚇跑的,雖然常識告訴我們要盡可能多地提供信息,但是物極必反,好東西多了也可能會(huì)有副作用。如果提供了太多的信息,讀者在閱讀時(shí)很容易疲勞,然后就開始略讀,最后索性不讀了。
盡量保證您的初始信息與主題密切相關(guān),并且簡短,可以被讀者一次消化,同時(shí)可以提供深入信息的鏈接。使用符號列表是一種非常棒的方法可以將信息分解為不同的部分,從而更容易理解,這樣訪客也就不會(huì)被嚇跑。同樣的原則對鏈接列表也是適用的,太多的鏈接擠在一起和靜態(tài)的雜亂無章的信息毫無區(qū)別。讓鏈接列表短一些,這樣讀者可以花費(fèi)很少的力氣就能找到他們所需的信息。如果您能幫助他們找到所需的信息,那就會(huì)為您的網(wǎng)站增加額外的價(jià)值,同時(shí)還要盡量保證這些信息容易消化。
#p#6.裝飾性圖片:除了一些旗幟和表明品牌的圖片之外,應(yīng)當(dāng)盡可能少使用裝飾性的圖片。如果對讀者有幫助,才使用圖片來進(jìn)行輔助說明;如果這些信息是您希望提供的內(nèi)容時(shí),才使用這些圖片。不要在網(wǎng)站上撒滿圖片來進(jìn)行裝飾。
7.間接鏈接/中轉(zhuǎn)鏈接/重定向鏈接:不要阻止其它網(wǎng)站直接鏈接您的網(wǎng)站內(nèi)容,有很多大型的內(nèi)容提供商違反了這一規(guī)則,比如新聞網(wǎng)站將其它網(wǎng)站引用的鏈接重定向,這樣訪問者往往停留在您的首頁。使用這種笨拙的手段似乎認(rèn)為強(qiáng)迫訪問者進(jìn)入首頁就能讓他們對其它的內(nèi)容感興趣,但實(shí)際上,這樣做的結(jié)果只會(huì)讓人們掃興而走。如果尋找某一篇文章遇到了麻煩,您的客戶會(huì)放棄在您的網(wǎng)站中尋找而跑到其它的地方。更糟糕的情況是,其它網(wǎng)站帶來的鏈接可能會(huì)顯著地提升您在搜索引擎中的排名,如果讓這些重定向的鏈接失效,那么等于您在反對被人對您的網(wǎng)站進(jìn)行鏈接,因此,永遠(yuǎn)不要拒絕別人對您網(wǎng)站的鏈接。
8.最新內(nèi)容:在第四個(gè)問題中,我提到了對網(wǎng)站內(nèi)容注明日期,從而顯示出內(nèi)容的變化,任何定期更新的網(wǎng)站都應(yīng)該讓這些變化容易被訪問者了解,最近更新部分的內(nèi)容絕不能和三年前的一樣,這樣就無法體現(xiàn)出絲毫變化。
新的內(nèi)容應(yīng)當(dāng)保持足夠的新鮮度,這樣您的讀者才能從中獲取信息中的價(jià)值。如果您的網(wǎng)站更新得非???比如Slashdot),那么對這些信息進(jìn)行分類會(huì)有所幫助,比如將新聞分門別類地存放,這樣讀者就能輕而易舉地找到他們感興趣的話題中最新的內(nèi)容。有效的搜索功能和優(yōu)秀的網(wǎng)站管理可以幫助讀者查找他們以前曾經(jīng)看到過的信息,盡可能地幫助他們實(shí)現(xiàn)這些功能。
9.縮略圖的尺寸:當(dāng)提供有大量圖片的圖庫時(shí),使用鏈接到每張圖片的縮略圖是一種常見的策略。所謂縮略圖就是圖片的縮小版本,可以讓瀏覽者看到眾多的圖片。但是,在展示縮略圖時(shí),要切記不能將縮略圖做得太小,因?yàn)檫@樣網(wǎng)站的訪客就無法從中獲取有效的信息。
對圖片文件進(jìn)行按比例的裁減是非常重要的,不要使用XHTML和CSS來變更圖片的大小,因?yàn)槲募某叽缡遣粫?huì)變化的,發(fā)送到客戶端瀏覽器的還是這些大尺寸的版本。在載入布滿縮略圖的網(wǎng)頁時(shí),如果這些縮略圖僅僅是被標(biāo)記語言和樣式表改變了尺寸的話,那么瀏覽器依然會(huì)消耗掉大量的處理器時(shí)間和系統(tǒng)內(nèi)存資源;這可能會(huì)導(dǎo)致瀏覽器崩潰和其它的問題,至少會(huì)導(dǎo)致漫長的加載時(shí)間。網(wǎng)站的訪問者會(huì)因?yàn)榫徛募虞d時(shí)間轉(zhuǎn)而訪問其它的網(wǎng)站,崩潰的瀏覽器更會(huì)嚇跑訪問者。
10.網(wǎng)頁標(biāo)題:很多網(wǎng)頁設(shè)計(jì)者并沒有為他們的網(wǎng)頁設(shè)定標(biāo)題,這明顯是個(gè)錯(cuò)誤,搜索引擎會(huì)根據(jù)網(wǎng)頁的標(biāo)題來進(jìn)行識別;而且,用戶在瀏覽器的收藏夾中存儲網(wǎng)頁地址的時(shí)候,默認(rèn)的名稱也是網(wǎng)頁的標(biāo)題。
一個(gè)不太明顯的錯(cuò)誤是網(wǎng)站的設(shè)計(jì)者在每個(gè)頁面上都使用相同的標(biāo)題,如果為每個(gè)頁面都提供不同的標(biāo)題來進(jìn)行識別,那將會(huì)非常有幫助。當(dāng)然,標(biāo)題應(yīng)當(dāng)是簡潔清晰的,冗長的網(wǎng)頁標(biāo)題和沒有標(biāo)題的網(wǎng)站是一樣糟糕的。
以上的這些注意事項(xiàng)對網(wǎng)站設(shè)計(jì)來講是非常重要的,但常常沒有受到重視或是曲解了其中的要領(lǐng),也許其它方面的成功可以克服一些細(xì)微的失敗,但是卻永遠(yuǎn)無法彌補(bǔ)這些缺陷。在設(shè)計(jì)網(wǎng)站的時(shí)候牢記這些原則,可以讓您的網(wǎng)站獲得更高的成功機(jī)會(huì)。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢?
延伸閱讀
- [2014-12-26 20:39:53] 網(wǎng)站設(shè)計(jì)師如何處理沉悶枯燥的網(wǎng)頁
- [2009-07-22 22:14:00] 從長尾理論和二八定律的比較去看用戶體驗(yàn)
- [2007-05-24 17:07:00] 行的長度對閱讀網(wǎng)上新聞的影響
- [2009-11-28 10:31:00] 在設(shè)計(jì)師的角度講系統(tǒng)開發(fā)
- [2010-12-15 08:53:00] 關(guān)于網(wǎng)站地圖
- [2010-08-02 22:08:00] 為什么不要“以任務(wù)為中心”來進(jìn)行設(shè)計(jì)?
- [2008-02-13 11:29:00] 圖片與文本誰更重要?
- [2007-12-17 13:39:00] UI設(shè)計(jì)范式之一:輸入口語化數(shù)據(jù)格式
- [2009-11-12 08:31:00] 使用Title提升可訪問性二
- [2007-09-28 10:08:00] 首次完整小型站點(diǎn)架構(gòu)的心得體會(huì)
- [2010-04-01 08:37:00] 測量對不同視覺設(shè)計(jì)的美感反應(yīng)
- [2012-05-14 22:00:30] 判斷瀏覽器客戶端類型(ipad,iphone,android)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
微網(wǎng)站 網(wǎng)站交互設(shè)計(jì) 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 官網(wǎng)網(wǎng)站建設(shè) 海信網(wǎng)絡(luò)科技 H5專題頁面 手機(jī)網(wǎng)站 青島網(wǎng)絡(luò)公司 響應(yīng)式設(shè)計(jì) 青島輪胎網(wǎng)站設(shè)計(jì)公司 互聯(lián)網(wǎng) 微信小程序 青島輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站推廣 微信開發(fā) 官網(wǎng)建設(shè) 青島網(wǎng)站建設(shè) H5 膠南網(wǎng)站建設(shè)公司 英文網(wǎng)站建設(shè) 程序開發(fā) 營銷型網(wǎng)站建設(shè) 青島網(wǎng)站建設(shè)基礎(chǔ)知識 html和css 青島黃島、紅島網(wǎng)站建設(shè)公司 IT資訊 如何做網(wǎng)站優(yōu)化 企業(yè)建站 青島網(wǎng)站SEO H5定制設(shè)計(jì)