2007年6月9日 星期六

網頁介面設計基本觀念


網頁時所需要注意的事項
1.網頁設計的基本原則
2.網頁設計的檢查指標
3.頁面設計範例
4.網頁設計格式參考資源
5.頻寬的影響
6.互動性的要求
7.安全性的要求

網頁在系統中可有各種不同的功能
多媒體資訊傳遞:簡單的網頁可以用平面或是 3D 的方式來傳達聲音、影像、動畫、視訊、虛擬時境的多媒體資訊。
互動的佈告欄:網際網路上來觀看網頁的人可以在網頁上留言,藉以和其他來觀看的人或是網頁的製作人溝通。
資訊系統之介面:網頁本身可以是一個資料庫、GIS 系統、或是應用資訊系統的人機介面,允許使用者在遠端透過網路來操作該系統。

網頁設計的基本原則
1.全方位地規劃網頁
2.在網頁上提供製作者及維護者的基本資訊
3.用有效的方式和網頁的瀏覽者溝通
4.幫助使用者迅速地找到他要的資訊
5.清楚地讓使用者知道系統將如何反應他的每一個動作
6.時時考慮使用者操作及資訊傳遞的效率
7.考慮網際網路上使用者使用各種不同的硬體與軟體
8.讓你的網頁看起來更舒服
9.強調互動性
10.維護你的網頁
11.注意一些 HTML 的小細節

你的目的能在瀏覽者的耐心用完之前完全達到,以下是幾個該注意的重點
1.降低文字的篇幅
2.儘量以標題摘要文章內容
3.斜體字、粗體字、不同顏色的字要小心使用
4.超連結 (hyperlink) 文字常常也就是關鍵詞
5.網頁中的文章請使用固定的風格
6.使用瀏覽者熟悉的名詞
7.使用互動式元件時必須選用能夠清楚地代表該選項或是動作的詞語
8.在設計互動式界面時必須使用清楚、建設性的訊息
9.注意網頁中標題、圖片與文字段落讀序的安排

輔助瀏覽者的頁面設計原則
1.使用一致的關鍵字
2.建立超連結目錄表
3.顯示瀏覽者目前瀏覽的位置
4.盡量避免讓瀏覽者使用捲動軸和調整視窗大小
5.使用清楚的標題 (title) 標注 (tag)
6.在網站的深度和廣度之間做一個適當的選擇
7.使用適當的導覽按鍵 (影像或文字之超連結)
8.避免瀏覽者無法離開某一頁的窘境
9.使用 HTML 的內部連結
10.如果你的網站有很多網頁的話,請你考慮在每一頁內提供連結來連結到下列重要的網頁上, 如:首頁 (home page) ,內容連結頁 (TOC, Table Of Content) , 索引頁 (index page) 或搜尋頁 (local search page)
11.不管使用者在瀏覽任何資訊時,上面這些連結最好都能一致呈現出來
12.提供相關資訊的連結

沒有留言: