首頁?>?知識?資訊?>?設計網站的幾個原則?>?正文

設計網站的幾個原則

2010/6/17 0:00:00 · 稿源:傳誠信

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

????? Web設計的圖書的焦點通常是樣式而不是設計。設計聚焦于對主題或內容的理解,并為服務用戶提供一條有用的途徑。樣式是設計的一個必要的組件,但是它僅僅關心可視化的表現。

  兩者之間的差別很重要并且容易被忽視。Web設計師Jeffrey Zeldman說,當樣式和設計之間的差別消失時,"我們滿眼都是毫無意義的糖果,都不知道美是什么了"。

  在最好的設計中,樣式位于適當的解決方案的后面。在Web上,速度、組織方式、透明度和一致性的問題驅動著你的解決方案。在建立站點的過程中,你會經常遇到挑戰(zhàn),有時候對作出的正確的設計選擇感到困惑。本文聚焦于如何把客戶的體驗放在首位,以及客戶對于低下的性能和服務的很低的忍耐力。緊記下面的原則將會使你做正確的事情更加容易。

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

  大多數設計師沒有把速度當成設計的問題。但是Web是交互式的體驗而完全不是視覺的體驗。交互式的體驗把用戶置于某個步調的控制下。當用戶需要等待時,他們就會失去控制,并且體驗會降低。

  客戶不會關心自己等待的原因,雖然這些原因可能是不良的撥號連接、Internet擁擠或服務器的問題。他們只想知道你的站點上現在,而不是過一會兒后有些什么信息。等待頁面顯示的時間太長的站點訪問者會去其它的地方,不管你的站點是如何有用,或與他們如何相關。

  很多調查聚焦于頁面載入瀏覽器花費的時間以及它對購物的影響。研究發(fā)現不良的下載時間有重要的影響。消費者相信Internet提供了自己需要的服務。要求他們推遲自己的請求將使客戶流失。每年因為Web性能問題流失的收入估計有250億美元。

  Zona研究機構發(fā)現Web站點的主頁放棄率(abandonment rate)大約是30%。這意味著每3個站點訪問者中大約有一個在請求主頁后離開了。把頁面載入的時間減少約1秒鐘,該站點的這個比率降低6-8%。

  但是,看起來目前大家對于速度問題的注意力是很小的。圖1顯示商務Web站點的主頁不顧用戶的抱怨,正在不斷減慢。這在很大程度上是因為公司只聚焦于內容的質量,把它作為形成有意義的體驗的關鍵。但是,研究顯示客戶認為緩慢的站點是無用的。因此,符合可以接受的下載時間在有用的商務站點的設計中有最高優(yōu)先級。作為設計師,你在符合這種需求的時候可以扮演重要的角色。


????????? 主頁性能在下降


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


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

  網絡的實際情況

  Internet是一個復雜、分布式的網絡,支持著數量不斷增加的數據和用戶。它的產生是為了連接學院、政府和軍事機構,并沒有打算用于處理數以十億美元計的國際貿易。結果就是它有一定的限制,其中最值得注意的是等待時間,或者稱為滯后。數據包從一臺計算機傳遞到另一臺計算機時延遲就會發(fā)生,等待時間指計算機之間請求和響應信息之間的時間間隔。

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

  設計最快的站點的先決條件是理解頁面如何從服務器到達客戶,以及在路途中哪兒可能發(fā)生潛在的延遲。

??????? 在你設計一個快速的站點前,你必須了解Web頁面如何從服務器到達客戶。這是一個復雜的并且大部分不可見的過程。

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

  對付過失的方法

  盡管在網絡處理中可能出現很多的錯誤,但是其中的大多數因素對于臨時用戶是不可見的。如果頁面載入緩慢,并且在很多放置圖片的地方是空的方框,那么程序員組會首先呼叫設計師,因為你的工作是絕對可以看見的。程序員組要求你把頁面再減少1KB比調試應用程序服務器中的某個問題更加容易。

  你準備好處理類似的情形就可能對設計組有用。圖3是一個很好的開始,它幫助你了解在設計中可以調整哪些東西,并且當你的調整不夠的時候可以建議小組的其它成員查找問題。

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

  底線

  盡管采用快速訪問連接的用戶比例不斷增加,但是了解仍然使用撥號連接的在線用戶的容量是至關緊要的

