首頁(yè)?>?知識(shí)?資訊?>?設(shè)計(jì)網(wǎng)站的幾個(gè)原則?>?正文

設(shè)計(jì)網(wǎng)站的幾個(gè)原則

2010/6/17 0:00:00 · 稿源:傳誠(chéng)信

  速度是個(gè)設(shè)計(jì)問(wèn)題,但是它不是你能作出差異的唯一地方。作為設(shè)計(jì)師,你可以做的事情比壓縮JPEG或清除HTML更多。如果你設(shè)計(jì)的站點(diǎn)更容易使用,即使實(shí)際的下載時(shí)間是相同的,你的客戶也會(huì)認(rèn)為站點(diǎn)更快了。

????? Web設(shè)計(jì)的圖書的焦點(diǎn)通常是樣式而不是設(shè)計(jì)。設(shè)計(jì)聚焦于對(duì)主題或內(nèi)容的理解,并為服務(wù)用戶提供一條有用的途徑。樣式是設(shè)計(jì)的一個(gè)必要的組件,但是它僅僅關(guān)心可視化的表現(xiàn)。

  兩者之間的差別很重要并且容易被忽視。Web設(shè)計(jì)師Jeffrey Zeldman說(shuō),當(dāng)樣式和設(shè)計(jì)之間的差別消失時(shí),"我們滿眼都是毫無(wú)意義的糖果,都不知道美是什么了"。

  在最好的設(shè)計(jì)中,樣式位于適當(dāng)?shù)慕鉀Q方案的后面。在Web上,速度、組織方式、透明度和一致性的問(wèn)題驅(qū)動(dòng)著你的解決方案。在建立站點(diǎn)的過(guò)程中,你會(huì)經(jīng)常遇到挑戰(zhàn),有時(shí)候?qū)ψ鞒龅恼_的設(shè)計(jì)選擇感到困惑。本文聚焦于如何把客戶的體驗(yàn)放在首位,以及客戶對(duì)于低下的性能和服務(wù)的很低的忍耐力。緊記下面的原則將會(huì)使你做正確的事情更加容易。

  原則1:速度優(yōu)先

  大多數(shù)設(shè)計(jì)師沒有把速度當(dāng)成設(shè)計(jì)的問(wèn)題。但是Web是交互式的體驗(yàn)而完全不是視覺的體驗(yàn)。交互式的體驗(yàn)把用戶置于某個(gè)步調(diào)的控制下。當(dāng)用戶需要等待時(shí),他們就會(huì)失去控制,并且體驗(yàn)會(huì)降低。

  客戶不會(huì)關(guān)心自己等待的原因,雖然這些原因可能是不良的撥號(hào)連接、Internet擁擠或服務(wù)器的問(wèn)題。他們只想知道你的站點(diǎn)上現(xiàn)在,而不是過(guò)一會(huì)兒后有些什么信息。等待頁(yè)面顯示的時(shí)間太長(zhǎng)的站點(diǎn)訪問(wèn)者會(huì)去其它的地方,不管你的站點(diǎn)是如何有用,或與他們?nèi)绾蜗嚓P(guān)。

  很多調(diào)查聚焦于頁(yè)面載入瀏覽器花費(fèi)的時(shí)間以及它對(duì)購(gòu)物的影響。研究發(fā)現(xiàn)不良的下載時(shí)間有重要的影響。消費(fèi)者相信Internet提供了自己需要的服務(wù)。要求他們推遲自己的請(qǐng)求將使客戶流失。每年因?yàn)閃eb性能問(wèn)題流失的收入估計(jì)有250億美元。

  Zona研究機(jī)構(gòu)發(fā)現(xiàn)Web站點(diǎn)的主頁(yè)放棄率(abandonment rate)大約是30%。這意味著每3個(gè)站點(diǎn)訪問(wèn)者中大約有一個(gè)在請(qǐng)求主頁(yè)后離開了。把頁(yè)面載入的時(shí)間減少約1秒鐘,該站點(diǎn)的這個(gè)比率降低6-8%。

  但是,看起來(lái)目前大家對(duì)于速度問(wèn)題的注意力是很小的。圖1顯示商務(wù)Web站點(diǎn)的主頁(yè)不顧用戶的抱怨,正在不斷減慢。這在很大程度上是因?yàn)楣局痪劢褂趦?nèi)容的質(zhì)量,把它作為形成有意義的體驗(yàn)的關(guān)鍵。但是,研究顯示客戶認(rèn)為緩慢的站點(diǎn)是無(wú)用的。因此,符合可以接受的下載時(shí)間在有用的商務(wù)站點(diǎn)的設(shè)計(jì)中有最高優(yōu)先級(jí)。作為設(shè)計(jì)師,你在符合這種需求的時(shí)候可以扮演重要的角色。


