匯豐網上銀行新版設計失誤

匯豐網上銀行新版的設計令到我身邊不少朋友都頭痛,包括我媽媽,平時她能自己網上抄賣股票,但今次新版都令她徬徨失措,走去找 RM 查問!所以今次來看看究竟設計出錯在那裡?!

HSBC 2017年 新版設計

登入網上銀行的首頁,用戶其實最想要的是清晰的顯示戶口所有帳戶及其最新結餘,無論港幣日常/儲蓄/定期/外幣等各帳戶的結餘,最好在首頁要一目了然,令用戶清晰了解到目前的各戶口的一覽情況。

以這個準則,匯豐舊版本的首頁是可以免強合格的 ( 細節上其實還有不少可優化的地方),但在2017年新版設計的首頁,只可以說是Totail fail! 完全令人摸不著頭腦,多停留一會也不能接受,每次登入也是9秒9直跑回舊版本!

Hsbc2016

舊版設計

這兒我很快講解新版最嚴重的3個設計上的錯誤:

控訴一

新版本登入後雖然左邊顯示了所有在匯豐的戶口帳戶,包括儲蓄/外幣/信用卡等等一目了然,但奈何右邊的主畫面只是顯示了第一個被默認選中的戶口,令人有點失惜!

新版設計

思想點: 用戶登入後,右邊主畫面只顯示一個默認戶口,令用戶感覺不到他們戶口應有的價值! 試想一下我被默認選中的帳戶顯示我有10 元結餘,但其實我其他戶口如儲蓄/外幣等也各有10元,那主畫面其實只顯示了我1/3 財富價值,多麼的令人傷感!老人家看了也會有心臟病啊!而且,這個默認選中的戶口又不是我的選擇,很容易被誤會了!

心臟病指數: 4/5

控訴二

我在左邊選另一個帳戶,按下,右邊主頁不但沒有顯示來往記錄,還用紅色警示: "There is no transaction history for the period you selected!" 我這個戶口是有錢的啊,為什麼感覺我的戶口好像空的一樣?這個是最致命點,我看到這兒就立即跳回舊版本查看。註:按下 Detail 也無法看到戶口的 Detail Transactions.

Hsbc 2

新版設計

思想點:戶口內是有錢的,就算沒有最近的戶口來往記錄,也要顯示最後數次的來往記錄,況且,我沒有指定顯示那段時間!還用紅色來警告我!這是給用戶帶來了雙重錯失的感覺!

心臟病指數: 5/5

控訴三

看看右邊默認戶口沒有顯示資金來往記錄,那為什麼又顯示這些多餘的功能?如: Print / Manage / Move money 等?! 這些功能要有錢才有用啊!!

Hsbc 2

新版設計

設計思考: 可以漸增式來顯示功能,不需要一下了顯示所有的功能,只會做成混亂。 應考慮在適當的位置及適當的時機才顯示相關的功能,令版面簡潔易明。

吐血指數:3/5

這三大問題巳經是致命點,估計沒有人能停留在新版本太久,怕心臟病發∼

新版其實還有很多問題巳不便細說了,建議網站推出前要好好做用戶測試,解決好問題才推出街,避免再發生同類事件了,尤其是大公司,令聲譽也受損!

下次有新版本快要完成設計時,可先聯繫我做一個 Usability Review,在早階段及早發現問題,總好過出街後被人發現問題,解決成本也更高!

不過今次改版也有值得一讚的地方,就是在新版右上角給用戶轉回舊版本的出口鏈結。雖然出口位不太明顯,但這是必須要有的,若然用戶不能自行轉回舊版本,估計客戶服務的查詢也會應接不暇!

Hsbc2016
Hsbc 2