Branding UI Design 品牌推廣介面設計

關於

設計貼近用戶生活的人物角色，讓民眾能夠更容易投射於使用情境中，目標達成期待用戶完成的任務、加深印象。WaCare App將推出社群各項功能時，例如：加好友、血壓紀錄、空氣污染定位追蹤等，為帶入實體情境應用，避免新穎的健康管理模式民眾無法吸收，也期望民眾理解健康管理工具不只是紀錄無意義的數據，更能為他與家人帶來正向好處，了解不同的身體健康狀況用戶所使用的應用方法有所差異，因此設計人物角色引導其快速認識產品、完成期望任務，同時達成行銷推廣目的。

需求目標

1. 方便用戶投射角色，透過App應用於自身生活型態，達成任務
2. 軟化產品印象，賦予產品故事增添其溫度及趣味性
3. 強化用戶品牌印象

主要用戶

1. 亞健康族群
2. 照顧者族群

設計限制

1. 講求程式效能順暢，應避免需高度運算的製圖
2. 健康應用情境多，人物角色應要能被高效重置設計

用戶觀察

產品設計概念核心圍繞於「在意家人的健康比在意自己還多」「正確地照顧好自己就是照顧好別人」，以他人的健康快樂就是自己的幸福為出發點產生使用WaCare的動機，產生兩種主要用戶的輪廓，亦衍生出兩個主要角色，1.家庭支柱（亞健康族群）- 健康促進、照顧家人、2.專業照服員（照顧者族群）- 學習正確衛教，照顧好病人。

考量用戶輪廓多數為中高齡族群，普遍需要「有溫度地」引導教學，且步調需要再放「慢」，更重要的事明確地告訴他使用的好處，吸引該族群的目光才能提升其使用意願，透過兩個主要角色帶領導覽整個App，體驗整體調性與App訴求，盡可能地給用戶滿滿的溫度，多更多「人」的感受。

角色人物設計

因重視角色要能被高效率應用，角色性別以一男一女、反差外型及鮮明的個性作為主要角色，彼此互補調和，選擇適合的角色應用於故事腳本中，用戶更容易投射情境其中，在設計作業上能應對進退。

角色外觀設計

為確保Lottie動畫呈現順暢在程式運算上不造成不必要的負擔，人物設計上不過度使用特效、色彩及複雜的線條，以點線面產生的幾何形狀組成，且不發生生硬感，色彩使用App Icon特定標準色延伸相近彩度與明度色彩輔助重複搭配，增添App豐富、趣味性，加強品牌識別。

將人物角色動畫融入UIUX設計

本專案合作參與者包含：UIUX、行銷、視覺設計、動畫師、工程師，多方跨領域合作。與行銷先行確認品牌形象定位，UIUX設計將用戶任務目標作為標的，利用故事角色作為用戶使用導覽員，一步步營造生動活潑的體驗，設計出整體行為導覽直到完成目標，參與撰寫故事腳本融入於UI中，以文字搭配畫面作為雛形，由視覺設計與動畫師繪製加入動態呈現，再透過Lottie轉檔予工程師寫入App。