top of page
iPhone 12 Pro_3x.png
 📚 User Story 使用者故事
 📝 作品要求
  1. 我希望可以快速紀錄帳目,並且可以彈性調整每個人的費用

  2. 我希望可以規劃總預算,讓花費控制在理想範圍內。

  3. 我希望可以邀請朋友共同編輯、查看帳目,並且可以分群組管理

  4. 我希望可以一目暸然的看到花費總覽,最好能夠有多種檢視模式

  5. ​我希望可以有提醒功能,幫助控制預算、通知付款訊息。

  1. 請依照提供的 User Story 來進行功能的設計,至少完成 2 個 User Story。

  2. 可以自由選擇依 iOS 或者 Android 平台為基礎設計。

設計背景與主題

之前學習的教學平台,老師所辦的【 第一屆 UI Design Challenge 】,根據提供的使用者故事來發想、研究、設計,並符合作品相關要求,我想多累積練習的機會,因此也嘗試設計。

設計了一款“ 動物記帳園 App ”,主題風格及配色以可愛、活潑感為主,希望讓使用者在記帳的同時,會感到趣味和輕鬆感。

 1_3x.png
User Story 1. 快速紀錄、彈性調整每個人的費用
  • 使用者於 App 中,可以隨時快速新增消費紀錄,並編輯其內容,並使用 iOS 元件。

  • 提供手動紀錄方式,或是掃描發票的 QRcode 方式,讓操作更直覺化與方便性。

 2+3_3x.png
User Story 2. 規劃總預算、控制範圍 & 3. 邀請朋友共同編輯、查看、分群組管理
  • 可以透過其中一位使用者來建立群組,並先設定好規劃預算,App 也提供是否開啟超過預算的通知服務。

  • 相關資訊設定完成與確認後,最後能直接透過 LINE 連結好友,或複製連結傳給群組成員們。

 4_3x.png
User Story 4. 花費的總覽、多種檢視模式
  • 使用者能快速切換瀏覽模式,群組內容與個人內容。

  • 再依照欲查詢的方式,如月份、週期、日期來顯示更多的詳細資訊,將會有當日花費最多的項目、付款內容、債務關係。

  • 債務關係部分,可以再瀏覽各成員的當前花費狀況,也能選擇不同的總金額分配方式來顯示,如按均分或按比例,最後再計算出欠款、賺取金額。

 5_3x.png
User Story 5. 提醒功能、控制預算、通知付款訊息

​根據不同的通知狀態下,設計出 Widgets、螢幕鎖定時、以及 App 內部的通知,讓使用者能接收到提醒。

  • Widgets:使用者可以自行設定欲顯示方式,如提供條狀圖來顯示當天的消費狀況、或當天花費最多的項目、以及目前的總消費。

  • 螢幕鎖定:使用者於螢幕鎖定時,能先瀏覽到重要的通知訊息。

  • App 內部:使用 App 時,系統會依照時間來排序,記錄出完整的消費、付款、欠款訊息,讓使用者一目瞭然。

Prototype
分帳管理.gif
Group 4_3x.png
Cover_3x.png
下一個專案
LIVE STREAM App Design
bottom of page