【蟲合作】國泰世華CUBE App——簡單、直覺的操作流程

華蟲-avatar-img
發佈於雜談
更新於 發佈於 閱讀時間約 7 分鐘
國泰世華CUBE App-簡潔的首頁

國泰世華CUBE App-簡潔的首頁


引言



隨著電子化&智慧型手機時代的來臨,各家銀行也紛紛推出了自己的手機App,目的就是為了方便用戶隨時隨地都能查詢或是使用銀行服務。

至於好不好用⋯⋯大家肯定心中都有一把尺,這裡蟲蟲就不多噴了(´・ω・`)(?

身為歸國蟲,其實在出國前(大約七年前),印象中那時銀行App這種酷東西在台灣應該還沒大量普及,但是當時在美國各家銀行早已推出自己的App,或許是因為大家跑個銀行可能出門就要30分鐘起跳(這還不算上到了銀行之後的等待時間),所以各種產品在推出時的重點都是放在「用戶可以在家處理好所有金融事務」這點上。

不管是銀行的網站或是銀行App,只要你能提供身分證明,開戶、申辦信用卡、貸款等等都能線上預約或是申請好。

當然這些App好不好用、用起來流不流暢是另一回事啦,但是還是可以很清楚地知道,銀行們開發自己的App的目的就是希望用戶可以更有效率地使用銀行的服務,節省時間。

就蟲蟲自己用過的銀行App,國外的有四家。

這回蟲蟲趁著商案的機會,體驗了一下國泰世華的CUBE App,整體來說是滿驚豔的簡單直覺。

這在App的UX設計中真的是非常重要的一點。

App永遠不是讓用戶去適應操作,而是App的流程設計本身就要符合用戶的操作直覺。

那什麼叫用戶去習慣或是學習的,真心建議還是好好做修改不要偷懶啦,這也是為什麼UX設計師很重要的原因,該花的錢還是要花啦。

接下來就讓蟲蟲介紹一下國泰世華CUBE App的設計亮點吧!ლ( • ̀ω•́ )っ



國泰世華CUBE App


蟲蟲個人滿喜歡的loading畫面

蟲蟲個人滿喜歡的loading畫面

光是打開國泰世華CUBE App的loading畫面就充滿設計感,充滿讓人覺得舒服的空間留白,本身設計也滿符合現代的設計趨勢。

當然有看過蟲蟲講設計的碰友們應該就會知道,在設計上顏值真的不是一切,當然顏值還是很重要啦,但也不能中看不中用。

所以接下來跟著蟲蟲的腳步一起來康康國泰世華CUBE App的操作流程究竟是什麼樣子!ლ( • ̀ω•́ )っ

登入前的畫面

登入前的畫面

Loading畫面跑完之後的初始畫面就如上圖中間的截圖,真的滿直覺的,該按什麼按鈕都不太會有「我是誰?」、「我在哪?」、「我要做什麼?」的窘境。

就是有帳戶的用戶直接登入,沒帳戶的用戶可以選擇開戶或是啟用App,後續申請流程也很清楚明瞭,對於有其他銀行帳戶的用戶來說,開戶速度其實挺快的。

不過對於像蟲蟲這樣的歸國咕來說,就還是得要現場跑一趟。

而且大家應該也看到了,初始畫面就有外幣買賣匯率,對於常常出國玩或是剛好有關注外幣投資理財的用戶來說,真的滿友善的。

非常乾淨的首頁版面

非常乾淨的首頁版面

看到首頁之後大家應該也有發現,國泰世華CUBE App裡面應用了許多icon,比起過多地置入文字告訴大家該如何操作App,像這樣利用icon和底下註明文字,其實對用戶來說更加友善。

視覺上看起來多了能喘息的空間,操作也會更直覺,這點蟲蟲覺得國泰世華CUBE App裡面的圖像與文字的平衡真的做得非常棒。

而且一進入首頁就知道自己要幹嘛。

想知道存款現在多少的話就直接點進去看,要是想要繳費的話快捷鍵就在最頂端,想忽視然後忘記繳費都很難。

設計上國泰世華CUBE App的主色調也一直都很統一,就是漸層的淡綠色到淡藍色,在icon的設計上也沒有跳脫他們的主色調。

霧化背景色的設計也非常符合近幾年的設計趨勢,不如說蟲蟲真的滿訝異有銀行App真的將現代的設計趨勢應用在自己的產品上。

整體視覺就是非常的年輕,同時也兼顧了流暢的操作流程。

其他分頁(以上僅為示意不代理任何投資理財建議)

其他分頁(以上僅為示意不代理任何投資理財建議)

其他分頁就是國泰世華有提供的各項金融服務,包含投資理財、貸款、保險等。大家如果仔細觀察他們底下的導覽icon,就能注意到當icon被選中時,局部線條也會變成他們的配色之一,不僅讓用戶可以清楚知道他們當下在哪一個頁面,視覺上也會看起來更加活潑。

每個頁面裡的排版其實也滿清楚明瞭的,如果有需要該服務的話,要填什麼都有超級明顯的提示和按鈕供用戶點選並進行申請。

就算是在App裡有不清楚的地方,也能直接諮詢專人。

查詢自己的資料也十分方便,等於是在這個App裡,用戶幾乎可以完成所有日常會用到的金融服務,不需要再跑一趟分行。

另外在設定上,蟲蟲有個滿喜歡的設計——

raw-image

在國泰世華CUBE App中,用戶可以選擇自己想要的漲跌顯示色。

有接觸美股的碰友應該會知道,美股的漲跌色跟台灣其實是反過來的,綠色是上漲、紅色是下跌。

因此用戶如果同時有在投資美股和台股的話(不一定是同平台),有時跳著看可能會有點錯亂。

所以蟲蟲覺得這個設計真的很棒,能感覺得出來國泰世華在設計他們的App時,是有充分地了解過他們的用戶需求,同時在操作流程上,應該是有認真做過測試與研究的。

光是這點在眾多銀行App中就十分難得,使用上就能感受到他們的用心。

而且光是用戶友善這點,就能刺激用戶持續使用,畢竟應該沒有人想要打開銀行App卻在裡面不停地迷路,還找不到對應的功能鍵在哪吧。



總結


雖說這篇文章是國泰世華的邀稿,但是實際使用過他們的App之後,蟲蟲個人也覺得國泰世華CUBE App確實在設計上做得非常好。

不僅操作直覺,配色在視覺上看起來也非常簡潔乾淨舒服,在App設計中幾乎可以當作是設計人的重要參考資料之一。

而且光是能讓用戶順利地找到自己想要使用的服務這點就十分優秀,感覺得出來國泰在對待他們用戶上,是有用心想要讓他們的產品變得更好。


溫馨提醒:

1.投資一定有風險,基金投資有賺有賠,申購前應詳閱公開說明書

2. 本服務係國泰世華銀行辦理共同行銷證券經紀開戶業務

3.謹慎理財 信用無價 信用卡暨預借現金之各級別循環信用年利率為 6.75%~15%(依本行信用評分制度定期評估,循環利率之基準日為 104年9月1日)。 預借現金手續費:預借現金金額乘以 3%加上新臺幣150元或美元5元,其他相關費用係依本行網站公告。

本文係由國泰世華銀行邀約。


留言
avatar-img
留言分享你的想法!
格編⭐桑桑-avatar-img
2024/12/30
投資一定有風險,基金投資有賺有賠,申購前應詳閱公開說明書
華蟲-avatar-img
發文者
2024/12/30
格編⭐桑桑 害羞惹(*´艸`*)
亞生綾-avatar-img
2024/12/30
真是仔細的介紹,掌們(合十
華蟲-avatar-img
發文者
2024/12/30
亞生綾 做!!
有邑-avatar-img
2024/12/30
雖然知道是商案,但還是不由自主期待起了別的東西(´≖◞౪◟≖)(X
華蟲-avatar-img
發文者
2024/12/30
有邑 原本有但是被刪掉了😮‍💨
花栗榛果醬-avatar-img
2024/12/30
原來美股跟台灣的漲跌色相反啊(⊙⊙)漲知識了XDD
華蟲-avatar-img
發文者
2024/12/30
花栗榛果醬 對喔XDDD 我就是那個會錯亂的人XDDDDDDDDD
Carry Kuo-avatar-img
2024/12/30
方便的功能~簡潔的介面~
華蟲-avatar-img
發文者
2024/12/30
Carry Kuo 真的,很難得看到銀行的設計這麼乾淨簡潔🤔
avatar-img
宵火盡頭的蟲棲地
77會員
319內容數
蟲棲地是蟲蟲放置自己寫的小說的第N個窩,寫作風格偏向刻劃人性及文學,不過一章萬字起跳都是常態,因此會建議在心境平和、環境安穩的情況下進行沈浸式閱讀ლ( • ̀ω•́ )っ 蟲蟲的文章品質絕對不會讓大家失望!
你可能也想看
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
提供一條簡單公式、一套盤點思路,幫助你快速算出去日本自助旅遊需要準備多少日幣現金!
Thumbnail
提供一條簡單公式、一套盤點思路,幫助你快速算出去日本自助旅遊需要準備多少日幣現金!
Thumbnail
從踏入職場至今,因為薪轉需求而開立了數個銀行帳戶,算一算,手邊已有超過五家銀行帳戶。然而,在這些銀行中,唯有一家是即便我身處於海,仍持續頻繁使用的數位金融服務,那就是「國泰世華 CUBE App」。
Thumbnail
從踏入職場至今,因為薪轉需求而開立了數個銀行帳戶,算一算,手邊已有超過五家銀行帳戶。然而,在這些銀行中,唯有一家是即便我身處於海,仍持續頻繁使用的數位金融服務,那就是「國泰世華 CUBE App」。
Thumbnail
相信大家現在都有在使用網銀的習慣 以前因為打工和工作的關係,我辦過的網銀少說也有5、6間,可以說在使用網銀App方面我可以算是個老手了。 最近受邀參加國泰世華CUBE App的使用測試 嘿嘿~殊不知我本身就有在使用他們的App,所以這次的受測根本可以說是得心應手
Thumbnail
相信大家現在都有在使用網銀的習慣 以前因為打工和工作的關係,我辦過的網銀少說也有5、6間,可以說在使用網銀App方面我可以算是個老手了。 最近受邀參加國泰世華CUBE App的使用測試 嘿嘿~殊不知我本身就有在使用他們的App,所以這次的受測根本可以說是得心應手
Thumbnail
國泰世華CUBE App設計簡潔乾淨,對用戶來說也十分友善,操作流程非常直覺,幾乎已經算是教科書等級的銀行App設計,而且整體設計風格符合近幾年的設計趨勢。
Thumbnail
國泰世華CUBE App設計簡潔乾淨,對用戶來說也十分友善,操作流程非常直覺,幾乎已經算是教科書等級的銀行App設計,而且整體設計風格符合近幾年的設計趨勢。
Thumbnail
嗨!我是一位在國泰金控體系任職的員工,使用「國泰世華 CUBE App」已經有一段時間。今天,我想以員工+客戶雙重視角的身份,聊聊對這款金融 App 的觀察與使用體驗,讓我們馬上開始吧!
Thumbnail
嗨!我是一位在國泰金控體系任職的員工,使用「國泰世華 CUBE App」已經有一段時間。今天,我想以員工+客戶雙重視角的身份,聊聊對這款金融 App 的觀察與使用體驗,讓我們馬上開始吧!
Thumbnail
十月底的時候  在世貿一館  有一場 2022 FinTech Taipei台北金融科技展。 眾多參與的銀行(包含公營、民營)及相關金融單位紛紛拿出壓箱寶來吸引民眾的目光,並推出許多互動遊戲闖關拿精美小贈品等活動,想說可以來跟大家分享一下。 分成三大區塊: 銀行、學校、企業,那我下面內容就分成三小塊
Thumbnail
十月底的時候  在世貿一館  有一場 2022 FinTech Taipei台北金融科技展。 眾多參與的銀行(包含公營、民營)及相關金融單位紛紛拿出壓箱寶來吸引民眾的目光,並推出許多互動遊戲闖關拿精美小贈品等活動,想說可以來跟大家分享一下。 分成三大區塊: 銀行、學校、企業,那我下面內容就分成三小塊
Thumbnail
APP 的設計更是秉持「開發自己愛用、常用的 APP」、「簡捷、實用」、「嚴緊」三大原則
Thumbnail
APP 的設計更是秉持「開發自己愛用、常用的 APP」、「簡捷、實用」、「嚴緊」三大原則
Thumbnail
回首一年多前,還在深圳負責數位產品UX的小小設計師。在面對以中國市場為主要目標的使用者體驗,大多數時團隊採取的設計策略,仍藉由參考競爭對手作為發想的起點。
Thumbnail
回首一年多前,還在深圳負責數位產品UX的小小設計師。在面對以中國市場為主要目標的使用者體驗,大多數時團隊採取的設計策略,仍藉由參考競爭對手作為發想的起點。
Thumbnail
時至今日,人手一隻手機的數位時代,人們十分習慣透過行動裝置來完成生活中的大小事情,舉凡購物、列印、繳款等等,為因應數位潮流,傳統金融機構面對數位時代的來臨,也開始轉型、研發數位金融服務。景丞科技創造了一個可互動的電子帳單平台,讓你的帳單變得更聰明,為你打造更輕鬆的金融理財生活。
Thumbnail
時至今日,人手一隻手機的數位時代,人們十分習慣透過行動裝置來完成生活中的大小事情,舉凡購物、列印、繳款等等,為因應數位潮流,傳統金融機構面對數位時代的來臨,也開始轉型、研發數位金融服務。景丞科技創造了一個可互動的電子帳單平台,讓你的帳單變得更聰明,為你打造更輕鬆的金融理財生活。
Thumbnail
產品開發:從單打獨鬥到齊心事成 如果大家係順住次序、冇跳版咁睇呢本攻略,應該會發現銀行來來去去都係講緊賣產品,差在係傳統嘅存款及貸款產品,抑或係好賺啲嘅投資同保險咁解。問題係,各路銷售人馬,無論係分行、電話銀行抑或網上渠道,其實都係顧掂自己盤數。咁邊度搵人嚟開發產品、研究點樣喺激烈嘅競爭環境之中脫穎
Thumbnail
產品開發:從單打獨鬥到齊心事成 如果大家係順住次序、冇跳版咁睇呢本攻略,應該會發現銀行來來去去都係講緊賣產品,差在係傳統嘅存款及貸款產品,抑或係好賺啲嘅投資同保險咁解。問題係,各路銷售人馬,無論係分行、電話銀行抑或網上渠道,其實都係顧掂自己盤數。咁邊度搵人嚟開發產品、研究點樣喺激烈嘅競爭環境之中脫穎
Thumbnail
最近剛好在看《騰訊方法》,書中分享了騰訊在產品定位、用戶分析和敏捷開發的成功之道,以及這間企業巨頭是如何突破包袱,向創新組織轉型的故事。我個人覺得很有共鳴,對於產品經理要如何將產品打磨到極致,以及如何激勵團隊,這些都有很多細節的描述,大家有機會可以找來看看!:
Thumbnail
最近剛好在看《騰訊方法》,書中分享了騰訊在產品定位、用戶分析和敏捷開發的成功之道,以及這間企業巨頭是如何突破包袱,向創新組織轉型的故事。我個人覺得很有共鳴,對於產品經理要如何將產品打磨到極致,以及如何激勵團隊,這些都有很多細節的描述,大家有機會可以找來看看!:
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News