美感,需要從專注開始:一文進入國泰世華CUBE App的使用者美學世界

更新於 2024/08/20閱讀時間約 6 分鐘
  • 文內如有投資理財相關經驗、知識、資訊等內容,皆為創作者個人分享行為。
  • 有價證券、指數與衍生性商品之數據資料,僅供輔助說明之用,不代表創作者投資決策之推介及建議。
  • 閱讀同時,請審慎思考自身條件及自我決策,並應有為決策負責之事前認知。
  • 方格子希望您能從這些分享內容汲取投資養份,養成獨立思考的能力、判斷、行動,成就最適合您的投資理財模式。
「設計不僅僅是外觀和感覺。設計是其運作的方式。」 — Steve Jobs

身為一個獨立文案,許多人會以為我們的生活只需要面對電腦,從無到有,用精巧的文字填滿空白的螢幕,呈現心目中獨具風格的作品。

——有的時候可以如此,但其實這是我們夢寐以求的偶發日常。

更多的時候,白天的工作時間總被各種繁雜的事務填滿。包含與新客戶的初步接洽、既有業主的企劃討論、和合作夥伴的專案管理等;更不用說款項收付等各種與財務相關的行政與日常庶務流程了。

你以為的 v.s. 實際上的獨立文案(統計上禮拜的真實數據!)

  • 上網搜尋案件/投遞履歷 20%
  • 實體線上開會討論/採訪/激烈討論(?)修改內容 25%
  • 開報價單/記帳/要錢(???)15%
  • 閱讀+尋找靈感+...+寫作時間 40%

在這麼多的雜務當中,要從備戰狀態回歸平和穩定的創作心流,正是獨立工作者的挑戰,老實說也是相當困難的一件事。令人驚訝的是,本次受邀體驗國泰世華CUBE App時,竟然能感受到「少即是多」的當代設計哲學體驗

raw-image

以下,就以3個切入點來分享,我欣賞國泰世華CUBE App的地方:

好感1:白/藍/綠的微科技設計

其介面設計是其一大亮點。從打開應用程式的那一刻起,就能感受到簡約而不失高雅的設計風格。

第一印象加分

純白的底色給人一種清新、明亮的感覺,減少視覺疲勞;而無襯線字體的使用,讓文字顯得更加乾淨俐落,提升閱讀的流暢性;另外少量的漸層淡藍綠色點綴,使得介面在簡潔之餘保留一絲現代科技感,既不喧賓奪主,又能增添恍若自然的舒適與愉悅。

引述產品設計師Ray Ma的設計理念,App當中包含豐富的設計細節:

設計師現身說法

  1. 微動態設計在背景利用光暈去做出三色的緩慢移動,做出空間氛圍的層次,也不會干擾用戶閱讀資訊
  2. Tab bar icon 運用本身顏色及icon特性做動態,增添設計活潑性
  3. 主體以白色作為主基調,藉由CUBE三色層次做變化,用戶在閱讀體驗上也不會干擾
  4. Icon設計上,減少圓角弧度,避免過度可愛。同時也強化icon的辨識度

對我來說,我非常喜歡這樣的設計風格。時下大部分金融產品的外觀,不是聚焦在高科技與數據導向,就是為了親和力而使用鮮豔的卡通式設計。雖然合理,但終究不是我喜愛的風格取向,國泰世華CUBE App恰巧補足了市場上風格族群的偏好空缺,非常期待它成為市場上設計美學的領路者!

好感2:願意被閱讀,是溝通的開始

我喜歡國泰世華CUBE App的第二個原因,是它對文字介面的妥善規劃。大部分金融應用的說明文字通常很小、語句冷僻生硬,讓人難以閱讀,不良的設計往往會讓人回想起因為沒有仔細閱覽合約,而被保險、理財產品等業務員推銷欺騙的不好經驗。然而,國泰世華CUBE App在這方面做得非常出色。

raw-image

優質的文字設計

行距恰當:每一行文字之間的距離設計得當,不會讓人感到擁擠,閱讀起來更加舒適。當你需要長時間瀏覽和閱讀金融資訊時,這樣的設計有助於減少視覺疲勞。

