台新行動銀行 2.0
APP Redesign
專案期間
8個月
專案角色
UI/UX 設計師
負責項目
需求討論、設計流程規劃、介面完稿交付
📍 目標背景
台新銀行想為現有的行動銀行APP進行大改版,提出了一系列的改版方針與項目,針對不符合時宜的介面進行優化,希望能增加使用頻率及拓展更多使用者。
👩🏻‍💻 角色產出
在這個專案中,我們分成7-8組,每組分別有PM、UI/UX設計師、系統分析師(SA)。我主要負責投資理財類別的設計流程與產出,從前期密切需求討論、設計流程Flow到交付完整UI介面。
🛠 專案挑戰
此專案算是功能非常繁多且時程緊湊,要短時間在會議上快速了解需求、消化、並提供多個解決方案,我覺得是一個很大的挑戰,需要有豐富的經驗和生活觀察能力,才能快速應變。
❣️ 成果收穫
與團隊一同完成一個大挑戰,許多功能在優化後,比原先的不管是在外觀上或功能上都邁進了一大步,不再是人人詬病的APP,並在Apple Store財經類排行#12。
原始介面和流程問題
風格傳統且不統一
原先的風格較為傳統
且無明確的 Design system
資料內容及功能更新優化
有些功能已不符合時宜
希望可以藉由此次改版進行優化
步驟繁瑣
無明確的進度條
不知道距離完成還需設定多少內容
App內無條款內容
點選條款時會跳到網頁版下載pdf
因現有頁面內容承載量不足
操作迷路
選項內容突然換頁容易讓使用者迷路
交易結果不夠明確
交易結果和其他內容文字大小顏色皆相同
切分頁面 新增步驟條
藉由拆分頁面和新增上方進度條+步驟說明,讓使用者明確知道還有多少頁面,也讓每個頁面設定的內容盡量精簡且明確,增加成功率。

選項、搜尋內容

Bottom Sheet 形式展開

原有畫面關鍵字搜尋後,會滿版換頁,點選左上角返回箭頭會直接跳出基金申購,容易造成使用者體驗感受不如預期,因此改以下方滑出的方式呈現,勾完選項後點選確認後,關閉 Bottom Sheet 立即帶入選項至該欄位。
條款細則 以展開方式呈現
原有畫面點擊條款細則或說明書時,會跳出App到其他瀏覽器打開銀行官網,並下載到手機端,雖是銀行傳統的基金作業流程,但以App來說有點不太合理,因此改為展開的方式呈現,並需滑至底部按鈕才會顯示紅色可點選。
清楚明確的交易結果
原先頁面的交易結果非常不明確,僅有小小四個字交易成功。因此我在成功頁加上圖示,讓使用者更清楚明瞭,也在底部加上CTA,讓他可以直接查看他的基金庫存。
最終產出
台新行動銀行 2.0
此產品已上線
可經由 App Store / Google Play 商店下載使用!
The End
THANKS FOR WATCHING
CONTACT ME
如果你有任何想法想交流,
歡迎與我聯繫!

rainiewu620@gmail.com
+886 920 799 275