<noscript id="06k2m"></noscript>
  • <noscript id="06k2m"></noscript>
  • <table id="06k2m"><noscript id="06k2m"></noscript></table>
  • <xmp id="06k2m"><table id="06k2m"></table>
    品優網絡 十六年(2003-2018)專注
    當前位置:網站首頁 >> 寧波網站建設
    網站建設指南
    日期:2015-01-06 作者:admin 來源: 瀏覽次數:0 網友評論 0

    企業網站推廣1

       近年來,Web逐漸成為人們獲取信息以及進行交易和交流的主要渠道。但是,我們卻感到在網上查找信息或完成某項任務經常會遇到這樣那樣的困難。根據調查顯示,目前90%左右的網站存在可用性問題,用戶在網上找不到所需信息的幾率有約60%。對于網站來說,可用性是指用戶能否有效地找到所需的信息或完成他的任務?效率如何?以及是否讓人有愉快滿意的感受。如果網站可用性較差,會浪費用戶的時間,大大降低網站的回頭訪問率,還會引起不必要的網絡阻塞。這對網站的生存是一個至關重要的問題。因此,為網站開發人員提供可用性設計指導是十分必要的。這些年來,人們從不同側面提出了許多網站可用性設計準則,對提高網站可用性起到了很好的作用。本文以下部分將首先分析網站設計中存在的可用性問題,然后對目前提出的網站可用性設計原則和指南進行綜合,從屏幕布局、內容設計、可訪問性、媒體使用、與用戶的溝通、一致性和導航等七個方面進行介紹。

      一、 網站建設中存在的可用性問題目前網站的可用性問題是一個普遍存在的現象,它們主要表現在這樣一些方面:
    1. 使用框架(Frame)框架的使用使得打印網頁時得不到用戶想要的結果,并且通過收藏夾中的URL回不到原先的網頁。
    2. 使用尚未成熟的新技術由于這些新技術尚未成熟,很可能給用戶帶來意想不到的麻煩(如使系統癱瘓等)。
    3. 滾動的文字和連續播放的動畫
    4. 網站的URL與其結構和內容不匹配
    5. 使用非標準的鏈接顏色未訪問鏈接用藍色表示,已訪問鏈接用紅色或粉色表示。否則,用戶會弄不清哪些鏈接已訪問過,哪些沒訪問過。
    6. 下載時間過長
    7. 使“回退”按鈕失效“回退”按鈕是僅次于鏈接的、用戶使用更頻繁的導航功能,所以“回退”按鈕失效會讓用戶感到失望。
    8. 打開新的瀏覽窗口打開太多的窗口會使整個屏幕看起來很亂,并且使回退按鈕失效。
    9. 違規使用GUI控件(如單選鈕,復選框)每個GUI控件都有一定的使用常規,否則會使用戶不知所措。
    10. 缺少對網站所有者的介紹
    11. 缺少歷史信息記錄
    12. 鏈接標題不能準確提示所鏈接的內容
    13. 提供時髦而不實用的Internet功能對大多數網站來說,提供網上購物、聊天、拍賣、免費郵件、三維站點結構圖等功能,會產生一些負面影響。
    14. 使用類似廣告的表現形式(如標語、動畫等)

    二、提高網站可用性的設計準則1 屏幕布局
    1)內容應占據網頁的大部分空間,至少應占一半,更好接近80%,導航部分應不超過20%。
    2)使用空白區而不是粗線條或廣告來分隔不同內容。
    3)顏色選擇·除了圖片和圖像之外,不要使用太多的顏色來修飾某個對象?!ふ暮捅尘吧膶Ρ榷纫??!ふ膮^和其它的功能區(如工具條、菜單條等)應使用不同的背景色。
    4)可讀性·標題區、標題行和正文區應使用不同大小的字體?!な褂渺o止的正文,而不要用移動、閃爍或變焦的文字?!ぷ煮w應足夠大,字體太?。ㄐ∮?0個像素單位)會降低可讀性?!げ灰獙⒆煮w設置成更對尺寸,應盡量使用相對尺寸?!な褂媒y一的字體,不要混合使用多種字體,否則會降低閱讀速度。
    5)可瀏覽性·每個網頁都應該有標題,且網頁標題應該清楚地表明網頁的內容?!ぞ渥?段落應簡短,每句不超過20個詞,每段不超過5個句子?!っ總€網頁都應按照“倒金字塔”原則進行編寫,即從一個簡單的結論開始漸次展開?!な褂门虐嬗∷⒌脑O計風格,橫向排列信息,以符合用戶的閱讀習慣。

    2 內容設計
    1)范圍·網站的內容應既能達到網站設計目標,又能滿足用戶的期望?!ぞW站的內容應及時更新,以反映當前的更新狀態。
    2)準確性·寫作質量要高,沒有語法、拼寫和排版錯誤?!の恼聭摲侄?,這樣用戶容易理解?!つ切┘认蛴脩籼峁┬畔?,又允許用戶進行評論的網頁,應明確區分信息區和評論區。
    3)著作權·每篇文章或文檔應標明作者姓名等相關信息?!峁┫鄳膮⒖嘉墨I?!榻B站點擁有者的背景資料,如公司圖標、名字、地址、電話號碼和email地址等。
    4)實效性·應標明網站所用資源的產生日期?!赋鼍W頁的更近修改時間。
    5)提供選擇功能·應該有輸出或打印的格式選擇?!ぷ尣煌挠脩暨x擇不同的語言來顯示網頁。
    6)鏈接·指明哪些鏈接指向本頁面,哪些鏈接指向本站點的其它頁面,哪些鏈接指向其它站點?!兄赶蛳嚓P網站的鏈接?!兄赶蚓W站主辦單位的鏈接。

    3 網頁設計
    1)網頁的大小網頁的大小不應超過30000字節,以使用戶在10秒鐘之內能打開網頁。
    2)鏈接·為鏈接加上描述信息?!ぎ斠粋€鏈接被點擊后,要把所有指向同一目標的鏈接都表示成已被訪問過?!ぴ阪溄优宰⒚飨螺d文件的大小,幫助用戶預測下載時間。
    3)框架只有在必要時才使用框架。
    4)在每一頁的相同位置放置本網站標志。

    4 可訪問性
    1)下載速度·下載網頁的時間應使用戶能夠接受,一般來說在10-20秒之間。
    2)瀏覽器的兼容性·保證網頁能被所有主要的瀏覽器兼容?!けWC網頁能被同一瀏覽器的不同版本兼容?!けWC網頁能被不同類型的顯示器(如單色顯示器和數字電視等)兼容。
    3)搜索功能·提供本網站內的搜索能幫助用戶更快地查找到所需的信息。
    4)網站的可訪問性·利用META標記為搜索引擎提供本網頁的關鍵詞和描述信息?!ぐ凑找幏断蛩阉饕嫣峤恍畔⒁员WC站點能夠被搜索到。
    5)網站內容的可訪問性• 為多媒體(聲音、動畫等)提供等價的文本形式,以便使那些只能使用純文本瀏覽器的用戶能夠獲得網頁的內容。同樣,應為那些不能閱讀和閱讀困難的用戶(如盲人)提供與文字等價的內容(如聲音文件等)。

    5 媒體的使用
    1)音頻,動畫和視頻 ·只有在必要時(如示范、教學、演講等)才使用?!け苊庋h播放?!は螺d時應顯示文件的類型和大小,以便讓用戶決定是否有必要等待。
    2)圖形和圖像·只有當圖形或圖像真正有助于用戶對信息的理解時才使用它?!な褂脠D像的縮略圖技術?!げ灰谒阉黜撁嬷惺褂脠D形?!ぴ诒仨毷褂脠D形的時候,可多次使用同一個圖形。

    6 與用戶的溝通(交互性)·在網站上提供網站所有者的email地址和聯機表單,以便獲取用戶對網站的反饋意見?!ぬ峁┚W上論壇、網絡會議等功能,讓用戶能夠共享觀點和進行討論。

    7 一致性·網頁布局應一致?!の谋镜淖中?、字體和顏色應保持一致?!Ш綆椭ㄈ绮藛螚l、按鈕等)應一致。

    8 導航·每頁中都應設有返回主頁的鏈接?!摪颜军c的內容按類別分組(一般應為7組左右)?!び脩粽业剿鑳热莸狞c擊鏈接次數要盡可能少(一般不應超過3次)?!摫WC用戶點擊鏈接時不會出現網頁不存在的情況?!峁┱军c結構圖以幫助用戶更快地找到所需的信息?!橛脩籼峁┓答佇畔?,告訴他目前在站點中的位置。

    三、總結在實際的網站建設中,網站可用性設計指南起到了很好的作用。有人曾做過這樣的實驗,從網上隨機地選擇幾個網站,按照網站可用性設計指南對它們進行重新設計,然后對新舊兩個版本的網站進行比較性可用性測試,結果發現,新版本網站的可用性明顯地提高了。然而,網站可用性設計指南也存在其局限性,主要是許多指南過于原則性,缺乏實際的可操作性,具體的運用效果在很大程度上依賴網站開發人員對可用性的悟性,因此不能保證按照這些指南所設計的網站一定具有高可用性。提高網站可用性的根本途徑應當是采用以用戶為中心的設計方法,在實際的網站開發中,應將這些指南的運用與以用戶為中心的設計方法相結合,才能真正達到好的效果

    網站建設指南,與大家多多交流。

    企業網站推廣2

    查看更多寧波網站建設網站建設指南

    寧波網站建設 (http://www.www.startupswithnocode.com/) 版權與免責聲明
        1、凡本網注明“來源:寧波品優網絡”字樣的所有作品,版權均屬于浙江省寧波海曙品優網絡技術有限公司,如需轉載、摘編或利用其它方式使用上述作品,請與本網聯系。
        2、凡本網注明“來源:XXX(非寧波品優網絡)”的作品,均轉載自其它媒體,轉載目的在于傳遞更多信息,并不代表本網贊同其觀點和對其真實性負責。寧波網站建設的轉載僅為信息的廣泛傳播,如有侵權請及時告之刪除。
    返回:寧波網站建設
    杨大明抱着苏晴玩,午夜国产成人无码福利,在线无码一区二区三区不卡
    <noscript id="06k2m"></noscript>
  • <noscript id="06k2m"></noscript>
  • <table id="06k2m"><noscript id="06k2m"></noscript></table>
  • <xmp id="06k2m"><table id="06k2m"></table>