跳到主要內容區塊

什麼?政府也有設計系統?(下)

📣 推廣

不論是英國還是法國,在推廣上都採取了「開源」的方式並將開源作為最一開始的核心概念之一。這種被法國團隊形容為「中心化同時去中心化」的模式,能夠盡可能地讓更多人向設計系統這個專案貢獻。這也是法國與英國的設計系統原則提到的「Keep it Open 🇫🇷」以及「Make things open: it makes things better 🇬🇧」。

 

在上線後 GDS 透過追蹤哪些部門使用了他們的程式碼,進而了解多少人開始使用這套設計系統。同時為此展開了每個月固定的教育訓練,教導設計系統的使用者(設計師、工程師)如何應用這套系統,並嘗試建造一個虛擬的服務,讓設計系統更容易的被使用、被貢獻。而法國也是持續地舉辦社群的活動、網路培訓研討會等等來加速推廣各部門的應用。

 

✨ 可近用性

 

而作為政府機構的設計系統,最核心的宗旨莫過於服務整個國家的國民。在兩國也都將這項核心概念列在了設計原則之中:「Design with and for everyone 🇫🇷」、「This is for everyone 🇬🇧」。然而這意味著所有政府的網站必須要具備可近用性(A11y)。

我相信許多人想到 A11y 就會想到必須去符合 WCAG 而做出來的醜網站(看著眾多台灣的網站),並將 A11y 視為是設計的枷鎖。但法國透過幾個方法,允許 A11y 以及美學可以同時存在。

                                        法國政府的可近用性色彩系統與色彩模型

 

以設計師最常去檢查的顏色對比度為例,為了良好的 A11y 必須要通過至少 WCAG AA 的標準。他們將設計系統色票中的每個顏色,透過 HSL 模型中的亮度(Lightness)以 25 為一個階度從 0–1000 中切分出 40 個色票,並發現只要當兩個色票的階度大於 500 便能夠符合 WCAG AA 的標準。透過這套色彩系統,再加上語義化的 Color token,A11y 將再也不是綑綁設計的枷鎖。由下圖可以看到 2022 年的法國政府網站,除了有遵循自己的設計系統外,色系還是保有一定的差異與活潑。

 

                法國政府網站(2019/2022)。2019 中間為空是因為當時還沒有設計系統。

 

🇹🇼 台灣

那我們再次將鏡頭拉回台灣,再看看我們最一開始的首圖。

 

 

有些看起來挺相似但又有點不一樣的風格,似乎跟英國當時 GOV.UK 各個站台各自營運時參考一套框架想辦法讓彼此長得類似頗為類似。但網站的營運,卻又更像是法國那般,各個單位、部門其實都有各自的網站、網域,而不像英國一般集大成於 GOV.UK。

但難道台灣沒有設計系統嗎?其實是有的(拿大聲公)!

PDIS(Public Digital Innovation Space)是台灣的行政院公共數位創新空間,主要協助政府部會提升數位服務品質,以創新方式改善和增進公務體系的工作流程、方針規則及使用工具。而 PDIS 其實在 2022 年 3 月 15 號才在 GitHub 發布第一個 pre-release,目前在 PDIS Design System 上雖然內容有限,但所具備的元素仍足以建構出一個完整的服務網頁了。

 

 

法國歷經了三年才讓許多網站開始導入設計系統並重新設計,同時讓更多的人加入社群去參與、貢獻,並持續的向前與迭代。接下來 PDIS Design System 需要挑戰的,可能是這個開源該如何讓更多人貢獻、同時該如何讓各個部門、單位了解這個設計系統的存在,同時將其導入各個政府網頁之中。

如果有機會的話,也想參與其中,讓台灣也有自己完整且被妥善使用的 GOV.TW Design System 啊(向宇宙許願)

 

🔗 參考連結

  • Running a design system for government: Tim Paul

  • Building an open source design system for the many — Ahcène Amrouz, Antoine Puig (Schema 2022)

看了其他國家以及台灣政府目前正在推行的設計系統,不知道有沒有夥伴也想要參與貢獻台灣政府的設計系統呢!真的是很期待 PDIS 能夠有社群以及更完善的貢獻管道可以給大家!

謝謝大家的收看,也請大家不吝嗇多多拍手!我是 Should,我們下篇文章見 👋

 

/政府網站營運交流平台授權轉載/

 

原文作者:Should Wang

原文出處medium:什麼?政府也有設計系統?