????????? 主頁(yè)性能在下降


??????? 盡管研究顯示站點(diǎn)訪問(wèn)者對(duì)于緩慢的站點(diǎn)反映消極,但是數(shù)據(jù)還是顯示載入商務(wù)站點(diǎn)主頁(yè)的速度趨勢(shì)是減慢而不是加快。更多的廣告和動(dòng)態(tài)生成頁(yè)面的流行促成了這種性能的遲緩。這張圖表顯示了56Kbps連接到流行的旅游、購(gòu)物和證券交易站點(diǎn)時(shí)的平均響應(yīng)時(shí)間。


???????? 不要用緩慢的下載試驗(yàn)客戶地耐心或妨礙可用性,?世界上的大多數(shù)人仍然在使用低速連接,因此應(yīng)該盡可能減少頁(yè)面上的元素。例如,如果你使用圖像導(dǎo)航,那么把它們放到一組中而不要彼此孤立。

  網(wǎng)絡(luò)的實(shí)際情況

  Internet是一個(gè)復(fù)雜、分布式的網(wǎng)絡(luò),支持著數(shù)量不斷增加的數(shù)據(jù)和用戶。它的產(chǎn)生是為了連接學(xué)院、政府和軍事機(jī)構(gòu),并沒有打算用于處理數(shù)以十億美元計(jì)的國(guó)際貿(mào)易。結(jié)果就是它有一定的限制,其中最值得注意的是等待時(shí)間,或者稱為滯后。數(shù)據(jù)包從一臺(tái)計(jì)算機(jī)傳遞到另一臺(tái)計(jì)算機(jī)時(shí)延遲就會(huì)發(fā)生,等待時(shí)間指計(jì)算機(jī)之間請(qǐng)求和響應(yīng)信息之間的時(shí)間間隔。

  在過(guò)去幾年中,大部分Web內(nèi)容(例如很多商務(wù)站點(diǎn)提供的內(nèi)容)變成了動(dòng)態(tài)的。實(shí)時(shí)(動(dòng)態(tài)地)組合內(nèi)容比起發(fā)送靜態(tài)頁(yè)面不僅需要更多的帶寬,還需要更高響應(yīng)性的Web服務(wù)器和應(yīng)用程序。由信息處理引起的任何延遲都會(huì)增加到網(wǎng)絡(luò)延遲中。你的站點(diǎn)的大部分響應(yīng)能力依賴于網(wǎng)絡(luò)技術(shù)、軟件和硬件的復(fù)雜的相互影響。

  設(shè)計(jì)最快的站點(diǎn)的先決條件是理解頁(yè)面如何從服務(wù)器到達(dá)客戶,以及在路途中哪兒可能發(fā)生潛在的延遲。

??????? 在你設(shè)計(jì)一個(gè)快速的站點(diǎn)前,你必須了解Web頁(yè)面如何從服務(wù)器到達(dá)客戶。這是一個(gè)復(fù)雜的并且大部分不可見的過(guò)程。

  很多商務(wù)站點(diǎn)使用專門的內(nèi)容傳遞服務(wù)(例如Akamai和Digital Island)。這些公司已經(jīng)設(shè)計(jì)了改量的系統(tǒng),它們能智能地刪除了網(wǎng)絡(luò)中的很多延遲。

  對(duì)付過(guò)失的方法

  盡管在網(wǎng)絡(luò)處理中可能出現(xiàn)很多的錯(cuò)誤,但是其中的大多數(shù)因素對(duì)于臨時(shí)用戶是不可見的。如果頁(yè)面載入緩慢,并且在很多放置圖片的地方是空的方框,那么程序員組會(huì)首先呼叫設(shè)計(jì)師,因?yàn)槟愕墓ぷ魇墙^對(duì)可以看見的。程序員組要求你把頁(yè)面再減少1KB比調(diào)試應(yīng)用程序服務(wù)器中的某個(gè)問(wèn)題更加容易。

  你準(zhǔn)備好處理類似的情形就可能對(duì)設(shè)計(jì)組有用。圖3是一個(gè)很好的開始,它幫助你了解在設(shè)計(jì)中可以調(diào)整哪些東西,并且當(dāng)你的調(diào)整不夠的時(shí)候可以建議小組的其它成員查找問(wèn)題。

  如果有下載緩慢的頁(yè)面,就收集供給信息。從任何相關(guān)的性能數(shù)據(jù)開始,記錄有HTML和圖象的完整的頁(yè)面的大小。有一些HTML編輯軟件程序(例如Macromedia的Dreamweaver)會(huì)自動(dòng)計(jì)算這些信息。設(shè)置頁(yè)面限制并且確保沒有頁(yè)面超過(guò)它。與某個(gè)可以不斷衡量站點(diǎn)下載時(shí)間和等待時(shí)間的公司(例如Keynote Systems4)簽訂合同。你的站點(diǎn)的速度應(yīng)該在頻繁的測(cè)試中優(yōu)先權(quán)最高。

  底線

  盡管采用快速訪問(wèn)連接的用戶比例不斷增加,但是了解仍然使用撥號(hào)連接的在線用戶的容量是至關(guān)緊要的

