趁著2021年的暑假，我和我的同學們自組了一個UI/UX讀書會，目標是在這次的讀書會中執行一個從前期研究到GUI實作的Redesign專案。我們以「學生生活用APP」作為選題主旨，最終選中行政院環保署的「環保集點」APP進行再設計。
※「環保集點」是由行政院環保署推行的集點APP。只要購買環保商品、搭乘大眾運輸或是參與環保行動，就能累積綠點並用以折抵商品或兌換優惠。
桌面研究
我們從App Store/ Google Play 中收集了使用者的評論，以下是多數使用者共同提及的部分。
易用性指標分析與洞察
我們以「收集點數」為核心設計了10道操作任務，並向20位受測者執行易用性測試。研究結果發現，在第2、4、9題的任務失敗率是最高的。我們總結受測者失敗的原因如下：
- APP內措辭使用不當，措辭呈現往往不是使用者所預期的內容
- 可操作範圍與大部分使用者的心智模型不符，使用者根本沒發現某些地方可以操作
在SUS問卷中，多數受測者給予了平均約48分的評價，顯見APP還有很大的改善空間。
※ 易用性測試與SUS問卷執行於2021年7月。受測者招募條件為曾使用過環保集點或具有集點機制APP使用經驗的人士。
研究圖表
顧客旅程地圖
人物誌
同理心地圖
親和圖
設計策略
經過研究後，我們發現使用者的痛點主要集中於「常常找不到需要的資訊」上。因此，我們以調整資訊架構、建立一致的設計系統與規範作為解決方法，並在這之上加入增強個人化的要素作為新設計亮點。
設計執行
資訊架構
Wireframe
Prototype
設計亮點
導覽列常駐常用功能
首頁、載具管理、兌換商品、查看優惠券、利用會員服務等五大面向為使用者最常使用的功能。因此我們將其置於導覽列中，令使用者可更快取得相關服務。
依照會員興趣動態調整版位
首頁劃分為最新消息、消費集綠點、環保行動、其他等四大版位，所顯示的內容會依照會員個人興趣調整。同時，模組化版位設計預留今後限時活動等彈性調整空間。
篩選與搜尋可兌換商品
Design Guideline
設計驗證
我們以使用者測試評估作為設計的驗證方式，結果顯示，有超過70%的受測者能夠找到並閱讀最新消息；超過80%的受測者可以成功地完成優惠券對換并使用；順利查詢點數餘額的使用者也超過80%，SUS問券分數自48分提升至73分。
附錄：APP開發
在設計階段完成以後，我自主地進行了新設計的環保集點APP開發（個人學習用）。以下是開發版的APP畫面：
前往我的Gitub查看細節。
RECOMMEND
READ MORE
承邑的最新文章-
語言所消弭的距離
學習泰語至今，已度過兩年的時間。說實話，我自己也未曾想過僅僅是靠著一個念頭而開啟的學習旅程，能夠堅持走這麼久，還能夠持續...
2025.03.03 -
Essential tips for building style guides in figma
Style guides are formal or informal documents that outline t...
2025.02.26 -
製作Figma樣式文件的必要訣竅
樣式文件(Style guides)是用來規範設計系統各個元素的文件，無論是正式或非正式的，都會涵蓋顏色、字體、效果等細...
2025.02.26