Your browser does not support JavaScript!
電子計算機中心
電子計算機中心
政府網站版型與內容管理規範
  • 政府網站版型與內容管理規範

  • 資料來源:國家發展委員會
  • 公告日期:104-04-27
  • 全文下載
  • *規範同步發布於 Wekey-wiki平臺
  • 前言

  • 本規範提供中華民國政府各網站視覺呈現、使用者介面和內容管理等相關注意事項,以提升政府網站的可及性、介面親和度、使用者滿意度和服務品質。
  • 一、 目的
  • 二、 適用網站分類
  • 三、 適用等級
  • 四、 十三條規範
  • 使用者的呈現裝置

  • 網頁設計應考量現行市場各種不同裝置,確保大多數使用者能正常瀏覽。機關進行網站建置時,首當瞭解網站的目標使用者,並瞭解目標使用者習慣使用的裝置規格,設計相符的網頁。

  • 說明
  • 1.1 網站設計應考量使用者的裝置,支援不同的瀏覽程式
  • 1.2 網頁設計應考量螢幕解析度
  • 1.3 提供友善列印版本
  • 1.4 Tab鍵在網頁上的移動應有順序性
  • 網頁組成要素

  • 網頁組成要素應具備樣貌ㄧ致性及位置ㄧ致性。樣貌應清楚明確,符合使用者的習慣,並依重要性擺放在相對應的位置。

  • 說明
  • 2.1 網站名稱與識別標誌,建議置於版面左上方
  • 2.2 網站常用服務功能,建議置於版面右上方
  • 2.3 如有版本切換按鈕,建議置於版面右上方
  • 2.4 網站應明確顯示之服務功能,應置於版面適當處
  • 2.5 機關聯絡方式、網站政策及特定標章等宣告資訊,建議置於頁尾
  • 導覽

  • 網頁設計應考量現行市場各種不同裝置,確保大多數使用者能正常瀏覽。機關進行網站建置時,首當瞭解網站的目標使用者,並瞭解目標使用者習慣使用的裝置規格,設計相符的網頁。

  • 3.1 導覽列以一致的風格與位置貫穿全站
  • 3.2 導覽按鈕名稱應清楚易懂、符合慣例,避免名目相近或重複
  • 3.3 按鈕圖示加註文字
  • 3.4 考量目標使用者的瀏覽目的、角色和興趣進行導覽分類
  • 3.5 為網頁提供有意義的視窗標題
  • 3.6 提供路徑連結列,告知使用者目前所在的位置
  • 3.7 頁面如需拉動捲軸瀏覽,應於頁面上方加上分段標題的快速連結
  • 首頁設計

  • 首頁代表機關的識別與形象,需具備宣告網站的任務和目標的功能,並應呈現網站提供的主要服務。

  • 4.1 首頁應呈現網站最主要的內容與服務
  • 4.2 首頁應考量使用者瀏覽方便及裝置,不宜產生橫向捲軸
  • 4.3 連至外站的按鈕置於首頁版面右中區塊,並與中間內容區靠下對齊
  • 文字樣式與連結

  • 文字樣式與連結顯示應採用可讀性高的字型與連結文字,並使全網站具有ㄧ貫的文字風格。

  • 5.1 全站的文字格式使用一致的字型、顏色與尺寸
  • 5.2 中文字使用系統預設的字型
  • 5.3 英文字避免使用中文字型
  • 5.4 文字大小使用相對尺寸而非固定尺寸
  • 5.5 可點選的文字標示底線、不同顏色或滑鼠效果
  • 5.6 提供下載文件至少包含開放性檔案格式,並註明檔案格式
  • 5.7 所提供的下載文件檔案,讓使用者選擇開啟或儲存
圖片與多媒體圖示
  • 圖片與多媒體

  • 圖片與多媒體的設計,應以使用者的角度考量檔案格式、大小、介面及傳輸速度,確保快速下載,清楚顯示。

  • 說明
  • 6.1 網頁圖片兼顧清晰品質與下載時間
  • 6.2 若歡迎頁為動畫,提供清楚可辨識之略過功能
  • 6.3 確保多媒體網頁可關閉音效
  • 6.4 確保多媒體介面可使用鍵盤操作
  • 6.5 為影像、聲音與多媒體介面提供文字說明