??  測(cè)試顯示訪問(wèn)者的下載時(shí)間的容忍的范圍是2到10秒。因?yàn)樗械淖C據(jù)顯示速度越快越好,因此目標(biāo)應(yīng)該為每個(gè)頁(yè)面4-5秒,是否符合這個(gè)條件可能意味著你的底線上的數(shù)百與數(shù)千美元之間的差距。

?  當(dāng)有了歷史的性能和頁(yè)面大小的總量信息后,你可以讓小組重新聚焦于其它的可能出現(xiàn)故障的地方。更重要的是,你可能成為速度問(wèn)題的用戶主張者,并且使提供良好的用戶體驗(yàn)成為最主要的標(biāo)準(zhǔn)。

  想象一下銷售部的某個(gè)人走進(jìn)來(lái)說(shuō)"在這個(gè)頁(yè)面上還需要兩個(gè)廣告位置"。你可能會(huì)回答"增加這些位置每個(gè)頁(yè)面將會(huì)增加下載28KB的時(shí)間。而速度減慢將會(huì)對(duì)銷售產(chǎn)生負(fù)面影響。你希望這樣嗎?"。通常的解釋沒有這么容易,但是把要求與現(xiàn)實(shí)性連接起來(lái),你就能教育涉及這個(gè)問(wèn)題的所有當(dāng)事人。

選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過(guò)

1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證
?(配送雙線獨(dú)立ip空間,國(guó)際A級(jí)BGP機(jī)房,99.5% 的主機(jī)在線時(shí)間)

2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。

-----------------------------------------------------------------------------------------------------
我們的與眾不同之處:

??? 免費(fèi)網(wǎng)絡(luò)營(yíng)銷顧問(wèn):我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營(yíng)銷顧問(wèn)服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營(yíng)銷,電子商務(wù),網(wǎng)站設(shè)計(jì)等的事宜,歡迎隨時(shí)聯(lián)系我們。

??? seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計(jì)外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動(dòng)生成,靜態(tài)頁(yè)面生成等等,讓您的網(wǎng)站。

???? 免費(fèi)網(wǎng)絡(luò)營(yíng)銷培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報(bào),如何發(fā)帖子,
??? ?如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗(yàn)開放給您!祝君成功!

聯(lián)系我們:010-62199213?? 62122723-808?? 賈先生
傳誠(chéng)信北京網(wǎng)站建設(shè)網(wǎng)站:
saddlebargains.com?點(diǎn)擊查看經(jīng)典網(wǎng)站案例!
北京網(wǎng)站建設(shè)
2010年網(wǎng)站建設(shè)套餐及優(yōu)惠!

——————————————————————————————–

普通應(yīng)用型

價(jià)格:3500

功能定位

專業(yè)網(wǎng)頁(yè)設(shè)計(jì),主要突出內(nèi)容,適合中小型企業(yè)或者個(gè)人。強(qiáng)大的數(shù)據(jù)庫(kù)及后臺(tái)管理程序支持,動(dòng)態(tài)顯示、動(dòng)態(tài)維護(hù)企業(yè)信息;在線動(dòng)態(tài)發(fā)布產(chǎn)品?信息、在線上傳產(chǎn)品圖片 ?  

域?名

com?/.net?/.cn/com.cn任選一個(gè)(贈(zèng)送)?(免費(fèi)贈(zèng)送1年)

網(wǎng)站空間

