基于手機控制端的智能家居APP界面設計

毛金領 趙 熙

浙江樹人大學藝術學院，浙江 杭州 310053

基于手機控制端的智能家居APP界面設計

毛金領*趙 熙*

浙江樹人大學藝術學院，浙江 杭州 310053

隨著近年來智能家居的市場發展，以手機為控制端的智能家居應用越來越廣泛，隨之應運而生的智能家居APP應用程序，其便捷的交互，遠程控制，智能化的場景，受到年輕消費群體的青睞，更符合人們對未來家居的需求。與此同時，也提出了對APP界面設計的更高要求，本文從交互性功能設計與視覺設計兩個方面，分析界面設計的設計要素，探討設計交互流程更有效、功能更強、視覺效果更美觀的APP界面，從而更好地滿足市場需求。

智能家居；交互設計；APP界面設計

一、智能家居時代下的APP應用

智能家居，作為家庭信息化的實現方式，是社會信息化發展的重要組成部分。[1]智能化家居使生活更便捷、更舒適，一鍵控制，全屋遠程遙控等新興的技術，已經成為當下年輕人對生活品質的一種追求，逐漸在整個家居行業中盛行起來。在智能家居控制系統中，核心設備是家居智能控制終端。[2]手機正是十分便捷的終端之一，用戶可以在WIFI環境下，通過手機控制全屋系統，全屋智能照明、智能家電控制、智能安保等功能都整合在了手機用戶端的APP應用中，在此技術支持下的多種APP應用應運而生。目前，市場上較為主流、有代表性的APP產品諸如Wulian智能家居、小米智能家庭、阿里小智等。這些移動端的APP產品為智能家居提供了移動化的管理和控制方式，改變了傳統的家庭生活習慣。

二、智能家居APP界面的交互設計

智能家居App的交互設計是產品交互設計師進行APP界面設計中的重要一環。在設計中需要針對用戶的需求設計受眾喜愛的交互方式，利用簡便快捷的交互方法，實現家居的智能化控制。

(一)基于用戶需求的強交互設計

1.場景需求分析

在對家庭(社區)場景進行調研分析，我們可以得出，用戶的需求是：對電工、燈光的交互操作，對安防傳感、門窗傳感的交互，對窗簾、涼衣機和各種家電的交互等。這些交互需求決定了APP的界面交互功能的設計。設計師需要進行定性調研，分析用戶的需求，為產品準確定位。

2.交互流程設計

好的設計就是創造美好的界面使用體驗。交互設計的合理性都在交互流程中得以體現。設計師需要用一些線框圖或原型圖，甚至是一些草圖，來形象地并直觀地表達用戶與系統的交互過程。

3.合理化布局

APP應用的功能布局是影響用戶體驗效果的一大因素，合理的功能布局，能夠抓住用戶的需求點，效果事半功倍。當前的界面設計主要圍繞“遠程、場景、定時、聯動、學習、記憶”等功能，進行設計布局。布局中需要充分考慮用戶所處的特定場景，場景中的設備分布情況等。

(二)操作路徑上的少交互

為了使用戶達到最佳的體驗效果，在操作路徑上盡量減少不必要的交互，化繁為簡，在交互設計中盡量做到“少交互”而非重復或雷同交互。譬如用戶正在廚房中忙于烹飪，此時智能家居APP中的某個設備又發出相應的操作信號，此時用戶無法或不便點開App操作。同時，App界面經常推送的廣告，往往會干擾用戶的交互操作，本來只需“一步”的操作，突然變成了“N步”操作。好的交互就是少交互——能“一步”交互的，就不必走“兩步”，更不必走“三步”。設計師在設計交互時，需要充分考慮“盲交互”設計的可行性，即用戶如何不用打開App，也能對智能家居的某個設備或者系統實現操作。

三、智能家居APP界面的視覺設計

(一)視覺醒目的桌面圖標

視覺效果突出而醒目的桌面圖標，會增加用戶使用該款APP的頻率，使智能家居APP在生活中的應用更廣泛更有效。對比市面上幾款主流智能家居App產品的圖標，其在圖標設計中較多地采用了“象形房屋+公司Logo或首字母”，標識度較高，如Wulian智能家居的房屋下面是“Wulian”首字母“WL”；小米的則是將小米Logo放到屋中；Nest下面是一個鏤空的“N”等。而阿里小智的圖標，則是將文字與云計算的云形圖案相結合，設計簡潔，形象突出(如圖3.1所示)。

圖3.1 醒目的圖標設計

(二)色調明快的界面設計風格

色調明快的界面設計風格，可以提升產品的整體視覺效果，為產品贏得更廣的用戶群。在界面設計方面，主色調保持與桌面圖標色調統一，如Wulian智能家居界面以清新的綠色調為主，自然簡潔，而且蘊含深意。綠色從視覺上會傳達出“清新、希望、安全、平靜、舒適、生命、和平、寧靜、自然、環保、成長、生機、青春、生命”，與智能家居為現代家庭營造安全、健康、綠色、舒適的家庭環境相契合。其主要的幾個界面設計中運用了極簡的色彩和線條，界面布局呈方形框架排列，視覺上略顯不夠飽滿。Nest是以清新的天藍色為主色調，給人以寧靜、清新、自由之感，讓人感到放松自由和豁達，符合產品的受眾群體定位。小米智能家庭，則以沉穩的灰色調為主操作界面，同時結合了彩色的色環，按鍵則以彩色的圓點來點綴，突出了按鈕的交互功能。

(三)富有親和力的視覺形象

富有親和力的視覺形象可以使APP產品的界面更親近用戶，友好的操作界面更能喚起用戶的使用需求，極大地增加用戶對產品的好感度。其中，設計得較為成功的是阿里小智這款APP，在操作界面中的每個按鍵圖標都設計得形象而直觀，將插畫的設計元素與智能機器人的角色形象結合起來，在界面中設計了虛擬的場景與角色，使虛擬的形象與用戶進行互動，提升了產品的親和度。

四、發展前景

一款優秀的智能家居APP應用設計，最終需要接受市場的考驗，用戶在使用過程中是否得心應手，產品是否有效地解決了生活場景中的問題，后期還需要根據用戶測評結果和反饋意見，使產品實現功能與美學的統一。在后移動互聯網時代、前萬物互聯網時代，用戶與智能家居之間的交互將會如何演進，這塊市場還需要進一步開發和挖掘，比如移動端的產品形態會不會向無需下載安裝的WebApp或者Web演進，又比如會不會從App或者WebApp或者Web直接轉向物理觸控，再比如會不會從觸摸、觸屏轉向語音、手勢和視覺等交互方式。

[1]童曉渝，房秉毅，張云勇.物聯網智能家居發展分析[J].移動通信，2010(9)：16-20.

[2]王朝華，陳德艷，黃國宏，童懷.基于Android的智能家居系統的研究與實現[J].計算機技術與發展，2012(6)：225-228.

毛金領(1994-)，女，漢族，浙江義烏人，浙江樹人大學，本科，主攻動畫藝術設計方向；趙熙(1982-)，女，江蘇揚州人，碩士，浙江樹人大學，講師，主要從事數字媒體交互設計、動畫理論研究。

TU855；TP

A

1006-0049-(2017)06-0280-01