3、內(nèi)容相對實用性大
一個網(wǎng)頁盡管設計得趣味盎然,引人入勝,但這不是吸引用戶最好的理由。要想最大限度地留住用戶首要的是要讓它有用處。這樣做的一個很簡單的辦法是提供相互參與--讓讀者做一些事情,如報名獲取定期發(fā)送的通訊,并用某種方式報答他們的參與,如每周抽獎或給予下載一些東西的機會。
4、網(wǎng)頁命名要簡潔
由于一個網(wǎng)站不可能就是由一個網(wǎng)頁組成,它有許多子頁面,為了能使這些頁面有效地被連接起來,用戶最后能給這些頁面起一些有代表性的而且簡潔易記的網(wǎng)頁名稱。這樣既會有助于你以后方便管理網(wǎng)頁,在向搜索引擎提交你的網(wǎng)頁時更容易被別人索引到。在給網(wǎng)頁命名時,最好使用自己常用的或符合頁面內(nèi)容的小寫英文字母,這直接關系到頁面上的連接。
5、確保頁面的導覽性好
主頁的其中一個很重要的功能就是作為導航工具,指引用戶查閱你存儲在網(wǎng)址或其他地點的信息。因此在設計主頁時,應盡量使導覽過程變得很輕松;谇逦鞔_和速度的考慮,主頁上的超級聯(lián)接內(nèi)容應只限于幾個高級的類別,例如公司、產(chǎn)品、服務等等。一般一個A4頁面大小的網(wǎng)頁用六至八個超級聯(lián)接比較合適。此外,你還要保證超級聯(lián)接的層數(shù)不能太多,超過4層以上的聯(lián)接信息將會使人感到厭煩。因此,你必須在廣度和深度之間求取平衡。如果你的網(wǎng)址上有太多信息,你可能要制作較長的頁面或使用更多聯(lián)接層數(shù),甚至可能要建立多個主頁、使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關鍵字或詞語查找所需的信息,肯定受用戶歡迎。
6、善用表格來布局
不要把一個網(wǎng)站的內(nèi)容象作報告似的一二三四地羅列出來,要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來,使人一眼就能看出你的網(wǎng)站重點突出,結(jié)構分明。
7、合理設計視覺效果
不必在以頁面上填滿圖像來增加視覺趣味。盡量使用彩色圓點--它們較小并能為列表項增加色彩活力(并能用于彩色列表)。彩色分隔條也能在不擾亂帶寬的情況下增強圖形感。另外網(wǎng)頁設計好后,一定要在不同類型的瀏覽器和不同分辨率的情況下測試主頁,例如許多瀏覽器使用640×480的分辨率,盡管在800×600高分辨率下一些Web頁面看上去很具吸引力,但在640×480的模式下可能會黯然失色。作一點小小的努力,設計一個在不同分辨率和不同類型的瀏覽器下都能正常顯示的網(wǎng)頁。
8、排版時要注意細節(jié)
別輕易讓文字居中和使用粗體或斜體字符。除了視感混亂之外,很多流覽器不能很好地顯示斜體字,也不能補償由于字母傾斜引起的空白變化。利用短的段落,加點列示,適當?shù)恼麎K引用文字,用水平線分節(jié),用影象地圖指引主要連接,使你的頁面能吸引人和容易閱讀。另外筆者提醒大家注意的是,不要把重要的內(nèi)容排版放到網(wǎng)頁的結(jié)尾,因為讀者的視線可能停留在主頁上面較多一點,或者有些讀者沒有耐心往下看那么遠。
9、善用GIF和JPG格式的圖象
用戶在網(wǎng)上四處遨游,你必須設法吸引和維護他們對你的主頁的注意力。萬維網(wǎng)的其中一個最重大資源是其多媒體能力,所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,使其別具特色,令人過目不忘。圖像的內(nèi)容應有一定的實際作用,切忌虛飾浮夸。目前因特網(wǎng)上大多數(shù)使用GIF和Jpeg交互格式的圖象,因為交互格式的圖像是分級顯示出來的--首先以很低的分辨率顯示,然后逐步提高分辨率,直至最后達到正常顯示--這種方式有時候會使較大的圖像看起來好象裝載得快一些,實際上并非如此,但這是一種有益的錯覺。這樣也便于讀者在圖像裝載的過程中看到它的模樣,如果他們不喜歡或不想看的話就有機會中斷傳輸或轉(zhuǎn)向別的地方。
10、為圖片添加文字說明
給每幅圖形加上文字的說明,在出現(xiàn)之前就可以看到相關內(nèi)容,尤其是導航按鈕和大圖片更應如此。這樣一來,當網(wǎng)絡速度很慢不能把圖象下載下來時或者用戶在使用文本類型的瀏覽器時,照樣能閱讀網(wǎng)頁的內(nèi)容,以后用戶在訪問你的站點時總有一種親切感覺,認為你心細,比較善解人意,時時刻刻為他人著想,相信你的好心會有好報的。
11、多使用圖象縮微圖
比如說有一張800×600像素的1600萬色掃描圖,所占空間約為50K。使用PhotoShop這一類的圖象編輯工具對原圖進行重新取樣,比如說高度為100像素(為確保瀏覽器能即時以合適的大小顯示圖像,高度和寬度很重要。也許為了達到你自己的要求你得進行調(diào)整才能找到最合適的大小,但可以從高度除以4~6開始),PhotoShop會自動計算新圖象的寬度。保存新圖象,它的大小現(xiàn)在應為8K或更小。然后在源文件中添加這樣一段HTML代碼:,那么瀏覽器在解釋執(zhí)行Lowsrc命令時,將要求瀏覽器在真正的畫面載入以前先裝載低分辨率的圖像,這樣就會讓訪問者清楚將會出現(xiàn)什么樣的圖片。
12、不宜使用太多的動畫
大家都喜歡用GIF動畫來裝飾網(wǎng)頁,它的確很吸引人,但我們在選擇時,是否能確定必須用GIF動畫,如果答否,那么就選擇靜止的圖片,因為它的容量要小得多。同樣的尺寸的LOGO,GIF動畫的容量有5K,而靜止LOGO的只有3K。雖然只有2K之差,但多起來,就會影響下載的速度,所以,如果有些不是必須的,就選擇最小的。
13、閃爍文字不要多用
有的設計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的,但一個頁面中最多不能有三處閃爍文字,太多了給用戶一種眼花繚亂的感覺,反而會影響用戶去訪問該網(wǎng)站的其他內(nèi)容,正所謂“物極必反”也。
14、頁面長度要適中
當一個頁面很長時就應該要注意了,因為它的傳輸時間明顯要比較短的頁面的傳輸時間長,太長的頁面?zhèn)鬏敃乖L問者在等待中失去耐心。而且為了閱讀這些長文本,訪問者不得不使用卷滾條,從而也浪費了用戶在網(wǎng)上沖浪的時間。如果你有大量的基于文本的文檔,應當以AdobeAcrobat格式的文件形式來放置,以便你的訪問者能離線閱讀,從而節(jié)省寶貴的時間。
15、Java程序少用為宜
不要使用大幅面的Java程序,能夠用javascript替代效果的則盡量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受,往往使瀏覽者沒有耐心等頁面全部顯示出來,這樣你的精心設計便毫無效果啦。
16、整個頁面風格要一致
你網(wǎng)頁上所有的圖像、文字,包括像背景顏色、區(qū)分線、字體、標題、注腳什么的,要統(tǒng)一風格,貫穿全站。這樣子讀者看起來舒服、順暢,會對你的網(wǎng)站留下一個“很專業(yè)”的印象。
17、記數(shù)器能不用最好不用
由于計數(shù)器也是由程序設計成的,顯示計數(shù)器的過程其實就是在執(zhí)行一個程序的過程,它需要占用用戶寶貴的上網(wǎng)時間,況且大多數(shù)瀏覽者認為計數(shù)器毫無意義,它們很容易被做假,瀏覽者也不想看廣告。因此筆者建議不要輕易考慮在你的網(wǎng)站上放置一個醒目的點擊記數(shù)器。你設計網(wǎng)站是為了給訪問者提供服務,而不是推銷你自己認為重要的東西。如果你顯示你的網(wǎng)站是多么受歡迎,你最好提供一個鏈接,顯示訪問日志。
18、每個頁面都要有導航標志
所有頁面從頭至尾都要使用導航標志,尤其是要用“返回到首頁”連接?梢栽诿總頁面都這樣做。比如在每頁的頂端(或底部)都有一小串圖標,第一個回到首頁,第二個回到章,第三個回到節(jié)。如果是圖像導航按鈕,那么要有清晰的標識,讓人看得明白,千萬別只顧視覺效果的熱鬧,而讓人家不知東西南北;而文本導航的鏈接顏色最好用約定俗成的:未訪問的,藍色;點擊過的,紫色或栗色?傊谋炬溄右欢ㄒ晚撁娴钠渌淖钟兴鶇^(qū)分,給讀者一個清楚明白的導向。
19、盡量使用相對超級連接
在制作圖象或文本超級連接時,盡可能地使用相對超級連接,這是因為這樣做網(wǎng)頁的可移植性比較強,例如把一組源文件移到另一個地方時,相對路徑名仍然有效,而不需要重新修改連接的目標地址;另外使用相對超級連接時輸入量也較少,在同一頁的連接項當然應該使用相對地址,因為使用絕對地址后可能會每選擇一個連接都要把該頁重新裝載一次。如果是連接到不直接相關的文件時,使用絕對路徑比較好,這樣以后要是把源文件移到另外的目錄下就不需更改連接了。
20、保證超級連接直觀有效
頁面中的超級連接應當使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點在每一頁同樣的位置上都有相同的導航條,使瀏覽者能夠很直觀地從每一頁上訪問網(wǎng)站的任何部分。