蘋果正在重新思考「扁平化」，開發者應該注意什麼？|數位時代 BusinessNext

2014年1月8日，蘋果發布了iOS7.1 beta3。開發者已經可以通過OTA升級下載這一新版本的iOS系統。除了修補一些bug並進一步加強語音輔助功能之外，新版的用戶界面（UI）體系發生的變化更引人注目。經歷了iOS 7發布之初人們對其風格迥異的「扁平化」設計毀譽參半的爭論，這半年來，iOS7的每次升級，都體現了蘋果的UI設計團隊對「扁平化」的理解持續深入。

新版iOS7.1 beta 3首先對鍵盤作出了調整：字體增粗，「刪除」和「大小寫」等按鍵進一步增灰，FaceTime和下欄應用也有了不同程度的變深：

ios71keyboard

為什麼調整成這樣？因為所謂扁平化的設計風格，並非直接把UI一刀切去肌理。它的設計理念，源於設計者希望人們的注意力從過分聚焦在界面元素的狀態，回歸為重視內容本身，而複雜的肌理只會干擾內容的條理。

但扁平化的設計的前提是：對內容的訊息架構有所要求。確保扁平界面的可用性，首先需要梳理清楚內容的層級結構，讓用戶找對交互對象，這一點基本功做好的前提下，所謂「擬真化」與「扁平化」的爭論反而不重要了。

從上圖的鍵盤變化我們可以看出，蘋果正把過於「扁平」以至影響視線掃描的部分加強。iOS 7.1 beta3由「純扁平」改良至略有肌理，便是一個印證，也是一次對徹底「扁平化」的反動。

反面的例子，可參考中國某家科技部落格最近改版得接近「純扁平」的主頁設計，你可以發現，層級結構沒有做好便「追求極致」的後果——訊息分散，模塊之間互相產生了排斥。

再來一張iOS 7 Beta 3的圖。同樣的道理，在確保了訊息結構後，蘋果進一步嘗試透過提升對比度來增強交互元素的表現力：配色、字號、位置佈局等等都是可以改變的元素，為交互提供必要的視覺線索及反饋效果，幫助用戶建立認知。 iOS 7的三大設計宗旨：依從、清晰、縱深都得到了很好的詮釋：

phonedialer

iOS 7.1 beta3對「扁平化」的調整和改動，並不僅僅是UI的問題。它可以延伸至另一個思考：如何讓內容更直接呈現，功能以更低成本完成。

我想到了之前PingWest剛報導的一款圖片社交產品Civo，Civo在iOS 7發布之前便是採用扁平設計，理念上已十分貼合，但這並不是重點。在新版裡，我們可以發現這款產品在同一個feed流界面上作了大幅度的改良，把內容（圖片）從頭像中「提取」出來。簡而言之，它採取更直接的內容呈現方式，減少操作層級，這又是一例。（下圖左側為原版）

「突出內容」，同樣可體現在功能模塊位置的設置上。以下是三款金融訊息類應用，我們可以發現，同樣是行情交易軟體，騰訊的「自選股」(iOS/Android)進入主頁首先顯示的是股票報價，而專業從事證券訊息服務多年的「同花順」(iOS/Android)，卻把用戶帶進設有16個選項的個人主頁面，對於一款需要用戶爭分奪秒，以行情交易的瞬息變化為操作需求的產品而言，效率高下立斷。

同樣地，金融訊息工具「雪球財經」(iOS/Android)的客戶端也反映了上述問題：在沒有做好訊息架構（提供了過多且不重要的選項）分類的基礎上，跟風使用扁平化設計，在選項上也沒有做視覺的優化，底下的毛玻璃肌理還對內容產生進一步干擾，這些，無疑都提升了用戶的交互和認知成本。

相對於視覺風格，iOS 7的本質更關注交互層面的內容，「擬真化」與「扁平化」的衝突與中和，背後是一整套完整的設計邏輯。如何用這套設計邏輯為用戶帶來最恰當的體驗才是最關鍵的。當對設計理念有足夠認知時，它留下的是一套嚴謹的生產標準，而不僅是對潮流的跟隨。

出自：Pingwest

在台灣，多數人的第一份保障來得很早，可能來自父母，或是出社會後自行投保。然而，直到今天仍有許多人即使手握數張保單，仍說不清自己到底保了什麼。條款繁複、名詞艱澀，導致投保當下似懂非懂，過一陣子就全忘了。保險資訊的不透明，讓風險管理變成了一場全憑印象、依賴業務員的信任遊戲。

自從國泰人壽推出 App 3.0，以「陪伴」重塑保戶與保險的關係，下一步，更要讓資訊變得透明、易讀、好上手。於是，「保險視圖」誕生了—由國泰人壽戰情室 diLab（Digital Insurance Lab）領軍打造的這個平台，試圖翻轉保單難懂的問題，將散落於規範、條款與系統的資訊重新整理、轉譯與可視化，讓保戶終於能「一圖看懂」保障全貌。

「我們希望做到的不只是查詢工具，而是讓保戶真正理解風險、開始做決定。」diLab 經理林蔚安說，這項專案從發想到上線歷時多年，可說是完成了連同業都不敢想像的艱鉅任務。這場透明革命如何開始？國泰人壽又如何讓這個看似困難的挑戰落地？

資訊透明：讓保險回到能被理解的語言