100M(支持html、ASP等腳本、數(shù)據(jù)每周備份,iis、?1個(gè)解析,10個(gè)子域名,10個(gè)URL轉(zhuǎn)發(fā)?)、100M企業(yè)郵局(?10個(gè)郵箱,總空間100M?)?(免費(fèi)贈(zèng)送1年)

欄目及功能

首頁(yè),公司簡(jiǎn)介,產(chǎn)品展示,售后服務(wù),聯(lián)系我們,友情鏈接,計(jì)數(shù)器,在線QQ系統(tǒng),加為收藏,設(shè)為首頁(yè)

開發(fā)周期

3-7個(gè)工作日

售后服務(wù)

不動(dòng)網(wǎng)站框架和設(shè)計(jì)免費(fèi)技術(shù)支持一年。免費(fèi)非經(jīng)營(yíng)許可ICP證備案

網(wǎng)站推廣

搜索引擎排名基本優(yōu)化,?免費(fèi)google?baidu?yahoo?zhongsou等搜索引擎登陸

大眾展示型

價(jià)格:4500

功能定位

全新的網(wǎng)頁(yè)設(shè)計(jì),突出宣傳公司形象及公司產(chǎn)品。強(qiáng)大的數(shù)據(jù)庫(kù)及后臺(tái)管理程序支持,動(dòng)態(tài)顯示、動(dòng)態(tài)維護(hù)企業(yè)信息;在線動(dòng)態(tài)發(fā)布產(chǎn)品?信息、在線上傳產(chǎn)品圖片 ?  

域?名

com?/.net?/.cn/com.cn任選一個(gè)(贈(zèng)送)?(免費(fèi)贈(zèng)送1年)

網(wǎng)站空間

200M(支持html、ASP等腳本、數(shù)據(jù)每周備份,iis、?1個(gè)解析,10個(gè)子域名,10個(gè)URL轉(zhuǎn)發(fā)?)、100M企業(yè)郵局(?11個(gè)郵箱,總空間100M?)?(免費(fèi)贈(zèng)送1年)

欄目及功能

首頁(yè),公司簡(jiǎn)介,產(chǎn)品展示,網(wǎng)上訂單系統(tǒng),新聞系統(tǒng),售后服務(wù),聯(lián)系我們,在線留言,友情鏈接,計(jì)數(shù)器,在線QQ系統(tǒng),加為收藏,設(shè)為首頁(yè)

開發(fā)周期

5-10個(gè)工作日

售后服務(wù)

不動(dòng)網(wǎng)站框架和設(shè)計(jì)免費(fèi)技術(shù)支持一年。?免費(fèi)非經(jīng)營(yíng)許可ICP證備案

網(wǎng)站推廣

搜索引擎排名基本優(yōu)化,?自然免費(fèi)google?baidu?yahoo?zhongsou等搜索引擎登陸

品牌宣傳型

價(jià)格:5500

功能定位

適合于展示公司品牌?,?融入客戶的想法,獨(dú)具匠心的頁(yè)面設(shè)計(jì),全方位展示公司形象、實(shí)力、信任、產(chǎn)品。整體網(wǎng)站規(guī)劃,?大量的相關(guān)圖片,flash展示效果展示?,強(qiáng)大的數(shù)據(jù)庫(kù)及后臺(tái)管理程序支持,動(dòng)態(tài)顯示、動(dòng)態(tài)維護(hù)企業(yè)信息;在線動(dòng)態(tài)發(fā)布產(chǎn)品?信息、在線上傳產(chǎn)品圖片 

域?名

com?/.net?/.cn/com.cn任選一個(gè)(贈(zèng)送)?(免費(fèi)贈(zèng)送1年)

網(wǎng)站空間

300網(wǎng)頁(yè)空間,100M企業(yè)郵局,50M SQL?server數(shù)據(jù)庫(kù),支持在線管理網(wǎng)站?、?支持ASPPHPJSPZEND等多種開發(fā)環(huán)境?、數(shù)據(jù)每周備份,iis、?1個(gè)解析,10個(gè)子域名,10個(gè)URL轉(zhuǎn)發(fā)?)、11個(gè)郵箱?(免費(fèi)贈(zèng)送1年)

欄目及功能

首頁(yè),公司簡(jiǎn)介,產(chǎn)品展示,網(wǎng)上訂單系統(tǒng),新聞系統(tǒng),售后服務(wù),聯(lián)系我們,人才招聘,網(wǎng)上調(diào)查,在線留言,友情鏈接,計(jì)數(shù)器,在線QQ系統(tǒng),加為收藏,設(shè)為首頁(yè)

