專案經歷
關於我
下載履歷
EN/CN
專案時間
Aug 2021 - Present
我的角色
產品設計師
我的責任
流程規劃、設計完稿、工程交付、測試
Bryton Active
行動應用程式 | 使用者介面/體驗設計 | 建立設計系統
關於 Active
「Active」是一款為使用Bryton智慧自行車錶產品的用戶提供豐富服務的移動應用程式。主要協助Bryton用戶追蹤、分析並管理他們的騎乘活動數據，同時也是部分需有網路服務互動的進階功能所仰賴使用的工具，在Bryton產品體驗中扮演重要角色的輔助工具。
專案背景
Active app 一直是Bryton銷售上的痛點。在品牌成立初期，由於開發資源不足，當時的軟體團隊選擇了使用網頁架構來進行Active應用程式的開發，這造成後續隨著產品的發展，功能持續疊加的需求遭受了許多的限制而需妥協。
我們在 NPS 的調查報告中也常看到，許多用戶抱怨我們的App看起來非常過時，且為了進一步提升其性能及穩定性，決定使用iOS & Android原生開發技術。
專案目標&挑戰
在當時，我們希望這個應用程式轉原生開發技術的專案能趕上搭配也正在開發中的新旗艦機種上市，除了UI的改版外，也需同時開發新功能以及既有功能優化。
面對極緊迫的時辰壓力及人力資源限制，我的任務是在不大幅度更改設計及資訊架構的情況下，分別與外部iOS/Android軟體工程師合作對UI設計做優化，並與內部軟體工程師合作，按需求規劃並設計新增功能流程。
我的任務
除了UI改版且導入全新設計系統，一致的風格帶給使用者更良好的體驗外，我的任務也包含新功能流程設計以及既有功能的優化及迭代。
01
介面改版 打造品牌一致性
02
新功能 Group Ride
03
舊有功能優化
全新 App Icon
在正式轉職成為產品設計後，我在開發前期發起了幾次設計工作坊，與行銷部的新進設計同仁一同為品牌/產品視覺做策劃。我們根據既有的品牌識別系統及產品策略為Bryton品牌及產品線各系列做視覺風格的定義。配合嶄新的UI系統及行銷再宣傳需求，我根據Product Roadmap將Bryton Mobile App輔助應用程式做系列化，同時賦予各產品線視覺定義，將各系列在符合品牌一致性的狀況下做出區隔。
設計系統
我根據設計工作坊的決議賦予Active app視覺/操作系統做定義，並與iOS & Android雙平台工程師一同討論了解他們理想上元件的組合方式再做調整。
介面改版
按照團隊決議，將視覺風格定義及設計系統落實至App中各個頁面。
亮點功能
除了UI改版且導入全新設計系統，一致的風格帶給使用者更良好的體驗外，我的任務也包含新功能流程設計以及既有功能的優化及迭代。
Group Ride
團體騎乘功能
About Group Ride 團騎功能
「Group Ride」是Bryton車錶產品線共同的重大迭代目標。透過與Active App的連線，手機連網傳送/取得騎乘資訊，Group Ride是一個幫助騎車團體在騎乘中能即時的透過車錶取得團員位置及騎乘資訊以及對話訊息的功能。
其商業目標增加長期用戶的黏著性、吸引更多類型用戶以擴展市場、透過用戶車友團體間的介紹提高品牌知名度和獲取有關用戶的數據，以實現長期的商業成功。
專案挑戰 & 執行
Group Ride功能是集結市場競品大成的規格，在時間緊迫且有限的桌面研究資料的狀況下，產品團隊在開發中各個階段的使用者旅程都有密集的討論。因車錶裝置與Active應用程式的合作在每個環節都息息相關，開發過程中我們也以大量的表單文件來描述/同步各用戶視角下的顯示狀態。
希望能給使用者便利的使用體驗的同時，也得確保車錶裝置, Active App及伺服器能順利互動，確實地傳送並接收即時資料。 初版我們根據假設設計了產品的功能，並以產品上線前的測試來取得實質回饋並引導設計改版。
規劃訓練課表 ＆ 排程功能
搭配當時同時籌備上市中的S系列高階訓練族群產品，我們也根據調查搜集的需求針對訓練課表規劃功能做優化並新增排程功能。
上架預覽圖設計
設計具吸引力的預覽圖可以維護/增強用戶對品牌的信任感，提升消費者對Bryton品牌專業的信任度，也有效傳遞應用程式主要功能。
反思與學習
於Design System - iOS & Android Design Guideline
「一個App產品設計在兩個平台上是「統一設計」或「遵從平台規範」，這其實並非 1 或 0 的選擇，而是是漸變的如同光譜概念。」行銷設計背景的我，起初對於視覺的要求強過一切，從這個專案中我終於體驗這一段話的意思。我學到統一設計所帶來的開發成本，往往會比遵從雙平台規範高很多。遵從雙平台規範雖然在產品視覺上本身品牌個性會減弱一些，但Active作為產品輔助應用程式更重要的事情是讓各平台使用者好用、容易上手，且也能快速的使用到新功能。
透過長時間迭代維護Active這個產品讓我更進一步。
理解應用軟件透過藍芽技術與車錶裝置間的互動概念及應用
在Web App轉雙平台以原生技術的專案中，除了讓我對雙平台設計準則有更深的認識外，透過與雙平台前端工程師們的合作，也理解元件在變形間及各狀態下不同的開發組成方式
Thanks for Watching!
期待與你更進一步聊聊專案細節
更多專案
Katherine Hsigh
katherinehsieh175@gmail.com
(+886) 912 449828
