Redesign UI Project

中華郵政- e 動郵局

e 動郵局融合儲匯與郵務服務,提供線上即時轉帳、查看餘額等功能,減少臨櫃或 ATM 辦理需求

Discover Problem

* 評論資料來源: Google Play

Redesign Process

Product Positioning

目標使用者

有郵局帳戶,需要線上轉帳、查詢帳戶餘額者。

*主要使用者角色: 學生、媽媽。

企業願景

提供多元、安全、便利 郵政業務查查詢服務。

產品形象

╴可靠的
╴安全的
╴親切的
╴便利的
╴品牌辨識度高的

目標功能

1. 查詢餘額
2. 線上轉帳
3. 引導未開通 APP的使用者如何辦理。

非目標功能

1. 郵務相關功能,如:集郵、i 郵箱
2. 健康好郵人
3. 歷史利率查詢
4. Qrcode taiwan pay 轉帳

Reclarify "Product Positioning"

目標使用者

有郵局帳戶,需要線上轉帳、查詢交易資料、查詢帳戶餘額者。

企業願景

提供多元、安全、便利的郵政業務查詢服務。

產品形象

╴可靠的
╴安全的
╴親切的
╴便利的
╴品牌辨識度高的

目標功能

1. 查詢交易資料
2. 線上轉帳
3. 查詢餘額
4. 引導未開通 APP的使用者如何辦理。

非目標功能

1. 郵務相關功能,如:集郵、i 郵箱
2. 健康好郵人
3. 歷史利率查詢
4. Qrcode taiwan pay 轉帳

Reorganize "Functional Map"Compare

Problem|APP 目的模糊Compare

功能不知藏在哪裡,已經夠難找了,還加入什麼bmi計算、瑜伽教學、太極拳示範功能,下次要不要加入冰冰好料理食譜?......

* 評論資料來源: Google Play

Solution|刪除非目標功能Compare

經過新的產品定位與流程設計,依重要性重新將原本首頁的14項功能 (兩頁) 調整成5項,
置於導航欄,並捨棄非目標功能。

UI Design

Final Design

介面不人性化

轉帳操作過程不直覺

APP內容分太多層級,重複使用表單來分類、呈現大量資訊。

Original Problem

轉帳時,按了轉帳鈕後,需先經一個表單頁面,路徑過於複雜。且此表單頁面的文字過於複雜,無法直覺操作。

Solution

簡化路徑:統整表單內同類項目,將兩頁縮減成一頁。將"立即轉帳"頁的 Tables 呈現改為 Nav-Tabs。
並將 Nav-Tabs 中與目標功能相關的專有名詞排序在前。

Prototype

轉帳流程特殊且繁複

轉帳過程需開啟第二個 APP,多數使用者給予差評

Original Problem

使用者不清楚APP(郵保鑣)用途,在轉帳過程容易因郵保鑣受挫、不耐煩。轉帳步驟與一般網銀 APP不同,需綁定並下載郵保鑣 APP,增加複雜度、難度。

Solution

轉帳流程中加入「進度軸」,提前告知有「保障交易安全」的步驟。
並將流程改為:使用者從「被突然告知開啟」郵保鑣 APP,改為「主動」按下郵保鑣開啟按鈕。

轉帳步驟與一般網銀 APP不同,需綁定並下載郵保鑣 APP,增加複雜度、難度。

Prototype

介面不人性化

登入介面的「提醒事項」篇幅過大,沒達到效用

APP內容分太多層級,重複使用表單來分類、呈現大量資訊。

Original Problem

於登入頁面下方有長篇幅的紅字提醒內容,提醒APP綁定事項等。紅字的警示意謂濃厚,且大篇幅的文字反而讓使用者更容易略過,沒有達到提醒作用。

Solution

將 APP 綁定提醒事項納入註冊流程,於登入頁面前增加「還沒註冊?」的按鈕,引導閱讀註冊步驟。

Prototype

Prototype

Prototype (Figma)

Illustration

UI Flow Compare

任務:開啟 APP 到成功轉帳的過程。

Style Guide

繼續瀏覽 UI/UX 作品