「保險商品本身就很複雜，很多人買了保險，打開保單還是看不懂。」林蔚安指出，國泰人壽累積 800 萬保戶，團隊在梳理客戶旅程時發現，即使擁有多年的資歷與服務經驗，卻未能讓保戶更清楚自己的保障；大多僅在與業務員討論時略有概念，事後又陷入陌生感。因此，「保險視圖」的構想，就是要讓保戶能在同一平台掌握所有保障與資產資訊。

第一步，是處理「看不懂」這件事。diLab 從資料盤點開始，依照生涯階段與保障屬性，將保單內容重新分為「我的健康照護」、「我的保險資產」、與「我的壽險傳承」三大方向，讓保戶以更貼近日常的邏輯理解保障結構，例如「住院時有哪些保障？」。

「調研時發現，國內幾乎沒有成熟案例可參考，國外雖有概念但差異極大。」林蔚安表示，圖表複雜，反而增加理解負擔，因此團隊反覆推敲呈現方式，「要放什麼、怎麼放、放到什麼程度，光這個架構就討論了數個月！」每一個看似微小的改變，背後都是無數次的反覆測試與訪談，「我們帶著不同版本的草稿詢問保戶，在沒有業務員引導下是否看得懂。」最終，團隊定調以金字塔結構建構視圖基礎，從保戶自己的健康保障，到未來可運用的累積資產，最終到照顧家人的壽險傳承。沒有看似花俏的圖表，只希望讓多數保戶好理解的簡單呈現。

但挑戰不只在前端設計，還有保險條款轉譯。傳統保單以商品邏輯分類，與使用者思考「何時會用到」的方式完全不同。為了讓資訊更貼近生活情境，「保險視圖」不再以條款分類，而以場景情境作為基準。例如保戶生病住院時，介面會按照基礎醫療、意外、癌症、重大疾病、長照與壽險等六大結構分層呈現，先呈現核心，再逐層深化，視覺化整體保障全貌，並同步提供現金價值與現金流資訊，形成一套完整的理解脈絡。

風險洞察：AI協助人們看清保障缺口

當保險資訊透過直覺式的設計變得透明，下一個挑戰就是讓保戶理解「自己目前的保障夠不夠」。

因此「保險視圖」也導入保障目標試算功能，保戶只需回答幾題簡單問題，如：住院希望住單人房或雙人房、對疾病治療的費用承受度等，系統即可推算個人的保障目標。接著，AI 會即時計算保障達成率與缺口比例，將複雜的理賠與條款結構轉換成直覺的百分比。「醫療保障達成率 60％」、「癌症保障達成率 45％」，藉由直觀的數字圖表呈現，讓保戶能一眼看出自己保障的完整程度。

此外，平台不只呈現差距，還會以情境推估可能的支出。例如住院五天、手術一次的費用與實際理賠差異，讓保戶真正感受到風險的具體樣貌。「保戶不再是聽到『癌症住院很貴』這種抽象說法，而是看得到具體數字。」透過以場景為基礎的推算，使保戶終於能對模糊的風險概念有畫面，並對理賠內容有更直觀的理解。

平台也提供「熱門推薦」與「 AI 推薦」兩種建議模式。前者以性別、年齡作為分析基礎，後者則依個人資料與既有保單做更客製化的配置。保戶可在平台初步理解現況後，再與業務員討論，透過數位賦能、與有溫度的人性服務建立互補機制，也讓業務溝通更聚焦、更有效率。

領航轉型：戰情室以創新實踐「以人為本」

保險視圖歷經多次迭代上線，雖仍在推廣階段，但初步成效已浮現。以今年 4 月關稅議題為例，資產型保單查詢需求明顯攀升，保戶登入次數從每週平均 4 萬次提升到 5 萬 6 千次，大幅成長40%。以往查詢保單價值需透過業務員協助或臨櫃辦理，如今登入平台即可取得資訊。

此外，視覺化呈現保障缺口後，有保戶回饋「看到達成率 70％，就想補到 100％」，顯示視覺化真正促進了主動管理的行為轉換。

能完成一份視覺化介面不難，但能把 60 多年累積的保險商品結構、條款邏輯與資料系統重新整合再轉譯，背後極度仰賴組織文化。尤其，保險視圖的誕生，從構想到落地，專案歷時 4 年，期間國泰以「區塊化堆疊」的方式逐步發展服務功能，包括資產總覽、健康與壽險視圖、缺口試算與 AI 推薦，每一步都需要長時間協作與反覆推敲。

林蔚安形容：「戰情室就像加速器。」其角色是串聯商品、數據、數位、UI與UX設計、開發工程與行銷等多個團隊，以使用者中心作為共通語言，讓跨部門能在同一個目標下推進。「大家的專業不同，但只要目標一致，就能共同前進！」

展望未來，透明化只是起點。林蔚安指出，下一步是讓更多保戶願意使用平台，使行為軌跡形成數據基礎，再透過個人化推播與 App 串接，發展國泰人壽保戶更完整的數位體驗。「這條路很難，但值得做。」他分享，有一次泰國人壽數位團隊來台交流，第一眼看到保險視圖就說：「這真的很不容易。」但也因此，更突顯國泰人壽勇於創新、以人為本的服務精神。同時，保險視圖也不會是終點，卻會是打開未來保險模式的一把關鍵鑰匙。國泰人壽以具體行動落實「Better Together 共創更好」，在每一項細節中重塑保險服務的日常價值。

保險視圖：https://cathaylife.tw/VoeoOdb