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

毛金領(lǐng) 趙 熙

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

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

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

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

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

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

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

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

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

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

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

1.場(chǎng)景需求分析

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

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

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

3.合理化布局

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

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

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

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

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

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

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

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

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

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

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

四、發(fā)展前景

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

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

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

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

TU855；TP

A

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