2021
動物記帳園 App - 輕鬆的來規劃每次記帳
專案期間
1週
擔任角色
UI 設計師
成果產出
符合使用者的故事及需求
設計平台
iOS
產品背景
這是一款由學習的教學平台，策劃的【第一屆 UI 設計挑戰賽】，根據所提供的使用者故事來發想設計，並符合作品要求的記帳 App。
設計風格
將使用者擬化成動物來發想，主題風格和色彩搭配以可愛、活潑感為主，讓使用者在記帳同時，也能感受到趣味性。
我的目標受眾是「習慣用手機來記帳的使用者」。
設計挑戰
此挑戰賽僅提供 1 週的時間，我希望能將全部的使用者故事都能設計過，因此在有限的時間內來完成設計與易用性測試，是最大的挑戰！
使用者故事
我希望可以快速紀錄帳目，並且可以彈性調整每個人的費用。
我希望可以規劃總預算，讓花費控制在理想範圍內。
我希望可以邀請朋友共同編輯、查看帳目，並且可以分群組管理。
我希望可以一目暸然的看到花費總覽，最好能夠有多種檢視模式。
我希望可以有提醒功能，幫助控制預算、通知付款訊息。
作品要求
請依照提供的 User Story 來進行功能的設計，至少完成 2 個 User Story。
可以自由選擇依 iOS 或者 Android 平台為基礎設計。
設計流程
了解故事
發想解決方案
優化設計
易用性測試
1
快速紀錄、彈性調整每個人的費用
解決方案
使用者於 App 中，可以隨時快速新增消費紀錄，並編輯其內容，並使用 iOS 元件。
提供手動紀錄方式，或是掃描發票的 QRcode 方式，讓操作更直覺化與方便性。
2
3
解決方案
可以透過其中一位使用者來建立群組，並先設定好規劃預算，App 也提供是否開啟超過預算的通知服務。
相關資訊設定完成與確認後，最後能直接透過 LINE 連結好友，或複製連結傳給群組成員們。
4
花費的總覽、多種檢視模式
解決方案
使用者能快速切換瀏覽模式，群組內容與個人內容。
再依照欲查詢的方式，如月份、週期、日期來顯示更多的詳細資訊，將會有當日花費最多的項目、付款內容、債務關係。
債務關係部分，可以再瀏覽各成員的當前花費狀況，也能選擇不同的總金額分配方式來顯示，如按均分或按比例，最後再計算出欠款、賺取金額。
5
提醒功能、控制預算、通知付款訊息
解決方案
根據不同的通知狀態下，設計出 Widgets、螢幕鎖定時、以及 App 內部的通知，讓使用者能接收到提醒。
Widgets：使用者可以自行設定欲顯示方式，如提供條狀圖來顯示當天的消費狀況、或當天花費最多的項目、以及目前的總消費。
螢幕鎖定：使用者於螢幕鎖定時，能先瀏覽到重要的通知訊息。
App 內部：使用 App 時，系統會依照時間來排序，記錄出完整的消費、付款、欠款訊息，讓使用者一目瞭然。
設計驗證
在發想解決方案之後，我向有在使用記帳相關 App 經驗的 3 位朋友，來做易用性測試及反饋。
我該如何更優化設計？
學習反思
更了解 QRcode 的使用原理及操作方式
UX 的拇指法則，也需要考量到當使用 Components 情境下的操作範圍
顏色使用除了要符合對比度標準外，整體視覺上應協調、舒適
提供可以客製化功能
