凱擘智慧家庭 TV App

Smarter Home TV App  — 讓智慧家庭，走進家的中心。

這個專案最初源自台灣大哥大客製化的智慧家庭手機體驗，讓使用者可以透過手機直接管理家中的連網裝置。

隨著生態系統透過凱擘寬頻的合作持續擴展，我們將這個體驗從手機延伸到客廳，為 TV 設計了一個全新的智慧家庭應用。

這個挑戰並不是單純把手機介面放大，而是重新思考智慧家庭在大螢幕上的操作方式：如何透過遙控器進行導覽、如何在同一畫面中快速掌握多個裝置狀態，以及如何讓重要的家庭資訊在「家的中心」被清楚呈現。

最終，我們打造了一個以 TV 為核心的智慧家庭體驗，專為客廳情境下的互動模式所設計。

‍

我的角色：

• App 功能架構設計、使用流程規劃
• UI 設計，建立 App Design Guidelines 與 Design System
• 與 PM、工程師密切協作，成功與凱擘大寬頻與台灣大合作推出智慧家庭服務

‍

‍

Designing for TV

不是放大的手機，而是重新思考電視上的智慧家庭互動

為凱擘大寬頻打造適合電視使用情境的智慧家庭 App。

不同於手機以觸控為核心的操作方式，TV 必須考量觀看距離、遙控器操作與 Focus-based Navigation。為此，我研究 Android TV 與 tvOS 的設計規範，並與 PM 共同重新檢視手機 App 的功能架構，將 TV 體驗聚焦於兩件事：快速掌握全屋狀態，以及執行最常用的智慧家庭控制。

‍

01｜從 Touch Interaction 轉換為 Focus-based Navigation

手機可以直接點擊目標，但在 TV 上，使用者必須透過遙控器逐步移動焦點。因此，介面的元件尺寸、Focus State、移動順序與資訊層級，都需要重新設計。

透過明確的 Focus State 與一致的操作邏輯，讓使用者即使在遠距離觀看的情況下，也能清楚知道「現在在哪裡」以及「下一步可以去哪裡」。

‍

‍

02｜讓大螢幕成為一眼掌握全屋狀態的介面

大螢幕的優勢並不是塞進更多資訊，而是讓重要資訊更容易被看見。

因此首頁以家庭狀態與常用控制為核心，讓使用者不需要深入多層選單，就能快速查看裝置狀態、執行情境，或直接開關常用家電。

‍

‍

App 資訊架構

‍

TV 負責控制，Mobile 負責設定

考量使用遙控器進行文字輸入與複雜設定較為不便，同時 TV App 會搭配台灣大智慧家庭 Mobile App 使用，因此我們沒有將手機上的所有功能完整移植至 TV。

相較於 Mobile App 負責裝置連線、建立與進階設定，TV App 將體驗聚焦於「快速執行」與「全屋狀態顯示」，讓兩個平台依照各自的使用情境扮演不同角色。

同時，作為凱擘數位家庭服務的一部分，App 也加入「探索」內容，讓使用者可以認識更多智慧家庭服務、產品套組與應用方式，在控制家庭之外，也成為探索智慧生活服務的入口。

‍

‍

UI Design

延續品牌識別，建立屬於客廳的視覺體驗

凱擘希望延續既有品牌形象，以品牌橘色為主要識別，並呈現溫暖、明亮且簡潔的居家氛圍。因此，我以凱擘品牌的橘色與藍色為基礎，加入綠色作為智慧家庭狀態與功能的輔助色，進一步建立適合大螢幕閱讀與 Focus Interaction 的 UI Design System。

‍

‍

除了視覺一致性之外，系統也考量 TV 的觀看距離與操作方式，重新定義文字層級、卡片尺寸、Focus State 與元件狀態，使整體體驗同時兼顧品牌識別與 TV 的操作需求。

專案成果

最終，Smarter Home TV 成功將既有的 Mobile Smart Home Experience 延伸至大螢幕，並依據 TV 的使用情境重新定義功能架構與操作方式。

Mobile 負責連線、建立與進階設定；TV 則成為家庭空間中能快速掌握狀態、執行日常控制的共同介面。兩個平台不需要擁有完全相同的功能，而是透過彼此分工，形成更完整的跨裝置智慧家庭體驗。

• 成功在 Google Play 發布 Android TV App
• 於凱擘大寬頻推出智慧家庭服務

‍

‍

‍