哈爾濱理工大學(xué) 機械動力工程學(xué)院 金信琴 邢嗣威 張聞杰
摘要：互聯(lián)網(wǎng)不僅開闊了人們的視野，省去了舟車勞頓，而且在各個方面上將世界連成了一個密不可分的整體，讓世界進入了一個網(wǎng)絡(luò)化、數(shù)字化的時代。然而，就現(xiàn)在而言，互聯(lián)網(wǎng)已遠遠不能滿足人們生活的需求了。所以，一種新興的網(wǎng)絡(luò)正在慢慢地興起，這就是物聯(lián)網(wǎng)。目的 分析與研究現(xiàn)有的智能家電APP的設(shè)計理念與交互設(shè)計。結(jié)論 現(xiàn)今國內(nèi)不同品牌的智能設(shè)備甚至不同的云服務(wù)商都需要不同的 APP 進行控制，而且它們彼此之間沒有互聯(lián)的方式，用戶體驗仍需進行進一步的提升。
關(guān)鍵詞：智能設(shè)備 交互設(shè)計 綁定流程
中圖分類號：TB47 文獻標(biāo)識碼：A
文章編號：1003-0069(2017)11-0122-03
Abstract：The Internet not only broaden the people's vision, save the boat fatigue, but also in all aspects of the world into a inseparable as a whole, let the world into a network, digital era. However, for now, the Internet has been far from meeting the needs of people's lives. So, a new network is slowly rising, this is – the Internet of things. Destination Analysis and research of the existing smart home appliance app design concept and interactive design.Conclusion Today's different brands of intelligent devices and even different cloud service providers need different App control, and they are not interconnected between the way, the user experience still need to be further improved.
Keywords：Smart device Interactive Design Binding process
引言
互聯(lián)網(wǎng)不僅開闊了人們的視野，省去了舟車勞頓，而且在各個方面上將世界連成了一個密不可分的整體，讓世界進入了一個網(wǎng)絡(luò)化、數(shù)字化的時代。然而，就現(xiàn)在而言，互聯(lián)網(wǎng)已遠遠不能滿足人們生活的需求了。所以，一種新興的網(wǎng)絡(luò)正在慢慢地興起，這就是物聯(lián)網(wǎng)[1]。物聯(lián)網(wǎng)字面含義為物物相連的互聯(lián)網(wǎng)，是互聯(lián)網(wǎng)的拓展和延伸。由此可知，物聯(lián)網(wǎng)的客戶端不再僅限于傳統(tǒng)終端，而是將其拓展和延伸到任何物體與物體之間，在物體與物體之間實現(xiàn)信息交換和共享[2]。智能家電指的是將微電腦和通信技術(shù)融入到傳統(tǒng)的家用電器中，使之智能化并具有網(wǎng)絡(luò)終端功能，可以隨時隨地地獲取與處理信息的消費電子產(chǎn)品[3]。智能家電控制系統(tǒng)從結(jié)構(gòu)上來分，主要有家庭端的主控部分、家庭內(nèi)部智能電器設(shè)備的通信網(wǎng)絡(luò)和網(wǎng)關(guān)。許多知名廠商（如西門子、松下、TCL、海爾、聯(lián)想等）已經(jīng)推出自己的智能家電產(chǎn)品[4]。控制的方式一般有兩種， 一種是安裝在客廳、房間、衛(wèi)生間外墻等的智能控 制面板，另一種是通過手機、平板電腦進行操作[5]。
二、智能家電與交互設(shè)計界面研究
隨著智能家電的發(fā)展和對智能家電界面設(shè)計的重視，智能家電的人機交互界面設(shè)計也在隨之發(fā)展，但是在用戶的情感和體驗上仍然存在很多問題，如何為用戶提供一個有好的界面設(shè)計，使用戶在智能家電的使用上獲得更好的體驗，是目前智能家電界面設(shè)計亟待解決的關(guān)鍵問題[6]。為了手機與智能家電能夠進行互聯(lián)，APP中兩者之間綁定的流程與邏輯成為了必不可少的一步，制作簡單高效符合產(chǎn)品相關(guān)定位的操作在現(xiàn)今尤為注重產(chǎn)品體驗的時代顯得尤為重要。
三、現(xiàn)有產(chǎn)品架構(gòu)與頁面交互分析
（一）現(xiàn)有產(chǎn)品的功能分析
現(xiàn)今市面上針對智能家電服務(wù)的APP已有許多，本次抽取了其中的京東微聯(lián)，米家，阿里智能，美居進行分析與研究。此類App的功能主要可以分成三個部分：1.與智能設(shè)備操作無關(guān)的附加功能。2.智能設(shè)備與移動端綁定功能。3.設(shè)備互聯(lián)后智能設(shè)備的遠程監(jiān)控與操作。在智能設(shè)備與移動端綁定功能中又可以將其分為兩個步驟：1.判定設(shè)備型號與品牌。2.手機與智能設(shè)備進行互聯(lián)。
（二）判定設(shè)備型號與品牌單元信息架構(gòu)橫向?qū)Ρ?/p>
在分析的APP中判定設(shè)備型號與品牌時一般會使用兩種方式：1.掃描智能設(shè)備配套的二維碼，移動端自動檢測相關(guān)信息。2.手動將相關(guān)型號和品牌輸入進移動端?；诟鱾€品牌旗下設(shè)備的數(shù)量與樣式等客觀情況對其相應(yīng)APP的架構(gòu)和交互樣式產(chǎn)生了不同的影響。
（圖1）為京東微聯(lián)的APP中的架構(gòu)圖，京東微聯(lián)的掃描添加需2步觸達，它省略了落地頁的加號入口浮層和二維碼掃描確定按鈕，直接將掃描窗口前置。這一設(shè)計可以看出京東將二維碼掃碼添加作為了最重要的一種添加方式，這與京東包含的設(shè)備數(shù)量體量大有直接關(guān)系，用掃描的方式最快捷直接。相比于掃描添加，手選需要5步，十分繁瑣。因為京東包含的設(shè)備品類品牌多，所以需要分級篩選。而且，因為缺少搜索按鈕，用戶沒有直達通道，操作體驗較差。
（圖2）為米家APP中的架構(gòu)圖，米家的掃描添加需要3步，是用戶可以接受的范圍。值得注意的是米家的手選十分快捷，通過搜索添加與最常添加設(shè)備2個功能，給用戶篩選出最具有可能添加的設(shè)備。同時，將全部設(shè)備的信息展示在設(shè)備選擇頁，方便用戶直接選擇無需跳轉(zhuǎn)。米家在設(shè)備上相比京東微聯(lián)智能了許多，但米家的設(shè)備總類比京東微聯(lián)相對較少。
（圖3）為阿里智能APP中的架構(gòu)圖，阿里智能的架構(gòu)更像是京東微聯(lián)與米家的結(jié)合。它的掃描添加是常規(guī)的3步，同時手動選擇可以分級篩選，也提供了常用設(shè)備推薦。但缺憾是沒有直達通道“搜素添加”，導(dǎo)致手選成本較高。
（圖4）為美居APP中的架構(gòu)圖，美居的掃碼添加相對繁瑣，需要4步。根本原因在于落地頁不是添加設(shè)備的入口頁，需要多跳轉(zhuǎn)一個tab的操作。因為軟件本身是工具屬性，從用戶的角度講，這樣的架構(gòu)并不科學(xué)。但在美居的設(shè)備入口頁用戶可以通過頁面頂部的一個按鈕，直接進入設(shè)備選擇頁，相當(dāng)于搭了一個直梯，仍然是3步搞定掃描添加操作。關(guān)于手動選擇，美居基本同阿里智能一致。
（三）判定設(shè)備型號與品牌單元可視化頁面交互橫向?qū)Ρ?/span>
1. 選擇添加方式頁
如（圖5）所示，京東微聯(lián)直接使用掃碼頁作為選擇方式主頁，對用戶進行掃碼強引導(dǎo)。頁面底部是手選按鈕入口，雖然用戶點擊的幾率很低，但不能排除存在誤操作的風(fēng)險。
米家頂部放置了4個選擇按鈕，下部是全部設(shè)備選項。但因為所有圖標(biāo)視覺層面都是寫實風(fēng)格，而且頂部的4個按鈕沒有作滑動固定處理，導(dǎo)致頁面層次感較低重點沒有突出。
阿里智能整體布局思路幾乎同米家一致，采用頂部方式選擇按鈕，下部是具體設(shè)備推薦。區(qū)別是阿里智能的頂部按鈕采用固頂設(shè)計，同時通過宮格形式和漫畫風(fēng)格與其他內(nèi)容做了有效區(qū)分，引導(dǎo)性較強。另外一點值得注意，阿里智能的設(shè)備選項采用了列表而不是米家的宮格，這是因為阿里的設(shè)備很多包含了設(shè)備號等長信息，list形式能夠展現(xiàn)得更充分。
美居的布局有點像米家和阿里智能的結(jié)合，頂部同樣是區(qū)分明顯的方式選擇按鈕，不同的是下部采用宮格形式將一級品類前置了，好處是能夠縮短手選路徑，但相對就弱化了二維碼掃描的引導(dǎo)。
2. 二維碼掃描頁與品牌查找頁面分析
京東微聯(lián)的掃碼頁底部添加了手選按鈕，存在誤操作的風(fēng)險。米家的掃描頁十分簡練，僅僅放置了掃描窗口在頁面中央，簡單直觀。阿里智聯(lián)的掃描頁將掃描窗口位于頁面的黃金分割位置，同時在頁面頂部右上角加入了圖片選擇按鈕。美居的掃碼考慮得最為周到，不但有圖片選擇功能，同時加入了夜間場景，能夠允許用戶打開攝像頭掃描。具體可見（圖6）。
品牌查找的相關(guān)頁面中各品牌雖然表現(xiàn)形式不一樣，但流程思路基本相同，在選項較多的情景下效率也差別不遠。具體流程可見（圖7）。（四）配置設(shè)備單元架構(gòu)及技術(shù)分析
1. 配置設(shè)備單元架構(gòu)分析
（如圖8）所示，京東微聯(lián)的常規(guī)設(shè)置配置路徑，3步可以完成，其中Wi-Fi信息錄入與配置說明合并為一項，縮短了一個層級，但帶來的風(fēng)險是用戶有可能會忽視設(shè)備重制的關(guān)鍵步驟，同時值得注意的是，京東還有另外一種配置操作形式，通過卡片面包屑的方式，將所有操作在1個層級顯示。雖然程序上是3步，但給用戶的心理感知是在同一步操作中，非常巧妙，交互形式值得推薦。
（如圖9）所示，米家，阿里智能，美居三者的設(shè)備配置路徑基本一致，相比于京東微聯(lián)將設(shè)備重制提示與Wi-Fi信息錄入進行了2步拆分。在配置設(shè)備這步流程中有很多繁瑣但不知作用的步驟，它們增加了操作成本并且極大降低了連接的成功率，具體原因需要了解一下技術(shù)層面的知識。
2. 智能家電綁定相關(guān)技術(shù)概念概述
現(xiàn)今智能家電大多沒有可視化的屏幕與輸入設(shè)備,為了實現(xiàn)設(shè)備之間的綁定與聯(lián)網(wǎng)需求需要經(jīng)過十分繁瑣的技術(shù)流程，并且成功率普遍不高。現(xiàn)今無屏設(shè)備主流的連接形式有Wi-Fi，藍牙，plc等，這里主要了解一下較為成熟的Wi-Fi技術(shù)，其一般表現(xiàn)形式為smartlink，softap和smartap。市場上安裝了可操作屏幕的設(shè)備它們一般采用的本機直連形式可以節(jié)省一定的技術(shù)步驟和提高成功率，但考慮到設(shè)備的普及率過低在這里不進行深入了解。
要理解softap，首先要明白一個前提，在軟件層面一個設(shè)備同一時間只能連接一個設(shè)備，softap的連接方式從軟件層面來講，首先假設(shè)你的手機已經(jīng)連在第三方Wi-Fi上，這時為了使移動端與智能設(shè)備綁定需要讓智能設(shè)備也連接到同一第三方Wi-Fi中，但是這個智能設(shè)備沒有輸入設(shè)備無法輸入相關(guān)信息連接第三方Wi-Fi，只能由移動端發(fā)送給智能設(shè)備。而為了讓移動端發(fā)送的信息智能設(shè)備能成功接收到信息，需要先將其連接到智能設(shè)備發(fā)出的Wi-Fi上以保證信息傳遞的可能性，基于軟件層面的前提設(shè)備只能一對一連接所以這里需要先斷開手機和第三方Wi-Fi的連接，去連接智能設(shè)備發(fā)出的Wi-Fi并傳遞連接Wi-Fi需要的用戶名和密碼等信息，然后在智能設(shè)備接收到之后，智能設(shè)備需要與手機斷開連接去連接第三方Wi-Fi同時手機也要再去連接第三方Wi-Fi。這樣當(dāng)整個流程都成功時手機與智能設(shè)備才能連接到同一個網(wǎng)絡(luò)下進行驗證連接。softap的流程可見（圖9）。
softap與smartlink之間的技術(shù)原理較為相同，兩者之間最為關(guān)鍵的不同點在于在smartlink中智能設(shè)備被設(shè)置成了一種監(jiān)聽狀態(tài)當(dāng)操作者將開關(guān)打開時它就會自動接受范圍內(nèi)的所有手機發(fā)出的相應(yīng)數(shù)據(jù)，這一差異為操作者在軟件層面減少了3步的操作。但因為現(xiàn)有智能設(shè)備在硬件方面的兼容性問題在市場中占到的比例并不大。smartlink的流程可參考（圖11）。
smartap是將smartlink和softap結(jié)合在一起的一種手段，具體就是先運行smartlink流程在連接失敗時再運行softap進行第二次嘗試。在理解了智能家電和手機互聯(lián)在技術(shù)層面的原理后，就可以理解智能設(shè)備在和相關(guān)的APP連接時看起來繁瑣和看起來不必要步驟的原因。
（五）配置設(shè)備相關(guān)頁面交互分析
1. 設(shè)備連接提示頁
（如圖12）所示，京東微聯(lián)的連接提示與Wi-Fi信息輸入糅合在一起，好處是少了一個層級，但因為位置不突出，所以容易被用戶忽視。缺少圖片提示，純文字也不容易解讀。米家的連接提示體驗非常好，GIF圖片代替普通圖片通俗易懂。同時在用戶進行下一步前進行了確認操作，將錯誤風(fēng)險降為最低。美居同阿里智能一致，通過靜態(tài)圖片+文字的方式進行提示。
2. 選擇工作Wi-Fi頁
（如圖13）所示，京東微聯(lián)的Wi-Fi信息錄入容錯性較低，密碼低于8位，仍可直接進行下一步操作。而且安全性能低，允許空密碼Wi-Fi錄入。米家不允許空密碼Wi-Fi錄入，但當(dāng)密碼少于8位時仍然可以進行下一步操作。安全性高但容錯性不高。阿里智能的設(shè)計同京東微聯(lián)幾乎一致，但缺少更改Wi-Fi的步驟提示。美居同京東微聯(lián)一致，容錯性和安全性都不高。
3. 設(shè)備連接Wi-Fi頁
（如圖14）所示，京東微聯(lián)采用進度條方式，給用戶明確反饋，較為直觀。但并沒有有效利用界面的空白空間和用戶的等待時間。米家與京東微聯(lián)的方式幾乎一致，有明確的進度反饋。阿里智能沒有使用進度反饋，使用常規(guī)等待控件，容易讓用戶失控感增強，沒有耐心等下去。
4. 連接失敗頁
（如圖15）所示，京東微聯(lián)在設(shè)備連接失敗后，頁面通過亮紅色按鈕引導(dǎo)用戶查看解決方法。同時頁體中部通過ufo可愛卡通形象增強趣味性，降低用戶心理挫敗感。但頁面沒有將最常遇到的問題濃縮展示，用戶要想排查問題必須多一步路徑操作。
米家通過讓用戶選擇失敗原因，從而引導(dǎo)解決問題。頁面中沒有加入卡通元素，但因為使用的詞語是非打擊性詞語，整體挫敗感并不強烈。阿里智能的連接失敗頁面友好性較差，用的提示詞語打擊性強烈，很容易嚇到用戶。雖然加入了濃縮的排查提示，但缺少詳細的FAQ。
總結(jié)
現(xiàn)今國內(nèi)不同品牌的智能設(shè)備甚至不同的云服務(wù)商都需要不同的APP 進行控制，而且它們彼此之間沒有互聯(lián)的方式，這也總會讓人覺得“智能”是雞肋。如果“互聯(lián)互通”做得好，也許你的手機里只需要一款 APP 就可以了，甚至不需要任何軟件再去控制，讓它們自己交流，自己變得更智能。
參考文獻
[1] 王蘭.陸春吉.物聯(lián)網(wǎng)行業(yè)現(xiàn)狀和發(fā)展前景的分析[J].通訊世界.2017.(02):25-26
[2] 卿勇.智能家居發(fā)展及關(guān)鍵技術(shù)綜述[J].軟件導(dǎo)刊.2017.(01): 180-181
[3] 王曉玲.遠程智能家電控制技術(shù)[D]天津.河北工業(yè)大學(xué).2006
[4] 程文.智能家電與控制系統(tǒng)的設(shè)計與實現(xiàn)[D]浙江.杭州電子科技大學(xué).2013
[5] 吳戈特.淺談智能家居的發(fā)展歷程及未來趨勢[J].建筑監(jiān)督檢測與造價.2017.(03):28-29
[6] 劉天天.張小平.基于情感化的智能家電系統(tǒng)界面交互設(shè)計研究[J].藝術(shù)科技.2017.(04):93