從公共設計看新北市門牌選色

新北市政府這篇換門牌的 貼文 引起很大的討論聲音。尤其是「配色」方面得到許多負面評價,就來看看這幾個顏色出了什麼問題吧!

色彩檢測網站

Contrast-A: Find Accessible Color Combinations 是個很不錯的配色網站,我主要是拿它測試在色盲者眼中的顏色會是什麼樣子,是否通過 WCAG 2.0。

上圖左半部可以看到 AA、AAA 兩種無障礙等級,AAA 標準較高。兩個等級又分成「大字」時色彩對比度分數、「小字」時色彩對比度分數。共有 4 個合格圖示。

右半部為色彩預覽,上到下分別為:

  • Normal Vision 正常視力
  • Protanopia 紅色色盲
  • Deuteranopia 綠色色盲
  • Tritanopia 藍色色盲
  • Color Blindness 全色盲

我在左半部的合格標示旁標上紅色數字,對應到右半部橫列 4 個圖示。也就是在「正常視力」A B 兩個顏色的對比度是否通過無障礙標準。

所以有可能出現 AA 級的大字合格,但小字對比度未通過標準、AAA級的大字、小字皆不合格的情況。或者是該配色在正常視力者眼中無問題,但在紅色色盲者眼中難以辨視。

關於更詳細的網站運用說明請參考 色盲者使用的配色檢測法

咱們來跑分!

我用新北市政府提供的門牌圖,透過 Photoshop 汲色,可能有一點點誤差但應該不會差太多,取得下列色碼:

  • 門牌底色 #0096a9
  • 門牌單號數字 #8f357d
  • 門牌雙號數字 #e77f36
  • 號碼底色、街道名稱 #ffffff

門牌底色和街道名稱

  • 門牌底色 #0096a9
  • 街道名稱 #ffffff

在正常人的眼中,只有 AA 級的大字通過,另外 3 個標準不及格,別忘了門牌在遠處看字也是小不拉機的。

號碼底色和單號數字

  • 門牌底色 #0096a9
  • 門牌單號數字 #8f357d

雖然在綠色色盲和藍色色盲眼中可能較不清楚,卻是配色系統裡最明顯的一組了。可以的話當然希望能夠 4 個勾都勾上。

號碼底色和雙號數字

  • 門牌底色 #0096a9
  • 門牌雙號數字 #e77f36

開什麼玩笑!全部沒過,這配色想給誰看?明識度也太差!

換門牌這件事考慮到使用者了嗎?

雖然無障礙跑分是網頁專用,但門牌在馬路上邊移動邊掃視的時候,字級小晃動大,也沒比邊走路邊滑手機清楚到哪去,總不可能貼到每個門牌前仔細觀察吧。

圖片取自市政新聞-新北全面換發120萬面門牌 單雙號兩種顏色辨識更容易-新北市政府

從上圖其實就看得出「中山北路二段」、「保安街一段」這幾個字非常模糊,只有 3 個字的街道名稱才勉強看得見。土城市、XX 巷 XX 弄就別想了,還不如左邊的綠色舊門牌,再加上門牌材質反光… 總不能要求需要看門牌找地址的人自己去查 Google Maps 導航吧?

在研究使用者的過程中我們必須了解目標族群是誰?在什麼情況下?做什麼事?他麼的目標是什麼?遇到什麼困難?

如果在加上內部需求與考量,就會再問內部開發者一些問題:這次換門牌的目標是什麼?我們(新北市政府)可以怎麼幫他解決?成功的標準?(通常沒人敢訂成功標準,但沒寫這個怎麼知道專案期間所做的決定是正確的?)

為什麼要換門牌?

市政新聞提到:

近23年沒有更新,許多在地里長不斷反映,里內多戶門牌已斑駁不堪,升格後以「區」字遮蔽舊門牌的貼紙更褪色脫落,新郵差送信時經常上門請教,不少路人也都會到里辦公處問路。

除了新郵差之外,還有更多在工作上依賴門牌的族群,比如外送、貨運等等,他們透過門牌想解決什麼問題?在什麼情境下接觸門牌?

通常在開發產品時會找出「目標族群」,將主力放在他們身上。但公共設計必須考慮最完整的各種「使用者」,產品可以醜,但絕對不能難用。看看上面的配色跑分,我認為這次門牌搞砸了。

門牌設計怎麼來的?

新北市門牌透過「新式門牌設計競圖」,徵選全國各地的設計人才與青年學生,最終透過網路投票及專業評審選出現在的作品。

舉辦競圖活動是件很尷尬的事情,不是每個票選活動都能像北藝大的「奧米加咆哮獸」 一樣順利。票選結果如果超出主辦單位預期,是要按照票選結果執行,還是強行介入修改?若主辦方介入修改,有沒有可能出現「不尊重得獎者」或「不尊重票選結果」的抗議聲浪?

Akane Lee

Akane Lee

如果設計師能和工程師順利合作,那麼老公也就能準時下班了吧!因此努力分享 UI 和 UX 方面的知識、技術、各種踩過的坑與心得。

Comments

wave
comments powered by Disqus

Press ESC to close