一站式全球外匯APP
2020-2021
該設計引入了從未在外匯交易應用程序中使用過的全新交互。
此外，它還可視化用戶的財務信息，使其易於閱讀和理解。
背景
總覽
產品負責人需要幫助以創建更具視覺吸引力和更強大的功能2.0平台。我的任務是為ATFX桌面平台創建一個新的直觀UI，並從頭開始，原型設計，交互和品牌識別重新設計UX。和基於RWD版本擴展名的應用程序產品，可幫助用戶隨時檢查最新的外匯信息和帳戶管理。
我們花了六個月的時間在ATFX APP的外匯服務平台上進行開發，並實現了88％的在線維護使其整體進度。我負責UX計劃，設置設計準則，創建Figma設計系統以及APP UX / UI團隊負責人。我非常喜歡從頭開始研究該產品，並將幫助在2021年初推出該產品。
導航欄分為四類：資金，研究，實時新聞，個人資料。
挑戰與目標
如何創建方便、直觀的 APP 外匯體驗，使新手用戶更輕鬆，更有吸引力的進行外匯操作？
在增強用戶對外匯操作的使用上，移動應用程序交互方法是否會比現有的桌面版本更有效？
團隊成員
Julia, director
Pei-Yu Chen, designer / UX lead
Jasper Ye, designer
James Wang , developer lead
Sudie Lin, developer
Vic, developer
可交付成果
Concept development
UX strategy
User flows
Wireframes
User experience
User interface
Prototype
設計流程
研究與分析
概念設計
Mockup &
Prototype
測試
實現與迭代
Personas
Personas
Jon Doe
-28歲
-未婚
-外匯投資新手
-沒有品牌忠誠度
-工程師
需求與目標
-他期望產生被動收入。
-他希望可以輕鬆上手並了解外匯交易過程。
-他希望能輕鬆獲得外匯信息。
-他想用零散的時間經營外匯。
James Doe
-35歲
- 已婚
-熟悉外匯交易系統。
-具有品牌忠誠度。
-具有代理角色來管理下屬成員。
-行銷主管。
需求與目標
-他想創造更多的被動收入。
-他希望利用每一分鐘來管理和操作外匯。
-他希望方便地管理底層會員。
視覺設計
資金儀表板
像“類別”頁面那樣的“資金儀表板”，對於此頁面，我決定採用網格佈局，以便人們更輕鬆地瀏覽。圖標和卡片設計有助於曝光並輕鬆識別每個類別和資金信息。點擊每個類別將轉到特定類別頁面。
研究與分析
在此頁面上，我們可以幫助用戶找到並驗證新的外匯機會，安排交易時間，了解金融市場並管理風險，而同時又可以管理投資組合。
通知中心
通知中心是四個子菜單的組合。系統通知/交易通知/市場提醒/促銷。我將其結合起來，以便用戶不必在菜單之間切換即可查看其通知。
個人資料（設置頁面）
頁面設置提供了一種輕鬆的方法來更改每個App頁面的內容和佈局。編輯頁面時，可以在右列中找到“頁面設置”元框，其中包含以下項目。
頁面佈局 |
-
帳戶：驗證您的主帳戶。
-
交易賬戶：默認為您的外匯交易賬戶。
-
付款信息：默認並驗證您的付款信息。
-
語言：從下拉框中選擇您的語言，然後單擊“選擇”。
-
下載MT4 / MT5：下載並安裝MetaTrader 4/5開始使用強大的平台進行交易。
-
重置密碼：輸入您的ATFX用戶名或您用來註冊的電子郵件地址。我們將向您發送一封電子郵件，其中包含您的用戶名和一個重置密碼的鏈接。
新聞
一個新聞頁面，用戶通常會花費大量時間在該應用上閱讀。因此，我決定使用大字體，並且比例間距使人們易於閱讀。另外，我使用時間軸讓用戶可以快速獲取最新信息，並在已讀新聞詳細信息頁面中添加“相關讀物”，以便我們挑選用戶以查看他們感興趣的相關新聞。
資金功能-提款/存款/轉賬
簡化用戶入金、出金、轉帳的流程頁面，此頁面將用戶常使用帳戶名稱、銀行或貨幣做一個默認值，讓用戶不需要反覆填寫的攏長表單內容才能做交易，加速用戶在此頁面操作與停留。