user's avatar
掌上銀 - 註冊登入Redesign
Online banking redesign
掌上銀 登入頁面&快速登入綁定

專案簡介

掌上銀為上海網路銀行延伸近期推出的網銀APP,除了對比先前舊版APP頁面上有明顯的改良, 也增加快速登入與資產佔比分析圖,不過登入頁就像是一套數位系統的門面,目前認為資訊豐富的前提還是以使用便利性更為加分,因此希望能更優化整體視覺。


專案資訊

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


・・・ 

Flowchart​​​​​​​
繪製流程圖

註冊登入頁
Before | 記住證號資訊流程置於所有操作之後,影響使用者無法直接聯想此操作的關聯性。
After    | 記住證號改以「記住我」並排序在輸入證號之後。
快速登入設定
Before | 是否進入快速登入頁面無法提供選擇,若使用者無特別需求也必須強制前往。
After    | 為更加確認資訊,新增輸入手機資訊避免有誤,快速交易設定可選擇是否前往或是回到主頁。





Wireframe
繪製線框圖

調整功能性圖示與增加流程頁面




Design System
設計規範



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



Mockup
頁面展示

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


Prototype
原型頁面展示


反思與學習

優化頁面時,意識到許多細節需要注意,如輸入框寬度與各行間距或是按鈕的一致性,未來會多加注意,不過也發現透過調整過程中,更促使發想新的想法運用在最終成品上。


掌上銀 - 註冊登入Redesign
1
79
0
Published:

掌上銀 - 註冊登入Redesign

1
79
0
Published:

Creative Fields