top of page
cover.jpg

​桃園垃圾車 App Redesign

在台灣,許多家庭沒有垃圾回收區,須每日等待政府垃圾車去丟棄垃圾,而垃圾車可能會因交通堵塞、下雨等因素而遲來,對繁忙的人來說倒垃圾可說是一件天天都需要面對的麻煩事。桃園垃圾車APP提供了快速的清運查詢,簡單的可以查詢到表定班表及垃圾車動態,找到不同的地點去做垃圾清收,亦可設定抵達提醒,不再每次慌張或空等,我們可以不疾不徐地走出去,而垃圾車剛好就抵達你的居住點。

Analyze​ 

優缺分析_工作區域 1.jpg

User Interview 

針對有倒垃圾習慣的名眾進行質化訪談,詢問倒垃圾的過程及狀況,了解不同人所遇到的困難與問題。

未命名-2-02.png

雖然說倒垃圾時可以跟鄰居聊天,但有時還是等太久了,腳站得很酸,希望知道垃圾車​多久後會到,找個剛剛好的時間下去

退休的在家的民眾

​公司常常加班,但家中的垃圾車若加班就倒不到了,常常會煩惱要趕往去別的地點倒垃圾

不時加班的上班族

未命名-2-03.png

未命名-2-01.png

雖然有使用App開啟通知,但預估時間點常常錯誤,還是得自己手動點進去看即時位置,反而感到更緊張怕錯失垃圾車。

在外租屋的大學生

Hypotheis

ox-01.png

​使用者...

知道垃圾車來準確的時間

​了解抵達時間,快速準備出門

​不同清運點的查詢

​快速地查看附近動態,找尋清運的地點

精準的提前通知

從容自在的做自身事情等待通知

ox-03.png

​使用者...

族群眾多,要更易被大眾所操作

複雜的操作

不準確的通知

通知與抵達有落差,反而造成困擾

​需要多元的查詢方式,如位置等方式

僅車次的查詢

User flow

​重新刻畫出使用者流程表,對使用及獲得資訊流程化,改善原先儲存點(原我的最愛)使用的方式,並新增主葉面去做功能引導,捨去掉無謂的資訊,使操作流程更簡易、方便。

userflow-02.jpg

Wireframe

​利用初步的線框搞,將功能及資訊放置於介面中,以擬定下一步視覺設計的執行

Frame 4.png

Visual Experience Design

​開始介面設計,搭配視覺表達使操作更簡易明瞭

Group 3.jpg

主頁面引導

設計引導主頁面,簡潔的功能按鈕讓操作更容易,冰搭配視覺動向讓操作者依序操作。

Group 2.jpg

​清運查詢

位置查詢

使用者多數不瞭解自身清運區域、車輛編次,故預設設為優先使用定位系統查詢。

介面優化

指向性路線引導

​改變原先不具方向的線條,新增連續箭頭指引,且不同路線以不同顏色區分,在複雜的路段也可以輕易判斷前進路線。

Before

After

beforeafter-07.jpg
2.gif
33.gif

​清運查詢

新增儲存點

查詢到地圖後,點選清運點後可以新增儲存點,日後載入即時動態即可成看儲存點狀態,亦可在提醒設定選單內設定提醒。點擊我的儲存點內路線可以查詢班表。

​清運查詢

​搜尋範圍設定

​搜尋範圍過大會導致頁面過度雜亂,降低找尋目標的辨識度,因此提供用戶自行選擇搜尋範圍。

500m

800m

distance-07.jpg
444.gif
5.gif

​清運查詢

班表查詢

若使用者了解自身班次,想利用班表去做查詢,可以直接使用班表查詢,輸入區域、車次即可得到班表資訊。

即時動態

儲存點動態

​點選即時動態後,新增的儲存點會優先載入,讓使用者點選動態查詢即可查到資訊,改善原先多步驟的查詢方法。

功能優化

垃圾車/資收車切換

​地圖下方有明顯的切換鈕,點擊後圖示會變換,並顯示資收/垃圾車的即時動態。

Frame 3.png
6.gif
7.gif

即時動態

位置查詢

使用定位或輸入地址查詢附近垃圾車的動態,位置查詢可以查詢多條路線動態,以利使用者選擇不同時間地點執行清運,下方有附近擁有路線的預計提達地點表,提供使用者快速查詢。

即時動態

車輛查詢

若想了解特定車輛動向,可以直接選取班次查詢各位置到點時間。

Group 9.jpg
9.gif

提醒設定

儲存點到站提醒

提供道點提醒讓使用者不再讓使用者須自行查詢,確保到點提醒資料正確,讓使用者每次能安心的接收到訊息後出門。

提醒可以設定提前時間,並選擇提醒方式去做設置,不再錯過時間。

Group 11.jpg

其他選單

其他選單中提供不同功能可以去做使用,如最新公告等可以查看最新消息。

​帳號可以點及登錄,便可享有雲端資料儲存服務。

12.gif
Group 12.jpg
Artboard – 1@2x.jpg

 THANKS FOR YOUR WATCHING

© 2023 by TzuEn Li

bottom of page