嗨我是 Jan,一位長期關注政府數位服務體驗的 UX 設計師。
因為工作的關係,我幾乎每天使用加拿大政府的各種網站。用著用著就開始思考,為什麼加拿大政府網站用起來那麼順手?接著我搜尋加拿大政府的設計系統(Design System),第一則就是在介紹怎麼有效地在網站中放 Back Links。我心想:哦!是這樣啊。
我常跟朋友比喻網站是房子,那政府數位服務的設計系統(Design System),就是建築和室內設計規範。從字體、色彩、間距,到按鈕、表單、互動模式,這些看起來細微的規則,直接影響民眾在使用政府服務時,能不能快速找到資訊、能不能安心填表,甚至會不會中途想摔鍵盤。
我當初要前往美國讀 HCI 研究所,在申請美國簽證時是真的很想砸爛我的鍵盤 ⌨️
像加拿大政府有一套持續更新的官方設計指南,清楚到連按鈕怎麼動、提示怎麼寫都有規則。不只是為了好看,是為了讓所有聯邦服務都能一致、易讀、友善,真正做到易用性(Accessibility)。
我突然想要展開一個有趣的企劃,希望帶從全球政府的設計系統出發,看看英國 GOV.UK、加拿大 GC Design System、新加坡 SGDS 等等的做法,然後回到台灣的脈絡,思考:
- 這些設計系統是如何解決複雜的公共服務問題
- 台灣現在的政府網站卡在哪裡
- 哪些做法其實我們也能引進、調整、優化
研究焦點:五大政府設計系統的跨國比較
為了讓這個系列的分析既深入又有實際啟發性,我打算研究全世界五個最具代表性、也更符合台灣借鏡需求的政府數位設計系統。這些國家的設計系統在文化、政治體制、數位轉型進程上都截然不同,適合做多角度比較。這些國家包含:英國、加拿大、阿拉伯聯合大公國、新加坡與意大利。

1. 英國
大家最熟悉的英國設計系統:GOV.UK Design System,應該也是全球政府設計系統的先驅與標竿。
英國人口約 7000 萬人,在 2010年以前,英國政府約有 800多個獨立的政府網站。這些網站是由不同政府單位找不同的外包 Agency 設計的,外觀、功能、網址各不相同,常讓使用者搞不清哪個是官方網站(左圖為原本的網站)。2011 年, 政府數位服務部門(Government Digital Service , GDS)成立了。
GDS 原本隸屬於內閣辦公室,現在則隸屬於科學、創新與技術部(Department for Science, Innovation and Technology)。 GDS 獨立與其他政府部門合作,引導數位轉型的發展,主要方式是提供各種標準、工具和指南,並引入使用者研究員(UX Researcher)和敏捷開發原則。2012年時,GDS推出新網站GOV.UK,取代了先前分散的網頁,將其整合到一個統一的網站上(右圖)。


我是真的很好奇他們如何把 GOV.UK 的內容策略(Content Design)影響全世界,且他們高標準的 Accessibility(WCAG)是怎麼落實到每一個政府部門和流程的。

2. 加拿大
我覺得加拿大、澳洲、紐西蘭等國家的設計系統都和英國很類似,基本上同根同源。
加拿大政府的數位轉型是由財政委員會秘書處 (Treasury Board Secretariat, TBS) 下的團隊和後來的 Digital Transformation Office (DTO) 推動的。
2013 年 加拿大設計系統:Canada.ca (GC Design System)根據公共網站的使用數據調整網站資訊架構,目標是讓使用者能更輕鬆地找到和理解最需要的資訊和服務。到 2019 年 3 月時,Canada.ca 完成了超過 4,000 名使用者測試,並根據證據進行設計更新 (Design Update),這些現代化設計包含:重構菜單(menu)、首頁設計(Landing Page)、更新字體(Typography)和顏色(Color)。同年 9 月,數位轉型辦公室 (Digital Transformation Office, DTO) 和各部門合作,建立了一個正式的加拿大政府設計系統 (GC Design System) 的願景,並在隔年 3 月正式定義 Design System。
選擇比較加拿大設計系統有幾個原因:第一是我目前人在加拿大,對於更常使用的系統會有更多實際使用的情境和想法。第二,加拿大和其他英語系國家相比是雙語國家(英文&法文),是以包容性(Inclusiveness)見長多元文化政府。

