user's avatar
掌上銀 轉帳頁面Redesign
Online banking redesign
掌上銀非約定轉帳介面

專案簡介

如今社會越來越仰賴數位帳戶,而轉帳頁面是在使用網銀上最常會使用到的,而上海銀行是我第一個開戶的銀行,因此選擇掌上銀為研究轉帳介面的對象。

專案資訊

時間:為期一個月
成員:自行研究
類型:Redesign
領域:UI Design, UX Design, Design System, Mobile Design 
軟體:介面繪製- Adobe XD, 協作軟體- Zeplin, Flowchart繪製- Miro

・・・ 
Flowchart
繪製流程圖

Before: 相同性質重複性高 例.備註與附言,通知收款與發送賀卡。
After :1.加入常用聯絡人步驟  2.備註與附言合併並提供考量是否同步於對方的選項。




Wireframe
繪製線框圖

加入功能性選項與圖示
Design System
設計規範



Questions and Discussions
發現問題與探討​​​​​​​





Mockup
頁面展示

自行輸入流程頁面與常用約定帳號頁面





Prototype
原型頁面展示



反思與學習

這次製作轉帳優化的同時, 藉由競品分析與日常使用的電子支付系統體悟到各自獨有的轉帳功能,每項功能都需考慮到便利性與易辨識,因此大部分時間上花費在配色上反覆調整,也了解到組建的重要性,不單只是讓工程師更快速理解頁面上的設計,也在設計上修改更加迅速。



掌上銀 轉帳頁面Redesign
1
63
0
Published:

掌上銀 轉帳頁面Redesign

1
63
0
Published:

Creative Fields