返回作品列表

數位產品

CHUD App UX/UI Design

CHUD 應用程式完整 UX/UI 設計,從使用者研究到視覺設計的全流程執行。

UI/UX Mobile App

客戶

車載 HUD 配對與功能控制應用

類型

UI/UX

年份

2016

項目數

3

延伸

可查看完整作品頁

CHUD mobile app product mockup and HUD interface set

主視覺把 CHUD 裝置、手機畫面與主要操作狀態放在同一張圖裡,先建立產品定位與使用情境。

專案重點

這類車載配件 App 很容易只剩設定頁截圖,但真正困難的是如何讓裝置配對、連線狀態與功能啟用條件被快速理解。

設計思路

把產品敘事拆成三層:先認識裝置,再完成配對與狀態確認,最後進入具體功能的開啟流程。

成果定位

最終案例能完整說明 CHUD 不只是單一介面,而是一套圍繞車載 HUD 裝置配對與功能控制的手機端操作體驗。

案例圖組

延伸應用

主視覺之外的補充畫面與延伸成果。

CHUD Bluetooth pairing and status transition flowboard
流程板整理了藍牙配對、連線中、已連線與通知狀態,補足這個產品最重要的任務主線。
CHUD magnifier feature onboarding and settings flow
導航放大功能的導引畫面把啟用前提、操作入口與設定切換說清楚,避免功能價值停留在靜態截圖。

摘要

這個案子聚焦在 CHUD 車載 HUD 的手機端操作體驗,從產品主視覺、藍牙配對流程到導航放大功能導引,都在回答同一件事:如何讓裝置連線與功能啟用變得直觀且可執行。

這類案例的價值不只在畫面美感,而在硬體裝置與手機介面之間的任務銜接是否被設計清楚。

補充說明

  • 案例類型:UI/UX
  • 關鍵標籤:UI/UX · Mobile App
  • 作品庫中的延伸案例。
查看原始作品頁

角色

  • 行動端 UX 規劃
  • 流程設計
  • 介面視覺整合

產出項目

  • 產品主視覺
  • 藍牙配對流程圖
  • 功能啟用與導引畫面

使用工具

Photoshop Illustrator Axure

設計過程

  1. 01 先用主視覺確認裝置本體、手機畫面與使用情境之間的關係,建立產品辨識度。
  2. 02 再把藍牙配對、連線狀態與設定入口整理成一套可追蹤的流程板,檢查步驟是否連貫。
  3. 03 最後補上導航放大功能的啟用導引,讓案例能說明功能開啟前的依賴條件與回饋方式。

專案成果

  • 把車載 HUD 裝置與手機之間的配對、啟用與功能設定整理成較可理解的操作路徑。
  • 讓案例同時呈現產品外觀、連線狀態與功能導引,而不只停留在幾張孤立畫面。