3. 新加坡
新加坡的設計系統:Singapore Government Design System(SGDS)在全世界也非常出名。
最一開始是新加坡政府的有規劃的在推動國家數位化和「智慧國度」(Smart Nation)。原本新加坡和台灣一樣,不同的政府機構會創建自己的網站和數位服務,當然會導致使用者體驗(UX)、視覺風格、和可及性(Accessibility)不一樣。SGDS 的目標就是提供一套共同的 UI Components、Patterns 和 Template,以確保所有政府服務都能達到高標準的一致性、速度和使用者友好度。
雖然這件事情由 GovTech 推動,但實際的設計和開發是由一個專門的創新團隊在執行的:Open Government Products (OGP): 許多創新和設計系統的元件實踐,都來自於 OGP 這個實驗性的政府部門。OGP 透過各種年度黑客松(Hackathons)和小型的敏捷團隊,用實驗的方式解決新加坡民眾遇到的實際問題(例如 ScamShield 詐騙防護、AskGov 問答平台等)。
大家有機會可以聽看看 Rachel Tan 在 Figma Config 的演講,他是新加坡政府的資深設計師,他認為公共利益不一定要像大家想像中那麼慢,可以透過快速的假設和測試,了解哪些設計對新加坡的 500 多萬人口會有實質的正面影響。

4. 阿拉伯聯合大公國
UAE 政府設計系統:United Arab Emirates – UAE Government Design System 的歷史相對比較短,但相較於其他政府設計系統的「極簡風」,阿拉伯聯合大公國的設計系統強調「美感和未來感」。
這個設計系統起源於 UAE 推動的智慧政府(Smart Government)和未來型政府(Future Government)。2014年前,各個酋長國(像是杜拜、阿布達比)和聯邦機構各自推行數位化服務,缺乏統一的品牌形象和使用者體驗。直到2014年中開始,UAE 啟動了國家級的數位轉型計畫。2018 年設計系統確立並發布了 UAE Government Design System,核心目標為「服務國家及品牌」。不只是功能,UAE 政府設計系統也重視品牌(Branding)和形象(Image),反應阿拉伯聯合大公國追求現代化和奢華感。
我認為很值得研究和比較 UAE 政府設計系統是怎麼在堅固美感和品牌感(金燦燦的品牌),同時顧及易用性和可用性。另外,阿拉伯聯合大公國有約 1,100 萬人口,其中 88% 是外籍人口,更一大部分來自印度。我很好奇他們的設計系統是如何兼顧從右寫到左的阿拉伯文,以及由左寫到右的英文。這部分也值得深入研究。

5. 義大利
第五個想研究的是義大利的設計系統:Design System Italia。這不是一個發展的很成熟的設計系統,但我認為他發展的過程也很直得追蹤。
作為一個年輕的設計系統,2010 年初義大利政府部門、地區和地方行政單位各自為政,網站介面和使用者體驗差異很大,導致公民在獲取服務時感到困惑和挫折。服務的品質和效率普遍較低。直到 2016 年,義大利政府的數位轉型團隊才終於成立 (Team Digitale) ,主要由技術專家和設計師組成。隔年,Design System Italia 誕生,希望可以建立一個單一、共享、開放的設計標準,供所有政府層級使用。
與英國的中央集權不同,義大利的行政結構一直都是較為分散的狀態。他們的挑戰在於要如何讓千個地方政府和獨立機構自願或強制採用這套中央的設計規範。因此,他們的設計系統也被設計的具備高度靈活性,能適應不同行政機構的需求。
其他值得延伸參考的政府設計系統
雖然主要聚焦五個國家,但我也打算在特定章節引用其他成熟設計系統,補充不同領域的亮點,例如表單、地圖、登入流程、身分驗證等。
其他國家的參考來源
- 美國|U.S. Web Design System (USWDS):有著活躍的開源社群、模組化的 Design Tokens。適合研究大型聯邦政府如何統一設計系統。
- 丹麥|Common Digital Design Manual:有很成熟的「身份驗證」與「跨機構服務流程」,適合研究 Digital Identity 和 Single Sign-On
- 日本|Digital Agency Design System:仍在開發中,民情與台灣類似,可能會給予 Content Heavy 的設計系統有更多啟發。
- 澳洲|Australia GOLD Design System:與英國/加拿大設計系統體系類似
- 紐西蘭|New Zealand Government Web Standards:多語言多文化的設計系統,與加拿大設計系統類似,不過在地化的策略適合台灣參考
- 荷蘭|NL Design System(NL Design System):荷蘭人口 1,800萬人,與台灣相似,荷蘭設計系統由政府機關、地方自治組織以及民間 UX/UI 社群共同維護,適合台灣參考如何「跨機關共同維運設計系統」的模式。
下一篇,我打算從 Design Principles 開始聊起,待會見。
資料來源: