← 回作品列表

🖥️ 桃園e指通建置跨過系統邊界,讓市民一路找得到、辦得完、追得到

從前後台服務藍圖到易用性測試,重構線上申辦、課程報名與場地租借三套系統的完整體驗。

執行時間

15個月

擔任角色

UI/UX設計師

專案產出

流程設計與介面

執行重點

  • 執行需求訪談與服務藍圖繪製,釐清三大系統的服務現況與痛點
  • 規劃市民卡與數位碼的申辦一條龍流程,串聯三大系統的會員體系
  • 以真實任務執行易用性測試,驗證核心流程的操作順暢度

產出成果

  • 完成三大數位服務系統(線上申辦、課程報名、場地租借)的全流程體驗設計
  • 確保核心流程的操作順暢,通過易用性測試驗證
  • 產出服務內容撰寫指南,搭配 AI 工具協助承辦人員改善服務說明

專案目標

重新規劃桃園市政府旗下三個數位服務網站(課程報名、場地租借、服務申辦)

桃園市政府旗下的三大數位服務網站——線上申辦(網路e指通)、課程報名與場地租借——建置已久,多年來的更新皆為不斷疊加,缺乏全局的考量。

民眾在使用時普遍面臨四大痛點:

本案目標是從使用者與服務提供者兩端出發,梳理三大系統的核心功能與服務流程,打造從瀏覽、申辦到追蹤進度都順暢的數位服務體驗。

研究規劃

從後台服務藍圖到前台使用者體驗,全面盤點服務現況

專案歷經四個階段,我們首先透過需求訪談釐清服務提供者的運作現況,再以使用者研究驗證設計方向。

1
內部需求訪談
訪談業務承辦、網頁維護者、場地代管人等不同角色,釐清互動的關係,找出前後台交接的痛點
2
繪製服務藍圖
將服務從「上架」、「使用者申辦」到「維運」的完整流程視覺化,識別各環節的斷點。
3
功能盤點
掌握現有功能與新增功能,確保改版網站涵蓋核心需求,並制定優先序。
4
易用性測試
三系統各邀請三~五位使用者,以真實任務測試流程是否順暢。

關鍵洞察

從前期的需求訪談與服務藍圖,我們歸納出兩點設計時的核心關鍵

後台資料輸入邏輯≠前台閱讀邏輯

承辦人員提到「不知道哪些資訊該填,所以乾脆整份公文複製貼上」,反應到前台就是民眾無法理解又拗口的專有名詞與公家語言。

瀏覽時找得到、操作時看得懂、送出後追的到

儘管三系統業務規則截然不同,但使用者遇到的斷點是相似的:找不到、看不懂、不知道現在到哪了。

設計產出:從發現到迭代

以下依三大系統,各挑選最具代表性的迭代案例,展示發現-設計-迭代的完整過程。

01

桃園e指通:看不懂的服務內容—不只是文字上的建議,更是整個上稿方式的改變

初始設計與測試發現

我不知道這樣是沒有寫,還是真的沒有?

在需求訪談中,我們看見後台上稿與前台呈現之間的落差。因此,我們為申辦服務的內容頁規劃了公版,確保民眾在意的內容能被妥善填寫。

易用性測試中,我們發現,由於各項服務的差異,有些欄位不一定有內容可填;因此,若前台呈現「無」或留白,反而會讓使用者產生疑慮,進而不敢繼續操作。

設計迭代

  1. 新增服務內容頁撰寫提示,提升業務機關內容的品質,減少民眾對內容的誤解
  2. 文字的改寫能提升民眾的體驗,卻也加重了業務的負擔。因此我們建立了服務內容撰寫指南,搭配 AI 改寫工具,讓承辦人員能更簡單地產出好讀的說明
02

桃園場地租借:兼顧不同類型使用者的體驗—什麼資訊需要先放,什麼需要後放?

初始設計與測試發現

我覺得優先以「地區」會比較適合,因為都是在桃園區開會,如果用容納人數都不在桃園區不就白找了。

