TravelXpense

擔任角色
UX/UI 設計
iOS 開發
時間
2020/10-2020/12
工具
Figma
團隊
個人

Introduction

  • Overview
  • Problem
  • Solution
Overview

旅遊一直作為人們調劑生活的方式,許多人喜歡帶著完善的計畫去旅行,除了行程安排之外,最重要的就是金錢的規劃了,做好萬全的準備,在旅程中便能更感到安心,也減少出錯的機會。
綜觀市面上有許多記帳以及旅遊相關軟體,卻沒有將兩者結合的產品,因此我想設計並開發一款為針對旅遊所需的記帳軟體。

Problem

人們在記帳時普遍使用傳統的試算表軟體或是手機記帳軟體,但試算表軟體無法在旅行中便利地使用,而手機記帳軟體則包含了日常生活花費,資訊較為雜亂,且兩者皆沒有為旅遊設計的功能。

Solution
TravelXpense - 專為旅遊打造的記帳軟體

旅行帳本

與一般記帳軟體不同,將不同旅程的紀錄獨立出來,讓資訊明確區分,也能作為回憶記錄每段的旅程

記錄花費

記帳時以類別做區分,並且加入匯率轉換功能,在記錄的當下做金額的換算,方便使用者了解實際的金額

記錄花費記錄花費

記帳時以類別做區分,並且加入匯率轉換功能,在記帳的當下做金額的換算,方便使用者了解實際的金額

多人分帳

提供使用者在多人旅遊時的分帳功能,可以依花費多寡做排序,也有應收應付介面,為使用者做提醒

Research

  • Persona
  • Competitive analysis
Persona

透過與幾位的受訪者的面談,我描繪出了以下的persona,幫助我在設計過程中對目標客群有更具體的想像,也避免設計過於發散,沒有解決使用者真的問題。

訪談問題
Competitive analysis

為了瞭解競爭者與釐清產品定位,我研究了市面上現有的產品,觀察他們的優點與缺點,並繪製出以下的圖表。
從圖表可以觀察出,TravelXpense的定位將是針對旅行所設計,除了基本記帳功能外,也加入分帳、匯率換算以及旅程帳本等功能。

Design

  • Wireframe
  • Mockup
  • Prototype
Wireframe

開始著手設計的第一步,我繪製出線框稿,確認各功能的擺放位置,也呈現簡略的畫面設計。完成後開始進行初步的測試,檢查操作流程的順暢度,或是有影響使用體驗的問題。

Mockup

經過反覆的測試與修正後完成Mockup,再進行最後的評估。

Prototype

Result

  • First Edition
  • Reflection
First Edition

現在的版本為第二版,第一版已經成功在App Store上架,我也同樣擔任工程師的角色。由於第一版在開發時並沒有導入設計模式,以及在介面與可用性上我認為還可以再做得更好。因此,在我對UX領域有了更深入的研究後,決定運用上自己所學,重新設計了新的版本。

相較於舊版本,新的版本採用了淺色介面,與旅遊時的愉悅心情較為契合。此外,在介面的樣式與功能設計都做了修改,將不必要的功能在研究過後將其移除,並加入了更符合使用需求的功能。

Reflection

經過數次的迭代與測試,最終完成了旅遊記帳軟體的設計,這次的開發讓我成長很多。在這個專案上,從前期的研究了解記帳軟體講求可用性,記帳不是普遍人們擁有的習慣,對於不常接觸金融數字的人,若介面過於複雜,或是記帳流程中遇上困難,產生負面的情緒,容易流失使用者,所以這次的規劃與開發在可用性上多花了許多心思。

回顧這次的產品開發,真的是個很好的經驗,我從中學到很多,包括如何打造易於使用的介面與流程,也更熟悉開發工具。我在專案中身兼UXUI設計以及iOS開發,讓我在設計時能從工程師的角度去切入,將實作可行性考慮進去,降低開發時的成本。