毛金領(lǐng) 趙 熙

浙江樹人大學(xué)藝術(shù)學(xué)院，浙江 杭州 310053

基于手機(jī)控制端的智能家居APP界面設(shè)計

毛金領(lǐng)*趙 熙*

浙江樹人大學(xué)藝術(shù)學(xué)院，浙江 杭州 310053

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

智能家居；交互設(shè)計；APP界面設(shè)計

一、智能家居時代下的APP應(yīng)用

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

二、智能家居APP界面的交互設(shè)計

智能家居App的交互設(shè)計是產(chǎn)品交互設(shè)計師進(jìn)行APP界面設(shè)計中的重要一環(huán)。在設(shè)計中需要針對用戶的需求設(shè)計受眾喜愛的交互方式，利用簡便快捷的交互方法，實(shí)現(xiàn)家居的智能化控制。

(一)基于用戶需求的強(qiáng)交互設(shè)計

1.場景需求分析

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

2.交互流程設(shè)計

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

3.合理化布局

APP應(yīng)用的功能布局是影響用戶體驗效果的一大因素，合理的功能布局，能夠抓住用戶的需求點(diǎn)，效果事半功倍。當(dāng)前的界面設(shè)計主要圍繞“遠(yuǎn)程、場景、定時、聯(lián)動、學(xué)習(xí)、記憶”等功能，進(jìn)行設(shè)計布局。布局中需要充分考慮用戶所處的特定場景，場景中的設(shè)備分布情況等。

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

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

三、智能家居APP界面的視覺設(shè)計

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

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

圖3.1 醒目的圖標(biāo)設(shè)計

(二)色調(diào)明快的界面設(shè)計風(fēng)格

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

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

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

四、發(fā)展前景

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

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

[2]王朝華，陳德艷，黃國宏，童懷.基于Android的智能家居系統(tǒng)的研究與實(shí)現(xiàn)[J].計算機(jī)技術(shù)與發(fā)展，2012(6)：225-228.

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

TU855；TP

A

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