Travel with CoinLink

Travel with CoinLink

New partner for travel, exchange rate accounting at your fingertips.

New partner for travel, exchange rate accounting at your fingertips.

New partner for travel, exchange rate accounting at your fingertips.

Travel with CoinLink

專案名稱

CoinLink

類別

貨幣匯率查詢以及記帳App

時間

2024.03-2024.04

擔任角色

UI/UX設計

工具

Figma、Miro

Figma、
Miro

Project Vision

CoinLink是一款查看貨幣匯率和跨國貨幣記帳的應用程式,能讓經常需要出國的人在世界各地旅行時,更清楚掌握各國匯率,並更簡單地執行跨國跨貨幣記帳及管理每次旅行的開支。

Challenges

1.) 讓使用者迅速、精準檢視各國的貨幣匯率。

2.) 讓使用者更容易執行跨幣種記帳。

3.) 讓使用者可以更好的管理每次旅行花費。

Interveiw

專案總共訪問了16位,在過去中有著豐富旅行經驗的18~65歲,並且曾經使用過查看匯率應用程式的人士,我想要藉由訪問來得知,人們在查詢貨幣匯率時會遇到什麼問題,以及在現有的產品上還有什麼樣的進步空間,在訪問後使用了同理圖來分析和整理受訪者們的感受和說法,最後我的得出了以下幾個痛點。

記帳功能

儘管某些幣值查詢軟體包含了記帳功能,但使用者體驗的設計經常令人失望。

介面設計不流暢

市場上的匯率應用程式在使用者體驗設計上設計的並不直覺。

簡約的設計風格

大多數的用戶在接受訪問後,普遍比較喜愛簡明整潔的設計風格。

Persona

競爭者分析

此外我還調查了一些潛在的競爭者,總共調查了五個應用程式,分別是 Direct Competitor 的Currency、Currency Converter、Currency Converter2,和 Indirect Competitor 的XCurrency、Xe。在進行了競爭者分析後我發現了這些競爭者們的都有的缺點:

1.記帳系統
2.UX設計不易使用
3.語言選項只有英文
4.畫面只有亮主題
5.貨幣圖示太小
6.更換貨幣不直覺

User flow

Wireframe

Lo-Fi Prototype

迭代

在完成Lo-Fi原型設計之後,我進行了可行性測試,總共測試了7位使用者。 在測試完成後,我創建了一個親和圖和圖形分析,以便將可行性測試所得的數據進行歸納和分類,最後得出以下的痛點:

🔍

功能無法被察覺

根據調查全部的使用者表達出,App計算機那邊有記帳功能,無法被察覺到,因此使用者需要一些提示來得知計算機中有記帳功能,計算機的記帳功能需要更明顯。

🗒️

😵

記帳部分不夠清楚

根據調查少數的使用者表達出,App旅行記帳的環節不夠清楚,因此使用者需要更清楚的選擇旅行記帳區域。

🤔

新增貨幣會失誤

根據調查有少數使用者表達出,App在新增貨幣的流程不順暢,點擊國旗時無法選擇,因此使用者需要更大的點擊範圍來優化新增貨幣的流程。

Before

After

Before

After

Before

After

After

Hi-Fi Prototype

Challenge 1

讓使用者迅速、精準檢視各國的貨幣匯率。

CoinLink擁有迅捷而準確的全球貨幣匯率搜尋服務,只需觸碰輸入框,就能立即啟動計算器來輸入交換率的數值。在輸入框的右下角,設計了一個更新計時器,讓用戶能夠獲得最新的匯率資訊。

Challenge 2

讓使用者更容易執行跨幣種記帳。

CoinLink提供了跨國記帳的功能,讓遊客不再需要為匯率的差異而感到在記帳上的困擾,CoinLink能夠根據你的旅行國家自動轉換記帳貨幣匯率。

Challenge 3

讓使用者可以更好的管理每次旅行的花費。

透過CoinLink,您可以為每一趟旅行創建專屬的記帳本。在這本記帳本中,您可以規定旅遊日期、上傳照片、設定旅行名稱、選擇旅遊目的地的貨幣和母國的貨幣、設定預算等。這讓您可以將原本混亂的花費記錄,有效且明瞭地進行管理。

Design system

色彩

F2F2F2

DDDDDD

C5C5C5

979797

262626

0075FF

005ECC

字體

H1

AaBbCc

50pt - Italic, Caladea

H2

AaBbCc

30pt - Italic, Caladea

H3

AaBbCc

30pt - Ragular, Caladea

H4

AaBbCc

12pt - Semi Bold, Inter

H5

AaBbCc

10pt - Semi Bold, Inter

Logo

物件

Mockup

挑戰與學習

在此次的CoinLink設計案例後,我獲得了豐富的學習。這是我首次實踐 Design thinking 的完整設計流程。該專案經過同情、創新、確定、Prototype製作、以及測試等全套程序後,問題真實地一一被揭露,這讓問題得以更好地被發現並處理。而這些問題實用到位,都來自於使用者的反饋,能把它們實際解決,給人一種成就感。不僅了解了理論,CoinLink專案的實踐過程還讓我更深入瞭解如何有效運用和操作Figma,也讓我解決問題和自學的能力,有一定程度的提升。

Click me . Click me . Click me . Click me .
Click me . Click me . Click me . Click me .
Click me . Click me . Click me . Click me .