在初版設計中,我們希望強化市府改版所加入的個人化推薦效益,讓租借標的不明確的民眾也能更順利找到場地,因此在頁面的第一屏放上推薦內容。

但在測試中我們發現,使用者多半帶著明確的租借需求前來搜尋,推薦版位反而成為他們篩選場地時的阻力。

設計迭代
因此,我們調整了設計,先提供有明確標的的民眾他們所需要的篩選方式,在擺放給不確定需要什麼的民眾推薦場地。

03

兼顧承辦單位與使用者的體驗—最快的路徑不見得是最佳解

初始設計與測試發現

為了提供使用者更方便的租借路徑,我們選擇在場地列表頁時揭露幾項對使用者來說的重要資訊,以便他們快速的評估是否租借這個場地與否。

但在測試,我們發現,過於方便的租借路徑,導致使用者出現「不查看場地資訊就租借、後續在電洽業務單位」的情況,進而影響到承辦人員的業務量。

設計迭代
因此,我們調整了設計,先提供有明確標的的民眾他們所需要的篩選方式,在擺放給不確定需要什麼的民眾推薦場地。

04

桃園課程報名:我們為使用者設計了新的瀏覽邏輯,但使用者沿用的是舊習慣

設計背景

原本的桃園課程報名名為長青學苑,提供的課程都面向55歲以上的中高齡族群。
在市府的政策規劃下,希望將長青學苑轉型為課程報名,讓市府更多元的課程都可以使用同一個系統進行報名。

初始設計與測試發現

我們參考了市面上的課程網站與其他縣市的報名網站,以購物車的概念規劃了課程報名系統:包含了立即購買與加入購物車的概念,預期以常見的操作邏輯來降低系統轉換時對使用者的學習負擔。

在測試過程中,受測者的行為打破了我們的預期:

  • 使用者習慣舊系統操作,以為加到清單後要到最下方點擊開始報名,但滑到最下方卻發現沒有按鍵,也沒意識到懸浮的報名清單按鈕,因此在新系統面臨了重大的操作斷點。

設計迭代
迭代的版本中,我們調整了新舊版邏輯間的平衡:在新邏輯與舊習慣之間找到過渡——先讓使用者能順利操作,再逐步引導他們認識新功能。

設計產出:跨裝置、跨平台的市政體驗設計

三系統各自有不同的業務,但也具有共同的會員機制。

在規劃時,我們讓市民卡會員作為跨系統的共同身份層,把市政服務體驗從「各自獨立」變成「連貫順暢」。

主要規劃以下三項核心體驗:

01

資料自動帶入

登入後,姓名、地址等基本資料自動填入表單,減少民眾需重複填寫的資料

02

個人化推薦

根據會員卡別與使用紀錄,推薦相關課程、場地與市政服務,達到市政資源的主動觸及。

03

跨系統進度追蹤

透過市民卡 app 推播通知,讓使用者在同一個入口掌握所有服務的申辦進度與繳費狀態,強化「送出後追的到」的特性。

專案挑戰與反思

  1. 把關最小功能,比決定做什麼更重要

    市政服務的困難在於,理想上是服務 80% 的民眾,但當剩下 20% 來電抱怨時,往往被特別重視,進而產生源源不絕的新功能需求。以八二法則把關核心流程的順暢,比回應每一個需求更重要。

  2. 跨部門協作的推動需要策略

    服務內容的改寫能顯著提升民眾體驗,但推動涉及不同局處的權責。我們在交付時提供撰寫原則與 AI 改寫工具,降低承辦人員的採用門檻,讓改變有跡可循。

  3. 設計的對象不只是終端使用者

    從撰寫指南讓承辦人員能持續產出好讀的內容,到場地日曆讓代管者願意接受線上化——能落地的設計,必須更仔細地聆聽利害關係人的聲音。

  4. 新舊系統交替時,「承襲」比「創新」更需要設計

    易用性測試讓我們看到:使用者帶著舊系統的操作習慣而來。新功能的價值要能被感受到,前提是使用者能順利過渡。有時候,最好的設計決策是「先不改」。