字體大小適中:避免因字體過小而導致的閱讀困難,這種貼心的設計不僅提高閱讀效率,也讓使用者感受到企業透明溝通的誠意。

字數妥善:選單中的文字資訊與字數都經過精心安排,不會讓人感到資訊過量,容易閱讀。

對應企業文化的實際行動

雖然我過去尚未使用過國泰世華的相關服務,但這些設計細節,讓我更願意相信國泰世華「誠信」的企業價值。願意以簡潔明瞭的方式將內容公開並且進行互動,不管在什麼樣的領域,都是開啟信賴的第一步

好感3:生活理財導向的介面規劃策略

隨著工作經驗與資產的累積,我也逐漸意識到理財的重要性。然而,與大多數文字工作者一樣,我同樣不擅於應付複雜的數字,在國泰世華CUBE App當中,可以發現它想要為忙碌的現代人以及理財新手,提供更易操作平台的企圖心。

raw-image

以初學理財為導向

登入國泰世華CUBE App後,除了第一項「帳務總覽」外,主選單的其餘項目分別是投資、貸款、保險,幾乎涵蓋了理財初學者需要的各項組合。而它的介面也十分特別,點入每個分類標籤時,更像是在閱讀一篇篇的部落格文章與資訊視覺化內容

舉「基金」的例子來說,不僅可以選擇瀏覽排行、個人化推薦或者話題基金,每支基金點入後還會有易讀性很高的直觀內容:

視覺化資訊內容

績效表現:時間區間與累積報酬率的折線圖

淨值走勢:日期與淨值市價的折線圖

投資配置:以科技、工業、金融服務等產業告訴你這支基金的組成

詳細持股:基金當中包含哪些持股以及它的比例

我相信一般的投資軟體一定也有具備這些功能,但是在我少數(且偷懶又排斥)的使用經驗中,還是第一次這麼快速清楚的看懂投資標的的成分,這令我非常激賞。

raw-image

Plus! 獨立接案者爆推的關鍵字功能

還沒試著操作完所有功能,我就看到本次評測心目中的第一名:
帳戶明細關鍵字搜尋功能

文章開頭我就說過,行政庶務實在是件麻煩事,排行冠軍但又絕對要做的就是對!帳!往來帳目一多,每次對帳都會搞得頭昏眼花,尤其是面對大型企業時,往往入帳週期長、對方又不會主動通知,簡直像是大海撈針。

但是國泰世華CUBE App帳戶明細的搜尋功能可以解決這件事,他的搜尋包含:

按日期:單次查詢區間上限一年。這跟時下工具類似,持平。

按類型:存入/提出/簽帳金融卡/薪資獎金。概念不錯,雖然知道以銀行端增加類型有技術上的挑戰,但很期望未來可以增加更多類型。

按關鍵字:可搜尋交易類型、金額、對方帳號、備註。這對我來說比以往方便許多,尤其是按金額搜尋的方式,可以想像雖然還是會碰到內扣匯費導致核對不上,但是已經比現行方便很多了!

結語

雖然選擇金融服務還是要依據個人的需求和習慣決定,但國泰世華CUBE App的設計確實令人印象深刻!它不僅滿足我對功能性的需求,更因為其簡潔、優雅且實用的設計,讓整體的使用體驗提升,希望它們的產品規劃策略,能為金融科技應用樹立新標竿。


本文係由國泰世華邀稿
產險商品由國泰產險提供,國泰保單資料由國泰產險與國泰人壽提供
本服務係國泰世華銀行辦理共同行銷證券經紀開戶業務
投資一定有風險基金投資有賺有賠申購前應詳閱公開說明書


