ProjectCover_GardiaApp
專案時間
Jun - Nov 2022
我的角色
產品設計師
我的責任
流程規劃、設計完稿、工程交付、測試

專案介紹

「Gardia」是一款搭配Bryton新產品 - 自行車智慧型雷達車尾燈使用所開發的應用程式。
透過藍芽將「Gardia App」與智慧型雷達車燈做配對,Gardia將顯示雷達裝置偵測到後方來車動態的訊號對用戶做顯示、聲音、震動等提示。用戶也需透過「Gardia」尾燈裝置做相關設定,如控制尾燈的發光模式、煞車燈開關等,以及更新韌體裝置,是使用雷達產品的用戶不可或缺的輔助應用程式。

角色與產出

在這個專案中,我和三位工程師密切合作,iOS & Android 外部資源工程師及內部一位負責雷達裝置的工程師。我負責整個 UX 和 UI 設計流程與產出,從定義問題、設計完稿到工程交付並負責字串撰寫及管理。

專案目標與挑戰

這個專案最大的開案時,手邊同時有多個專案進行。要協助Onboard首次合作的外包工程師,讓他們了解產品規格、快速的協調合作方式,並在時辰內完成符合我方期待的任務。

定義需求及目標

關於Gardia輔助應用程式的規格及設計,由於市場競爭對手少,專案目標從起初就蠻清楚。經過產品開發前期做的市場研究調查,已讓我們對自行車雷達產品的用戶類型及使用情境有一定的了解。在著手進行「Gardia」設計前,我針對競品應用程式相關的用戶回饋做了最後的研究整理,並與產品經理及工程師討論取捨部分需求。

除競品設計分析外,我們透過搜尋各大銷售平台、應用程式商店及各代理商的建議整理出幾項需求:
■ 雷達實際為用戶帶來另一個重要價值是告知安全 - ”後方沒有來車“

■ 來車提示音量需要足夠大聲
■ 支援震動提示以利騎乘時放置於車衣後方口袋得到提醒
■ 進入市區長時間後方有來車的狀況,能快速的關閉提示音,減少高頻率的提示音帶來的惱人感受。

資訊架構 & 功能流程

在定義出主要需求後,我也納入品牌產品路線圖的未來規劃為考量,繪製了2組資訊架構圖。透過優劣勢分析並與產品及in-house工程團隊討論做出決議。後續產出資訊架構及產品規格細節文件,透過會議溝通讓未曾接觸過相關產品的外包軟體工程師能一覽文件清楚了解合作方式、產品架構及需求功能細節敘述,確保雙方對於專案的想像一致,有效降低溝通成本。

設計系統

我根據設計小組發起工作坊的決議賦予Gardia app視覺定義,並根據功能需求繪製特殊Icon圖標。
Screenshot_GardiaDesignSystem

介面設計

將定義的視覺風格及設計系統落實至App中各個頁面。

上架預覽圖設計

儘管Gardia作為硬體裝置的輔助應用程式,僅為特定族群使用所設計。以高質量預覽圖吸引用戶以提高App的下載量的策略情境相對的不太存在。但具吸引力的預覽圖仍然可以維護/增強用戶對品牌的信任感,一份看起來精心設計的介面預覽能夠提升消費者對Bryton品牌專業的信任度,也有效傳遞應用程式主要功能。

成果與學習

這個案子裡與Android工程師合作是這個專案中令我印象深刻的一項大挑戰。在來回溝通過程中,對溝通技巧這項軟實力的精進有很大的幫助,我學到如何巧妙的迴避對方情緒化的應對方式,專注在雙方如何共同解決問題的方法做討論,以扭轉看起來持續惡化的工作氣氛,最終在雙方都各退一步妥協的情況下,在時辰內順利完成案子。

Thanks for Watching!

期待與你更進一步聊聊專案細節

更多專案

ProjectCover_ActiveAppProjectCover_VoiceToTextUXOptimizationProjectCover_GardiaApp