這是一個多人分帳的APP。只要在建立帳本後添加參與人數,依據每次不同的消費模式使用不同的分帳方式記帳,最後由系統自動算出最佳收付款結果,同時可以分享消費明細給參與成員,輕鬆解決共同支出的複雜計算題。​​​​​​​​​​​​​​
​​​​​​​ 
Research
我在這個專案練習裡負責從User research開始,一路到最後的Visual Design整個設計流程。​​​​​​​
What I've learned
  在前面的研究及考慮到使用者會下載這個產品的時機,多為活動即將開始前、或是消費行為已經發生當下,相較競品APP為了達到功能齊全而設計了很多分頁選項,我在分析過後決定著重在簡單明瞭並直覺的設計呈現,希望減少過多的分頁,幫助使用者短時間內及面對分帳如此頭痛的數學題時,可以更快速上手產品使用方法。

  由於會在支出分類上使用到大量不同鮮明的色彩,加上使用者新增記帳的時機,可能為白天至晚上任何時間點、或是在光源不足的室內,背景採用白色 / 黑色的主要目的是讓使用者可以自行調整模式,保持眼睛的舒適度。
Information Archeticture
以下為關於這個產品的資訊架構,接下來會再針對重點功能做視覺設計的展示。
Visual Design
主頁面及左、右選單
主頁面的左右兩側各有一個功能選單,分別是帳本總覽 ( 左 ) 、結算帳本 ( 右 )。
在主頁面透過 < > 箭頭選擇檢視目前總支出、目前人均消費等資訊;點擊圓圈可以檢視該分類支出金額及明細。
多人支出記帳:多人付款
考慮到參與成員可能無法個人一次支付該次花費,多人付款的功能可以由多位成員支付不同金額來分攤費用。
多人支出記帳:分帳方式
依據每次消費可以自由選擇不同分帳的方式,透過系統精準結算出每個人的應付金額,完成記帳。
Design System
Retrospect
  在這次主題上遇到的難處會是在制式化與創意之間的拿捏,所以在設計視覺的時候卡關了很久。考慮到朋友、情人之間提到分帳及AA制,不免多少會覺得談錢傷感情。為了避免分帳讓人產生切割、劃清界線、冷冰冰等印象,在視覺設計上最後選擇了較為圓潤、圓滑的選項樣式。

  原先有設計了幾個版本是將資訊非常詳盡的呈現在畫面上,但自己實際在旅途中操作了2個目前已經在線上的分帳App後發現,在使用產品當下其實只需要簡單明瞭的資料呈現,太過複雜的版面反而會讓人毫無頭緒,所以後來才又調整了整體的視覺設計,將功能及動線最後濃縮成左右選單、及中間為新增記帳等較為直覺的操作方式。

  做完這個專案,讓我學習去拿捏什麼時候在使用者需要的時候才提供應該出現的功能,這樣的畫面不僅呈現起來乾淨,也能讓使用者覺得多人分帳可以是一件很簡單的事情,提升整體的使用體驗感。

You may also like

Back to Top