專注美學與品味的風格邏輯、生活風格與質感設計、沈浸式體驗與地方創生。只有文字,能用細節打造出,比視覺和想像力更精確的——夢寐以求樣態。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
標語「Safe Water save kids」和對應中文的翻譯「乾淨的水源,孩子的救援」非常有意思,以下是解析這個標語和翻譯的3個重點:
標題很聳動,結論先行:我覺得普通。因為我不想當內容農場標題黨,所以先寫前面摘要會出現的地方哈哈哈。老粉應該都知道,我在空閒的時候會上博碩士論文網,看看最近有沒有什麼值得分享且有學理基礎的系統性新知。今天找到一份《房地產文案模式:自然語言處理方法》論文,簡化後加上自己的心得與讀者們分享。
在數位溝通的當代社會中,表情符號已成為大家生活中不可或缺的一部分。從笑哭臉到傷心淚,全球網友廣泛的在社群媒體和即時通訊中使用表情符號。但是,這些小圖像在文案中的運用,其實是一把雙刃劍?
如何運用語言的韻律,增強文案閱讀的流暢性? 在短影音和社群資訊充斥的時代,市面上的文案取向越來越白話、簡單,只要內容充實豐富,直白的敘述也可以獲得流量青睞。然而,有一個經常被忽略的關鍵元素,依然會讓簡單的文字同樣吸引人:那就是文案的「節奏」。 語言的節奏和韻律是什麼? 語言的節奏和韻律,是
生成式AI快速發展,但在文案領域還有些許無法取代的部分,例如幽默感、跨文化溝通、小眾文化和特定行業的專業知識。AI雖然能產生梗文和笑話,卻缺乏對當地流行文化和社會動態的深刻理解,因此文案工作者仍然具有獨特價值。此外,奢侈品、專業技術產業和業務溝通底稿等領域,也是AI難以取代的內容。
《蒼鷺與少年》(君たちはどう生きるか)是宮崎駿睽違十年最新動畫作品,觀看這部片時,我認為世界觀的虛實切角尚稱明確,但最大的疑惑就是各個角色之間的關係,以及每個角色為何做出這件事的動機,因此藉著本文進行猜測與梳理。
標語「Safe Water save kids」和對應中文的翻譯「乾淨的水源,孩子的救援」非常有意思,以下是解析這個標語和翻譯的3個重點:
標題很聳動,結論先行:我覺得普通。因為我不想當內容農場標題黨,所以先寫前面摘要會出現的地方哈哈哈。老粉應該都知道,我在空閒的時候會上博碩士論文網,看看最近有沒有什麼值得分享且有學理基礎的系統性新知。今天找到一份《房地產文案模式:自然語言處理方法》論文,簡化後加上自己的心得與讀者們分享。
在數位溝通的當代社會中,表情符號已成為大家生活中不可或缺的一部分。從笑哭臉到傷心淚,全球網友廣泛的在社群媒體和即時通訊中使用表情符號。但是,這些小圖像在文案中的運用,其實是一把雙刃劍?
如何運用語言的韻律,增強文案閱讀的流暢性? 在短影音和社群資訊充斥的時代,市面上的文案取向越來越白話、簡單,只要內容充實豐富,直白的敘述也可以獲得流量青睞。然而,有一個經常被忽略的關鍵元素,依然會讓簡單的文字同樣吸引人:那就是文案的「節奏」。 語言的節奏和韻律是什麼? 語言的節奏和韻律,是
生成式AI快速發展,但在文案領域還有些許無法取代的部分,例如幽默感、跨文化溝通、小眾文化和特定行業的專業知識。AI雖然能產生梗文和笑話,卻缺乏對當地流行文化和社會動態的深刻理解,因此文案工作者仍然具有獨特價值。此外,奢侈品、專業技術產業和業務溝通底稿等領域,也是AI難以取代的內容。
《蒼鷺與少年》(君たちはどう生きるか)是宮崎駿睽違十年最新動畫作品,觀看這部片時,我認為世界觀的虛實切角尚稱明確,但最大的疑惑就是各個角色之間的關係,以及每個角色為何做出這件事的動機,因此藉著本文進行猜測與梳理。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
*鬍子老師 某豪 「觀點」可以改變一個人的世界(視界)。 我從事藝術教育工作,自然著迷於攝影,每當眼睛遊移於相機觀景窗與實際風景時,總覺得兩者存在著許多無法言喻的差異。 各位應該都有使用手機幫忙拍團體照的經驗,但往往拍出來之後會聽到:「我怎麼看起來這麼胖!」、「我腿變得好短!」諸如此類的抱怨聲,其實
Thumbnail
*鬍子老師 某豪 我承認自己是男人的沙文主義者、傳統的父權觀,但自從接受人文主義思想以及性別平權的立法與主張的洗禮之後,讓我在藝術教育這塊領域的觀念也為之改變。 在我的教學職涯中,類似這樣的觀念改變不勝枚舉: 回想第一次在大專院校兼課時開了一門「#流行藝術的創意點子」,受到當時學生的啟發,讓我和他們
Thumbnail
這是一本很療癒的收納工具書, 裡面放了一大堆他們收納的示範照片, 對色彩很敏感的朋友一定會想把它買回家。 兩位作者文筆很幽默, 文中處處展示她們的冷笑話, 比如說: 這隻貓不喜歡喬安納(作者之一), 我們尊重不同意見, 這次任務第一步, 就是把她們分開, 讓她們待在各自的角落。 同時她倆又很瘋狂。
Thumbnail
*鬍子老師 某豪 究竟是框架?還是突破? 我對「框、格、架」等具有「結構性」的造型,以及玻璃、鏡子等光滑、反射的介面有特別的偏好。回想自己就讀新竹師專美勞科(1981)時,莫名地喜愛描繪有框、透明的玻璃以及反射光影的視覺現象,當時並不清楚為何如此迷戀,但經歷過藝術教育與人生際遇之後,才發現這不僅是個
Thumbnail
*鬍子老師 某豪 2加3等於1?這是什麼數學題?請您運用您的創意解看看! 這其實不是什麼數學題,是我個人所定義出來的創意公式。 本系列的文章以「美感創意隨身『包』」命題,希望透過生活事物的取材,探討美感和創意之間的連結,讓每個例子像「分享包」一樣,成為可隨身攜帶與享用的美感創意點子。 至於2加3為何
Thumbnail
我覺得這部電影中最美的畫面不是最有人氣柱鬼打鬥的名場面,這部電影,對我來說,不管是從角色故事的刻劃、動畫本身呈現出來的視覺和聲光效果、以及劇情當中暗含的教育意義,都讓我覺得這部電影好美,但最觸動我心弦的,是杏壽郎媽媽對杏壽郎說的那一段話...
Thumbnail
本次徵文由方格子與 釀電影 合作舉辦,參與過的影迷格友們應該不陌生,新格友也千萬不要錯過。本期「美感先決」徵文活動即日起展開,參加徵文還有機會獲得美美的釀電影雜誌獎品喔!這次,方格子與釀電影邀請你一起分享,那些你所喜愛的電影畫面與你自己的關聯,寫下那些令你難以忘懷的、屬於你的美感先決!
Thumbnail
我本身是唸商學院的,任何有關「美術」的東西對我們來說都懵懵懂懂,腦中的既定印象是他們都很有美感,會操作一些程式,感覺很厲害,我們應該學不來吧! 「應該很會用PS的人都具有美感吧?」 「應該是要做得出來的才稱得上具備美感的人」 我們反面思考一下,難道非美術相關科系的人就與「美感」完全隔絕了嗎?
夜晚, 她身著白色素T,貼身牛仔褲,披上黑色皮衣,上身向前微傾,對著化妝台前的鏡面檢查著妝容,順手勾起,那掛在桌面擺飾上的純銀十字架項鏈,出門前,套上那雙黑色高跟鞋; 「Hi,妳一個人來嗎?」突如其來的聲音,打斷她專心品味的時間,「本來是,但現在有了你的加入」她毫不在意的回覆著,
Thumbnail
美感養成,尚趕不上學習之主流,但的確已日漸浮出檯面,從校舍興建開始著重設計感,教科書封面亦成為美感養成的一環。Don’t judge a book by its cover.的年代好像已經過去。 記得,在還不知美感為何物,國中時期的我,媽媽買了一本學英文的勵志書,封面,是作者本人,大約有8成的版面.
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
*鬍子老師 某豪 「觀點」可以改變一個人的世界(視界)。 我從事藝術教育工作,自然著迷於攝影,每當眼睛遊移於相機觀景窗與實際風景時,總覺得兩者存在著許多無法言喻的差異。 各位應該都有使用手機幫忙拍團體照的經驗,但往往拍出來之後會聽到:「我怎麼看起來這麼胖!」、「我腿變得好短!」諸如此類的抱怨聲,其實
Thumbnail
*鬍子老師 某豪 我承認自己是男人的沙文主義者、傳統的父權觀,但自從接受人文主義思想以及性別平權的立法與主張的洗禮之後,讓我在藝術教育這塊領域的觀念也為之改變。 在我的教學職涯中,類似這樣的觀念改變不勝枚舉: 回想第一次在大專院校兼課時開了一門「#流行藝術的創意點子」,受到當時學生的啟發,讓我和他們
Thumbnail
這是一本很療癒的收納工具書, 裡面放了一大堆他們收納的示範照片, 對色彩很敏感的朋友一定會想把它買回家。 兩位作者文筆很幽默, 文中處處展示她們的冷笑話, 比如說: 這隻貓不喜歡喬安納(作者之一), 我們尊重不同意見, 這次任務第一步, 就是把她們分開, 讓她們待在各自的角落。 同時她倆又很瘋狂。
Thumbnail
*鬍子老師 某豪 究竟是框架?還是突破? 我對「框、格、架」等具有「結構性」的造型,以及玻璃、鏡子等光滑、反射的介面有特別的偏好。回想自己就讀新竹師專美勞科(1981)時,莫名地喜愛描繪有框、透明的玻璃以及反射光影的視覺現象,當時並不清楚為何如此迷戀,但經歷過藝術教育與人生際遇之後,才發現這不僅是個
Thumbnail
*鬍子老師 某豪 2加3等於1?這是什麼數學題?請您運用您的創意解看看! 這其實不是什麼數學題,是我個人所定義出來的創意公式。 本系列的文章以「美感創意隨身『包』」命題,希望透過生活事物的取材,探討美感和創意之間的連結,讓每個例子像「分享包」一樣,成為可隨身攜帶與享用的美感創意點子。 至於2加3為何
Thumbnail
我覺得這部電影中最美的畫面不是最有人氣柱鬼打鬥的名場面,這部電影,對我來說,不管是從角色故事的刻劃、動畫本身呈現出來的視覺和聲光效果、以及劇情當中暗含的教育意義,都讓我覺得這部電影好美,但最觸動我心弦的,是杏壽郎媽媽對杏壽郎說的那一段話...
Thumbnail
本次徵文由方格子與 釀電影 合作舉辦,參與過的影迷格友們應該不陌生,新格友也千萬不要錯過。本期「美感先決」徵文活動即日起展開,參加徵文還有機會獲得美美的釀電影雜誌獎品喔!這次,方格子與釀電影邀請你一起分享,那些你所喜愛的電影畫面與你自己的關聯,寫下那些令你難以忘懷的、屬於你的美感先決!
Thumbnail
我本身是唸商學院的,任何有關「美術」的東西對我們來說都懵懵懂懂,腦中的既定印象是他們都很有美感,會操作一些程式,感覺很厲害,我們應該學不來吧! 「應該很會用PS的人都具有美感吧?」 「應該是要做得出來的才稱得上具備美感的人」 我們反面思考一下,難道非美術相關科系的人就與「美感」完全隔絕了嗎?
夜晚, 她身著白色素T,貼身牛仔褲,披上黑色皮衣,上身向前微傾,對著化妝台前的鏡面檢查著妝容,順手勾起,那掛在桌面擺飾上的純銀十字架項鏈,出門前,套上那雙黑色高跟鞋; 「Hi,妳一個人來嗎?」突如其來的聲音,打斷她專心品味的時間,「本來是,但現在有了你的加入」她毫不在意的回覆著,
Thumbnail
美感養成,尚趕不上學習之主流,但的確已日漸浮出檯面,從校舍興建開始著重設計感,教科書封面亦成為美感養成的一環。Don’t judge a book by its cover.的年代好像已經過去。 記得,在還不知美感為何物,國中時期的我,媽媽買了一本學英文的勵志書,封面,是作者本人,大約有8成的版面.