??  測試顯示訪問者的下載時間的容忍的范圍是2到10秒。因為所有的證據顯示速度越快越好,因此目標應該為每個頁面4-5秒,是否符合這個條件可能意味著你的底線上的數百與數千美元之間的差距。

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

  想象一下銷售部的某個人走進來說"在這個頁面上還需要兩個廣告位置"。你可能會回答"增加這些位置每個頁面將會增加下載28KB的時間。而速度減慢將會對銷售產生負面影響。你希望這樣嗎?"。通常的解釋沒有這么容易,但是把要求與現實性連接起來,你就能教育涉及這個問題的所有當事人。

選擇我們,優(yōu)質服務,不容錯過

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

2. 7年北京網站建設經驗,優(yōu)秀的技術和設計水平,更放心
3. 全程省心服務,不必擔心自己不懂網絡,更省心。

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

??? 免費網絡營銷顧問:我們?yōu)槟峁┟赓M的網絡營銷顧問服務,您需要了解關于如何開展網絡營銷,電子商務網站設計等的事宜,歡迎隨時聯(lián)系我們。

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

???? 免費網絡營銷培訓:如何更好的投放網絡廣告,如何提高網絡廣告的投資回報,如何發(fā)帖子,
??? ?如何優(yōu)化網站,我們有豐富的經驗開放給您!祝君成功!

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

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

普通應用型

價格:3500

功能定位

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

域?名

com?/.net?/.cn/com.cn任選一個(贈送)?(免費贈送1年)

網站空間

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

欄目及功能

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

開發(fā)周期

3-7個工作日

售后服務

不動網站框架和設計免費技術支持一年。免費非經營許可ICP證備案

網站推廣

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

大眾展示型

價格:4500

功能定位

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

域?名

com?/.net?/.cn/com.cn任選一個(贈送)?(免費贈送1年)

網站空間

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

欄目及功能

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

開發(fā)周期

5-10個工作日

售后服務

不動網站框架和設計免費技術支持一年。?免費非經營許可ICP證備案

網站推廣

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

品牌宣傳型

價格:5500

功能定位

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

域?名

com?/.net?/.cn/com.cn任選一個(贈送)?(免費贈送1年)

網站空間

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

欄目及功能

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

開發(fā)周期

7-12個工作日

售后服務

不動網站框架和設計免費技術支持一年。?免費非經營許可ICP證備案

網站推廣

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

電子商城

價格:7000

功能定位

大型網上商城系統(tǒng),適合網上開店經營  

域?名

國際或國內域名任選其一?(免費贈送1年)

網站空間

300M雙線網站空間(支持asp程序,支持access/100M?sql?server數據庫任選)?(?免費贈送1年)

電子郵局

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

頁數范圍

15個固定頁面+無限自動生成頁面

系統(tǒng)功能

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

行業(yè)門戶

價格:13000

功能定位

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

域?名

國際或國內域名任選其一?(免費贈送1年)

網站空間

500M雙線網站空間(支持asp/asp.net100M?sql大型數據庫)?(免費贈送1年?)

電子郵局

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

系統(tǒng)功能

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

頁數范圍

30個固定頁面+無限自動生成頁面??? 免費非經營許可ICP證備案

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

?

?

選擇北京網站建設公司-傳誠信,優(yōu)質服務,絕對不容錯過 !
1. 優(yōu)秀的網絡資源,穩(wěn)定的網站和速度保證?
配送雙線獨立ip空間,國際A級BGP機房,99.5% 的主機在線時間)?
2. 7年北京網站建設經驗,優(yōu)秀的技術和設計水平,更放心?
3. 全程省心服務,不必擔心自己不懂網絡,更省心。?

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

??? 免費網絡營銷顧問:我們?yōu)槟峁┟赓M的網絡營銷顧問服務,您需要了解關于如何開展網絡營銷,電子商務,網站設計等的事宜,歡迎隨時聯(lián)系我們。

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

???? 免費網絡營銷培訓:如何更好的投放網絡廣告,如何提高網絡廣告的投資回報,如何發(fā)帖子,
??? ?如何優(yōu)化網站,我們有豐富的經驗開放給您!祝君成功!

聯(lián)系我們:010-62199213 62122723-808 賈先生
北京網站建設公司-傳誠信網站:m.saddlebargains.com?點擊查看經典網站案例!

北京傳誠信網站建設2010年建站套餐及優(yōu)惠!點擊查看!

?

?

?

  • 相關推薦
  • 大家在看
  • 設計網站的幾個原則

    速度是個設計問題,但是它不是你能作出差異的唯一地方。作為設計師,你可以做的事情比壓縮JPEG或清除HTML更多。如果你設計的站點更容易使用,......

    2010/6/17 0:00:00
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354