讓垃圾車變得快捷又便利,為您的生活增添方便!

Redesign - 臺南環保通

製作軟體

Figma

團隊成員

獨立製作

工作職責

UI Design, UX Researcher

完成日期

2024/10

Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image

Back To Top

為什麼我們還在問:「今天有沒有收垃圾?」

為什麼我們還在問:「今天有沒有收垃圾?」

為什麼我們還在問:「今天有沒有收垃圾?」

我住在台南,每次在巷口等垃圾車時,常常會遇到路人問:「今天有垃圾車嗎?幾點來?有回收車嗎?」這樣的情景幾乎天天上演,也反映出市民對垃圾資訊的依賴與焦慮。雖然市府推出了「臺南環保通」App,目的是整合垃圾車即時動態與各項環保資訊,但隨著功能擴增,介面越來越複雜、資訊難以查找,導致使用體驗大打折扣。

我觀察到這些問題後,決定針對「垃圾車即時動態查詢」功能進行重新設計,期望優化整體資訊架構與操作流程,讓 App 能真正發揮服務市民的效用。

背景

「臺南環保通」是由政府機關開發、以免費服務大眾為宗旨的應用程式,透過提供垃圾車即時資訊和其他環保功能,目標在促進社會與環境福祉。隨著功能陸續新增,該應用逐漸成為綜合性環保平台,但也帶來介面複雜、使用體驗不佳等問題。因此,本次重設計專案聚焦於「垃圾車即時動態」功能,希望藉由改善使用流程與介面,進一步提升服務品質與生活便利性。

問題

  1. 產品資訊層次不明確:界面結構缺乏清晰的層級關係,使用者難以快速理解與操作。

  2. 垃圾車位置與時間表顯示過於複雜:圖示、標記過多且排版雜亂,造成閱讀與辨識困難。

  3. 設計風格缺乏一致性:視覺元素與介面設計無統一規範,降低品牌辨識度與使用者信賴感。

  4. 垃圾車到站與離站提示不直覺:通知方式過於隱晦,使用者無法即時掌握垃圾車動態。

目標

  1. 重新規劃介面資訊架構層次:使介面邏輯更清晰,讓使用者能直覺地找到所需功能。

  2. 制定統一的產品視覺風格:強化整體一致性與專業度,提升使用者對產品的信賴感。

  3. 簡化垃圾車與據點的顯示方式:改善視覺排版與資訊呈現,減少閱讀負擔。

  4. 整合時間表與到離站資訊:透過更直觀的動態提醒與即時更新,提供更完善的使用者體驗。

從混亂到直覺:設計背後的使用者聲音

從混亂到直覺:設計背後的使用者聲音

從混亂到直覺:設計背後的使用者聲音

使用者不缺資訊,但卻常常找不到與自己有關的那一筆。這段研究過程帶我深入理解了「垃圾車資訊查詢」背後的焦慮與使用障礙,也讓我更明確知道,設計應該為誰、解決什麼問題。

Research & Planning

從真實情境出發:我如何定義「資訊查詢困難」的本質?

為了更聚焦於使用者的實際痛點,我從 Google Play 商店的評論出發,整理出兩大關鍵反饋:

  • 使用者希望更快速且直觀地獲得垃圾車即時位置與預估到站時間。

  • 現行 App 操作流程過於繁瑣,介面擁擠、圖示難以辨識,無法快速判斷與自己相關的資訊。

Data Overview

建立使用者視角:人物誌與旅程地圖

我建立了兩位代表性人物誌,對應在不同生活型態下的需求:

Joyce 是學生兼職族,時間零碎、生活地點變動,需要快速確認今天哪裡收垃圾,能否順路處理。

Persona 1

Minnie 是外商職員,通勤地點不固定,需在忙碌與突發加班中靈活掌握最近垃圾車的動態與站點

Persona 2

透過人物誌與使用者旅程圖,我描繪出她們在使用 App 時的情緒曲線:

  • 初期信心滿滿進入 App,但隨即被大量 icon、混亂排版與模糊路線名稱打亂節奏

  • 需要多次嘗試、甚至離開 App 才找出正確資訊

Joyce

User Journey Map1
User Journey Map1

Minnie

User Journey Map2
User Journey Map2

聚焦關鍵痛點:同理心地圖與需求假設

為了釐清問題根源,我使用同理心地圖統整使用者的感受與行為:

使用者最常遇到的困擾包括:

  • 圖示密集難以判讀:icon 過多、地圖資訊不清,難以分辨與自己有關的站點。

  • 操作流程不直覺:需要多次點擊說明或導航,才能理解如何找到資訊。

  • 介面過於擁擠:資訊層級不清,字太小、排版密集,讓人一眼看不懂。