開發(fā)周期

7-12個(gè)工作日

售后服務(wù)

不動(dòng)網(wǎng)站框架和設(shè)計(jì)免費(fèi)技術(shù)支持一年。?免費(fèi)非經(jīng)營(yíng)許可ICP證備案

網(wǎng)站推廣

搜索引擎排名基本優(yōu)化,?免費(fèi)google?baidu?yahoo?zhongsou等搜索引擎登陸

電子商城

價(jià)格:7000

功能定位

大型網(wǎng)上商城系統(tǒng),適合網(wǎng)上開店經(jīng)營(yíng)  

域?名

國(guó)際或國(guó)內(nèi)域名任選其一?(免費(fèi)贈(zèng)送1年)

網(wǎng)站空間

300M雙線網(wǎng)站空間(支持asp程序,支持access/100M?sql?server數(shù)據(jù)庫(kù)任選)?(?免費(fèi)贈(zèng)送1年)

電子郵局

100M專業(yè)型企業(yè)電子郵局?(免費(fèi)贈(zèng)送1年)

頁(yè)數(shù)范圍

15個(gè)固定頁(yè)面+無(wú)限自動(dòng)生成頁(yè)面

系統(tǒng)功能

產(chǎn)品在線展示、在線下單、客戶管理、定單管理、留言板、網(wǎng)站流量統(tǒng)計(jì)、產(chǎn)品信息(?包括產(chǎn)品圖片)后臺(tái)動(dòng)態(tài)維護(hù)、企業(yè)信息在線維護(hù)等功能?????? 免費(fèi)非經(jīng)營(yíng)許可ICP證備案

行業(yè)門戶

價(jià)格:13000

功能定位

在行業(yè)內(nèi)樹立門戶品牌,打造行業(yè)旗艦

域?名

國(guó)際或國(guó)內(nèi)域名任選其一?(免費(fèi)贈(zèng)送1年)

網(wǎng)站空間

500M雙線網(wǎng)站空間(支持asp/asp.net、100M?sql大型數(shù)據(jù)庫(kù))?(免費(fèi)贈(zèng)送1年?)

電子郵局

150M專業(yè)型企業(yè)電子郵局?(免費(fèi)贈(zèng)送1年)

系統(tǒng)功能

網(wǎng)站多欄目多級(jí)別分類管理、文字(圖片)新聞管理、產(chǎn)品在線展示、會(huì)員管理、信息?發(fā)布、社區(qū)論壇、留言板、網(wǎng)站流量統(tǒng)計(jì)、后臺(tái)動(dòng)態(tài)維護(hù)等

頁(yè)數(shù)范圍

30個(gè)固定頁(yè)面+無(wú)限自動(dòng)生成頁(yè)面??? 免費(fèi)非經(jīng)營(yíng)許可ICP證備案

——————————————————————————————–

?

?

選擇北京網(wǎng)站建設(shè)公司-傳誠(chéng)信,優(yōu)質(zhì)服務(wù),絕對(duì)不容錯(cuò)過(guò) !
1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證?
配送雙線獨(dú)立ip空間,國(guó)際A級(jí)BGP機(jī)房,99.5% 的主機(jī)在線時(shí)間)?
2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心?
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。?

-----------------------------------------------------------------------------------------------------
我們的與眾不同之處:

??? 免費(fèi)網(wǎng)絡(luò)營(yíng)銷顧問(wèn):我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營(yíng)銷顧問(wèn)服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營(yíng)銷,電子商務(wù),網(wǎng)站設(shè)計(jì)等的事宜,歡迎隨時(shí)聯(lián)系我們。

??? seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計(jì)外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動(dòng)生成,靜態(tài)頁(yè)面生成等等,讓您的網(wǎng)站。

???? 免費(fèi)網(wǎng)絡(luò)營(yíng)銷培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報(bào),如何發(fā)帖子,
??? ?如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗(yàn)開放給您!祝君成功!

聯(lián)系我們:010-62199213 62122723-808 賈先生
北京網(wǎng)站建設(shè)公司-傳誠(chéng)信網(wǎng)站:saddlebargains.com?點(diǎn)擊查看經(jīng)典網(wǎng)站案例!

北京傳誠(chéng)信網(wǎng)站建設(shè)2010年建站套餐及優(yōu)惠!點(diǎn)擊查看!

?

?

?

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354