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