我們發現用戶在確認資訊內容時花費大量時間,嘗試點擊各個按鈕卻難以明確理解它們的功能,並在操作過程中產生疑問。

Empathy Map

因此推導出這個設計假設:

如果介面能自動定位並清楚顯示最近站點與到站時間,使用者就能在最短時間內完成倒垃圾,不再感到焦慮。

從洞察到方向:POV、HMW 與使用者故事

在生活節奏緊湊的時代,倒垃圾這件事雖然簡單,卻常常成為日常焦慮來源。

我將洞察轉化為設計問題與探索方向:

  • POV:我們要服務的是「時間不固定、行動頻繁,但仍希望維持居家整潔」的現代人

  • HMW:我們能否讓地圖介面顯示更直覺?是否能主動聚焦最近垃圾車,減少使用者操作成本?

進一步,我用一則使用者故事來定義產品應該具備的核心價值:

「身為一位下班時間不定的上班族,我需要一個迅速又清晰的垃圾車資訊功能,好讓我不會錯過每天唯一的倒垃圾時機。」

User Flow & Information Architecture

  • 針對「如何快速查詢附近垃圾車位置」這個任務目標,規劃了完整的使用流程(User Flow)。這張圖示描繪出使用者進入 App 後,依據不同查詢方式(時間、路線、關鍵字)完成資訊獲取的操作動線。

  • 根據前階段的使用者洞察與 HMW 問題句,將現有的台南環保通 App 包含眾多功能,但其資訊分類過於複雜,導致使用者難以快速找到所需內容。我透過重新繪製資訊架構圖(IA),將功能依照服務類型與任務目標重新分群,

User Flow

User Flow
User Flow

Information Architecture

Functional Map
Functional Map

Design & Prototyping

Low-Fidelity Design

Low-Fidelity Prototype

High-Fidelity Design

High-Fidelity Prototype

讓資訊回歸直覺:我的設計解法

讓資訊回歸直覺:我的設計解法

讓資訊回歸直覺:我的設計解法

經過前面對使用者痛點與任務流程的梳理,我提出以下三項設計優化方向,從資訊佈局、視覺風格到即時資訊整合,目標是讓使用者用最短的時間、最少的認知負擔完成倒垃圾任務。

重新規劃資訊層級,並統一視覺風格

重新規劃 APP 的資訊結構,將使用者最常用的功能放在最直觀的位置,並維持一致的視覺風格,減少操作上的混亂感。

精簡介面資訊,重設 icon 系統

針對原本過於繁雜的 Icon 進行重製,並在畫面資訊量上做減法,讓使用者能在更清爽的介面中迅速辨識、使用各項功能。

整合即時動態資訊,優化查詢效率

在同一介面中簡潔呈現「到站」與「離站」的即時動態,使用者可一目了然垃圾車抵達時間,避免來回切換查詢,進一步降低搜尋與判斷成本。

專案回顧:從設計出發,改善城市日常

專案回顧:從設計出發,改善城市日常

本次針對「臺南環保通」App 的重新設計,專注在「垃圾車即時動態」這項與市民生活密切相關的功能,目標是解決原介面在資訊繁雜、操作不便等問題。透過資訊重構、視覺優化與任務流程簡化,我希望讓市民能更安心、更即時地掌握垃圾車資訊,進而提高倒垃圾效率與生活便利性。

反思與挑戰

  1. 同理心不足與訪談局限:由於本專案為一人團隊自學過程,深度訪談的樣本數有限。某些使用者的痛點可能未被完整涵蓋。未來若能擴大訪談範圍或進行使用者測試,會更有助於驗證設計的普適性與可行度。

  2. 時間與資源的有限性:自學與執行同時進行,需要兼顧資料蒐集、使用者研究、原型設計、視覺風格統一等多面向工作,必須有效管理進度。在更真實的商業或政府專案環境中,跨部門溝通、系統整合與法規面考量也將帶來挑戰。

  3. 技術可行性與資料更新頻率: 「垃圾車即時動態」功能需要後端提供實時位置或時間表,涉及政府單位或外部資料串接。 作為設計原型,尚未深入探討在開發層面的可行性與更新頻率問題,日後若要正式落地,需進行更深入的技術驗證與 API 規劃。

未來展望

若能繼續發展這項設計,我希望擴大使用者測試範圍,收集實際使用數據,如:錯過垃圾車比例、操作時間、誤觸率等,並根據這些資料進行設計微調。同時,透過與使用者的反覆溝通與版本迭代,也能更有效調整功能優先順序,讓產品持續貼近生活、發揮最大效益。