作為許多人民接觸政府的第一線媒介,政府網站的重要性不言而喻,政府網站要提供哪些資訊,滿足哪些設計原則呢?讓我們帶你一起探討國內外政府網站的設計差異吧!

Raindrop.io是一款與社群結合的雲端書籤,除了基本的新增書籤功能之外,還能將書籤同步備份到雲端上,也提供瀏覽器擴充功能和App應用,可以在不同的載具和瀏覽器上隨時取用。此外,Raindrop還可以幫助使用者簡單地分類書籤,將新增後的網址文章、照片、影片等不同型態內容,進行基本的篩選,並自行加入摘要或心得。

雖然目前同步書籤的功能已有十分廣泛的應用,但Raindrop.io還結合了社群的書籤服務,以類似個人頻道的功能,幫助你建立自己的特色書籤,只要簡單地利用社群網站帳號登入,如Twitter、Facebook、Google等,就能夠輕鬆使用,而且網站整體的介面設計也十分簡潔明確,很好上手。

使用者需求出發-英國政府網站GOV.UK

gov_uk

這個看似簡單的英國政府網站GOV.UK被倫敦設計博物館(Design Museum)評選為2013年的年度設計(註二),沒有美麗的圖形介面,是一個完全以白底黑字、藍色文字連結,加上簡單搜尋列組成的網站,然而這是在考量網站使用者需求之後設計出來的。

通常一般人造訪政府網站並不是為了追求美麗的設計或娛樂體驗,而是為了快速查詢和獲取資訊,因此該網站將導覽列省略,取而代之的是大型的搜尋列及多個資訊索引分類的連結,雖然因此犧牲了美感,但相對地能讓使用者更專注於資料搜尋上,快速找到各種類型的所需資訊。

除此之外,政府網站的使用者有許多是科技運用能力較不足的中老年人,將網站進行一致性的簡化設計後,不僅能夠滿足各年齡層的使用需求,網頁載入速度也隨之加快,要獲取資訊就更便利了。

台灣政府網站-我的E政府

twnegovernment

與上述GOV.UK比較,台灣的政府入口網站「我的E政府」,的服務導覽功能,依舊納入Flash動畫設計,使用者若透過舊型的上網載具、或是在戶外網路速度較不穩的移動設備上進行瀏覽時,容易因為無法顯示或延遲,造成不良的使用體驗。

twnegovenment2

此外,導覽列分類項的區隔也有點讓人摸不著頭緒,如「便利服務」和「分眾服務」兩個項目,容易造成選擇時的混淆;網站中也沒有將常見的需求和服務列在上方,加強任務的簡易性,而是要自行連結到下層單位或機關找尋,對部分使用者而言,可能難以維持耐心,進行這樣麻煩的瀏覽搜尋,也許進行不到一半就悻悻然離開了,這樣的設計顯然還有很大的進步空間。

比較

 

我的E政府 GOV.UK
基本設計 頁面以多個區塊組成,服務導覽加入Flash動畫 白底黑字為頁面基礎,多以文字連結取代圖形介面
導覽列 有,但選單項目可能混淆 無,以搜尋列和分類連結替代
設計一致性 低,點擊每個導覽列項目的頁面彼此差異大 高,每個頁面的風格和排版方式十分統一
尋找資訊 許多需要使用者自行前往下層機關或單位尋找的資訊 透過多個分類連結區隔,可在同一個網站上搜尋

 

以數據輔助的設計-紐約市政府網站

nyc_gov1

紐約的市政府網站(NYC.gov),被許多人認為是政府網站設計的典範,該網站是紐約市民主要的資訊來源,也是許多外地訪客獲取資訊的重要管道,網站的設計目標是幫助人們快速完成任務,找到需要的答案,並強化外地人對紐約的正面形象,然而面對如此龐雜的資訊需求,對網站設計者而言,是一個非常大的挑戰。

首先,在首頁的最上方顯示nycgo.com的外部網站連結,用來幫助紐約的訪客進行導覽,方便尋找所需的旅遊、景點、優惠等資訊,而NYC.gov本身則專注於與市民相關的業務;NYC.gov透過數據將使用者最常用的項目置於導覽列上,如許多紐約人會撥打311 (全市的公共協助熱線)尋求協助,在這個專線上經常處理到的業務,就自成一個311導覽列項目,點擊進入之後即可發現包括停車、房地產、工作機會、公共援助福利等使用者常用的要求資訊,以及相關的說明。

nyc_gov2

此外,如同GOV.UK,該網站的頁面盡可能避免使用會拖垮網站效能的裝飾內容,並具備不同語言的翻譯和響應式網頁的特性,以符合不同類型使用者的需求。

考量使用者的生活脈絡-倫敦交通局

transportforl_1

倫敦交通局(Transport for London)的主要業務,是管理英國首都的公共運輸系統,並執行相關運輸政策的單位,此類網站的設計目標是要讓市民或遊客迅速確認自己的位置,並盡可能以高效率的方式到達目的地。

一開始進入網站後,映入眼簾的是能讓使用者自行規劃行程的輸入欄位,並提供排定行程的交通決策資訊,正下方則有三個欄位,分別提供即時的公共運輸資訊、地圖、及鄰近位置檢索資訊,接著下拉後才是新聞活動資訊及相關的輔助訊息;此外,配合使用者的移動特性,網站無論是在電腦或手機等移動設備都具備友善的使用體驗。

transportforl2

這樣的政府交通運輸網站設計,除了具備即時性和友善的移動性功能外,重要的是透過確認使用者的生活情境和脈絡,依照個人的差異,對網站資訊顯示的優先順序進行考量設計,而不僅是單純的政府新聞發佈站。

希望透過以上文章的討論,可以加強台灣對數位化服務應用的重視,並促使政府官方網站的設計,能有更進一步的發展。

  • 註一:Government Digital Service Design Principles
  • 註二:Designs of the Year 2013
  • Tags: web design, 政府, 政治類網站, 網頁設計, 選舉
  • GOV.UK
  • 我的E政府
  • NYC.gov
  • Transport for London
查看更多  飛爾酥創意設計 - 實習生招募中!

Leave a Reply