Ultron Utility App 介面改版

讓跨品牌智慧家庭,更容易連線與控制
UI / UX
Smart Home
Ultron App
Ultron Utility App  — Smart Home Mobile App

Ultron Utility 是一款能輕鬆遠端管控智慧家電的 APP。擁有跨品牌智慧家電、簡單的安裝連線流程,能輕鬆制定排程、情境、自動化等智慧場景,讓使用者簡單打造智慧居家生活。

此專案目標是進行 App 的 UI 改版,與UIUX團隊一同重建設計系統。從首頁改版、資訊架構與裝置連線,到可擴充的控制元件及自動化功能,協助產品從裝置配對工具逐步發展為完整的智慧家庭管理平台。

我的角色:
  • 主導 UI 改版,建立產品一致的視覺語言
  • 建立可持續擴充的 Design System 與元件規範
  • 與團隊共同討論產品流程、資訊架構與互動設計
  • 與 PM、工程師密切協作,推動設計實際導入產品

專案成果:
  • App 成功上架至 App Store & Google Play
  • 設計規範成為後續功能與新頁面的設計基礎
  • 支援跨品牌智慧家庭產品的應用與擴充

Context|背景

  • 破碎的智慧家庭體驗:跨品牌生態破碎,使用者需要多個 App
  • 連線,比想像中的困難:一台裝置只需要幾分鐘,三十台卻可能需要數小時

智慧家庭市場由眾多獨立的品牌生態系組成。當家庭使用不同品牌的設備時,使用者往往必須安裝多個 App,並重複完成相似的設定與連線流程。

根據團隊實際測試,一台智慧裝置的首次連線:熟練使用者:約 2 分鐘初次使用者:約 4–5 分鐘如果只是新增 2–3 台裝置,這樣的流程仍然可以接受。但當使用者打造智慧住宅或智慧辦公室,需要管理 10 台甚至 30 台以上裝置 時,相同的設定流程便會變得繁瑣且容易出錯。

Ultron app banner

Opportunity & Challenge從連線技術到產品體驗

奧創提供了跨品牌智慧家庭平台,並具備一次連接大量裝置的技術能力,可於約三分鐘內完成最多 50 台裝置的配對。

然而,快速連線只是技術能力。真正的產品挑戰,是如何讓大量裝置的新增、分類、管理與日常控制,都能維持一致且容易理解的操作體驗。

Design Challenge

如何降低跨品牌智慧裝置的設定與管理成本,並建立一套能隨著裝置數量持續擴充的產品體驗?

Evolution|逐步改變的產品目標

初代介面目標在於幫助使用者找到並連接第一台智慧裝置。

Old version of Ultron App
初代介面流程分析

從裝置連線入口,轉變為智慧家庭控制中心

首頁改版不是單純的視覺翻新,當產品隨著規模發展逐漸成熟,首頁呈現的主要目標也必須改變。

下圖為漸進式改版的歷程:

UI Evolution of Ultron App
由左至右,歷代改版介面變化
Ultron App Home page

建立可擴充的設計系統
  • Typography
  • Brand and semantic colors
  • Neutral color visibility test
  • Spacing and radius
  • Buttons
  • Status indicators
  • Device controls
  • Empty、loading、offline、error states
  • Component variants

因為 App 功能、產品品牌繁多,需要在眾多顯示需求上取得一個平衡,所以減少裝飾性的設計,盡量保留重點、簡潔為首要目標;切角則倒圓角減少智慧科技的冷漠,增加使用上的親近感。

Ultron App UI system
色彩與字型規劃

Ultron App Components
元件設計

更多延伸設計

Ultron App icons
App Icon 設計
Ultron App elements
智慧裝置圖示設計
Ultron App UI
Ultron App UI