top of page
s89-pm-0083-03-card-mockup.jpg

Splite Helper

分帳幫手

Split Helper 分帳幫手,是一款for旅遊、日常或是任何用途的分帳app,可以處理多人分帳和共同花費。不論是好友一起旅行、情侶日常花費或家庭開銷,通通都可以透過Split Helper輕鬆完成。支援多人共同記帳,還可以提醒您什麼時候該還款與收帳,讓你不在為分帳而困擾,內建計算機 、各國幣別、控制預算,是您出門在外的分帳好工具。

 
Frame 1.png

專案任務

˙競品分析

˙How might we

˙定義人物誌

˙問題與目標定義
˙規劃資訊架構圖

˙MVP頁面
˙原型製作

專案時間

約2週

專案團隊

獨立作業

 

設計目標

 

製作出一款可以支援多人共同記帳、分帳的app,讓您與好友或是家人,不在為分帳而困擾,並且可以控制預算及設定各國幣別,輕鬆分帳。

 
 

Problem

1.分帳時,時常忘記哪些人付了多少錢

2.想要事先控制行程預算,卻不知道該如何是好

3.有時候會忘記要還錢,提醒朋友時可能又會感到尷尬

Solutions

  • 運用支出明細功能記載付款人以及還款人

  • 在建立群組計畫時,可以事先規劃好預算,點入報表結餘可以看到此計劃大家超出多少預算

  • side menu的地方設定還款提醒以及收款提醒, 並預定日期,在時間快到時會跳出通知,讓你再也不會因為忘記而感到困擾

 

01.RESEARCH

Competitor Analysis

主要參考記帳、分帳的APP功能與UI設計,並且從Google play商店及APP Store上的用戶評價,從而得知用戶最在乎的已有功能及期待的新功能,和用戶希望能改善的流程​。整理用戶評價後發現大部分使用者最在乎的功能有以下幾點:

 
截圖 2023-02-03 上午11.28.23.png
unnamed拷貝.png
截圖 2023-02-03 上午11.30.08.png
unnamed.png

1.簡單建立各個獨立帳本及群組

 

方便自己一個人記帳或者查看群組的消費內容

 

2.即時上傳發票、消費資訊

能夠運用QR CODE的方式,即時上傳消費明細、發票或者繳費證明

 

3.還款提醒

累積到一定金額,跳出還款通知提醒群組使用者結清此項目費用。

02. DEFINE

How might we?

Define Problems

1.出遊或者室友人數眾多時,我們該如何幫助使用者與同伴能更加有效率地共同記帳、分帳?

2.我們該如何讓使用者能夠在分帳計畫開始前就先控制預算,避免不必要的支出?

3.我們該如何提醒用戶在計畫中誰付了多少金額?並且提醒還款

 
 

Goal

  1. 快速紀錄帳目,並且可以彈性調整每個人的費用。

  2. 提前規劃總預算,讓花費控制在理想範圍內。

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

  4. 一目瞭然的查看花費總覽。

  5. 擁有提醒功能,幫助控制預算、通知付款訊息。

Persona

主要目標客群

多人出遊及同住室友

​產品特色

體醒使用者,讓使用者不會忘記還款,並且讓使用者能夠一目瞭然的查看花費總額,在事前規劃預算,讓花費控制在理想的範圍內。

未命名-1-02.png

Bella 20歲 |學生

使用者故事

平常和朋友出去都是口頭說花了多少錢,或是用line紀錄。因為個性比較謹慎,所以出去玩如果有公費,我都會多帶一個錢包保管

 
使用者痛點

•口頭說花了多少錢,如果沒有立馬記住,有時候會忘記

•在line群組紀錄有時候又會被其他聊天訊息淹沒,而沒辦法第一時間找到消費紀錄

•公費都在我身上,有時候拿那麼多錢,還是挺害怕的

 
 
使用者目標

希望有一個能夠輕易計算每個人花費多少錢的app

03. DEVELOP

Information Architecture

整理出使用者痛點後,我開始找出APP的主要功能,並建立相對應頁面的資訊架構。

 
截圖 2023-02-06 上午11.05.33.png

04. DELIVER

 

UI Style Gudeline

以百元鈔票​的印象色紅色為主色調,搭配象徵金錢的黃色為輔助色去做整體設計

Guide line.jpg
component.jpg

Page Design

Frame 3.png
建立群組

邀請朋友,建立群組名控管預算,也可以調整幣別,讓您不只在國內可以使用,出國也可以方便運用,分為旅行、日常、其他,有不同的主題功用。

Frame 4.jpg
Side Menu

還款提醒、收款提醒,提醒您還款項目及收款項目,另外所建立的群組會在Side menu功能所找到!也可以在這裡新增群組及群組成員。

Frame 5.jpg
報表

可以一目了然的看到每個月的報表花費總額,也可以從總預算案紐再按一下變成結餘按鈕,會自動計算總預算減掉支出會剩多少錢,另外增加債務關係,可以從報表中一目了然地看到誰欠了誰多少錢,類別的部分則是可以看到這個群組在每個項目花了多少錢。

Frame 6.jpg
明細

可以從明細功能中看到,想看的月份支出、收入、餘額,另外也能從中看到付款人是誰,可以顯示月曆及收起月曆,直接從月曆中點取想看得日期明細,紅色小點點則是代表,有記錄過得日期。

Frame 7.jpg
記帳

記帳功能分為支出、收入及掃描,可以記錄各個項目和掃描發票

Frame 8.jpg
設定

可以設定預設幣別,方便出國旅行時選擇不一樣的幣別,類別Icon設定則是可以新增自己所想要的icon,群組成員可以新增成員及刪除成員,預設付款人及預設還款人可以從現有成員內,選擇成員。

帳號.jpeg

05 Prototype

Other UIUX Project

 
Frame 12.jpg

一卡通App Redesign

以「方便」.「易操作」的使用者習慣為目標,重新整理產品系統架構。讓使用者在操作上能更加快速的執行所需功能。

Frame 3785.jpg

早找展覽 Artion

幫助喜歡看展的人們,迅速找到自已喜歡得展覽,放入日曆裡,安排自己的看展時間!並且在一個平台中就能找到所有展覽資訊。

Frame 3965.jpg

Yo!Taiwan 旅遊規劃平台

運用線上共編將喜歡的景點加入收藏,使未來在旅途中也能迅速找尋各個旅遊計畫。

bottom of page