表單圖示
  • 表單

  • 線上表單需整合前端申辦窗口與後端審核、同意、報表等機制,其資料應確保正確,在表單設計上應考量可用性與可及性,以切實發揮電子化效益。

  • 說明
  • 7.1 在輸入框旁邊加註填寫限制、格式或提供填寫範例
  • 7.2 確保表單的可及性
  • 7.3 確保輸入框有足夠的空間
  • 7.4 格式錯誤或未填寫的資料,應告知使用者正確的處理方式
  • 7.5 在表單旁提供諮詢服務聯絡資訊
  • 搜尋

  • 若機關網站提供大量的文件與資料,應提供搜尋服務。將搜尋引擎套入網站介面時,須考量版面設計及使用者習慣。

  • 說明
  • 8.1 搜尋結果應方便檢閱
  • 8.2 提供進階搜尋
  • 應提供內容

  • 政府網站的內容應切合目標使用者的需求,並遵循網站架設的宗旨。

  • 說明
  • 9.1 提供單位及主管業務介紹
  • 9.2 提供申辦服務介紹及程序說明
  • 9.3 提供單位最新消息、公告事項或活動時程等動態資訊
  • 9.4 提供機關主管業務所產生的核心資訊
  • 9.5 提供相關單位網站連結資訊
  • 9.6 機關應視其業務性質及所可運用資源,提供語音資訊服務及影音資訊服務
  • 內容呈現格式

  • 政府網站提供內容除了應正確且切合使用者需求外,也需考慮使用者以不同裝置螢幕閱讀的行為及習慣。

  • 10.1 網頁文章標題與重點應明確標示,以利快速瀏覽
  • 10.2 連結文字應與目標內容相符
  • 10.3 外語版網站內容應適切
  • 10.4 因應網站服務需要,提供文字轉語音服務
  • 10.5 因應網站服務需要,提供文字標註注音服務
  • 內容管理

  •  
  • 說明
  • 11.1 機關應更新網站內容,並標示更新日期
  • 11.2 定期檢視並修正網站資料
  • 11.3 網站資訊內容稱呼對岸之用語,請使用「中國大陸」、「大陸」或「大陸地區」
  • 11.4 政府資料開放應採用開放格式並定期檢核
  • 行動版網站

  •  
  • 說明
  • 12.1 行動版網站設計應可隨裝置自動調整版面
  • 12.2 行動版網站版面應簡潔,宜採用單欄式設計
  • 12.3 行動版網站按鈕設計應明顯易按且提供視覺反饋按鍵
  • 12.4 行動版網站設計應善用摺疊式目錄
  • 12.5 行動版網站應盡量避免使用文字輸入的表單
  • 12.6 行動版網站的網頁要素
  • 外語版網站

  •  
  • 13.1 機關網站因業務性質需求,如需建置外語版網站,宜採用相同版型語系切換方式設計
  • 13.2 外語版網站內容應依外籍人士需求提供
  • 13.3 外語版網站內容建議應經該外語系為母語之人士撰寫或審稿
  • 13.4 外語版網站宜建立網站稿件審核機制,以確保網站內容正確
補充說明   檔案下載
 
附錄一、名詞解釋 檔案下載
附錄二、規範檢核表 檔案下載
附錄三、隱私權保護政策範例 檔案下載
附錄四、網站安全政策範例 檔案下載
附錄五、政府網站資料開放宣告範例 檔案下載
附錄六、網站架構建議 檔案下載
附錄七、外語版網站上稿翻譯審核流程範例 檔案下載
附錄八、行政院及所屬各機關行動化服務發展作業原則 檔案下載
附錄九、平板電腦與智慧型手機的解析度與螢幕尺寸表 檔案下載
附錄十、無障礙網頁相關規範 檔案下載
附錄十一、行政院及所屬各級機關政府資料開放作業原則 檔案下載
附錄十二、政府資料開放資料集管理要項 檔案下載
修訂紀錄 檔案下載