智能家居越來越普及,智能化的生活是由一個個智能設(shè)備組成,這次通過近距離體驗智能面板,來研究一下它們是如何提升產(chǎn)品體驗的。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

前言

隨著互聯(lián)網(wǎng)的發(fā)展,生活智能化越來越普及,各類智能產(chǎn)品逐漸出現(xiàn)到人們面前,在體驗的過程中,其實(shí)里面有很多細(xì)節(jié)需要深挖和思考。很多產(chǎn)品細(xì)節(jié)的背后都是為了提升用戶操作效率、兼容用戶使用場景、滿足用戶情感表達(dá),以最終達(dá)到對用戶體驗的提升。作為智能產(chǎn)品的設(shè)計師只有充分了解市面上的智能產(chǎn)品,才能設(shè)計出更好的產(chǎn)品。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

什么是智能面板

開關(guān)對于每個人都不陌生,它用來控制設(shè)備的狀態(tài),傳統(tǒng)開關(guān)的數(shù)量和要控制的設(shè)備數(shù)量有關(guān),設(shè)備越多,開關(guān)越多,為了簡化人們的操作,智能面板孕育而出,它不僅可以操控家中單獨(dú)的設(shè)備,還可以對一系列設(shè)備進(jìn)行聯(lián)動控制。

1. 使用場景

室內(nèi)近場控制,滿足用戶家中近距離控制設(shè)備的場景。

2. 產(chǎn)品選擇

Gira、ORVIBO、綠米

為什么選他們?

  • Gira 從事智能建筑系統(tǒng)技術(shù)有 100 多年的歷史,算是做智能開關(guān)的先驅(qū);
  • ORVIBO、綠米國內(nèi)做智能開關(guān)相對成熟的品牌。

3. 研究方向

本文將從結(jié)構(gòu)、色彩、手勢操控方式、卡片形式、功能點(diǎn)這些方向展開分析。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

設(shè)備基礎(chǔ)信息

Gira g1

TFT 屏、KNX 協(xié)議、定價 8000 元起

KNX 屬于歐洲總線技術(shù),穩(wěn)定性最好,需要從設(shè)計階段介入,高門檻的技術(shù)要求讓 KNX 難以實(shí)現(xiàn)全民普及。

ORVIBO 智能開關(guān)

多點(diǎn)觸控電容屏、Wifi、藍(lán)牙、Zigbee、定價 899 元

Wifi、藍(lán)牙、Zigbee 屬于無線通信技術(shù),穩(wěn)定性不如 KNX,但免布線,易擴(kuò)展,利于全民普及。

Aqara 智能開關(guān) S1 觸摸屏

IPS 屏、zigbee 協(xié)議、定價 899 左右

通過以上分析,Gira 的人群定位是有全屋定制需求的高消費(fèi)人群,其他兩個品牌的人群定位是面向嘗鮮體驗的廣大普通消費(fèi)群體。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

1. 功能點(diǎn)對比

通過功能列表中的對比發(fā)現(xiàn),三個品牌的產(chǎn)品都通過場景聯(lián)動設(shè)備執(zhí)行來提高人們的操控體驗,通過左右滑動來快速切換功能模塊類型;

Gira 和 ORVIBO 支持快速返回首頁、面板內(nèi)排序;

ORVIBO 的個性化體驗最好,它具有語音控制、設(shè)備自動添加、設(shè)備自動歸類功能,這些差異點(diǎn)讓它比其他兩個產(chǎn)品更加智能。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

Gira G1

以 Gira G1 為例,從結(jié)構(gòu)、色彩、手勢操控方式、卡片形式、功能點(diǎn)這些方向展開分析。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

1. 首屏

界面整體用以黑白灰為主,搭配少量顏色,給人簡潔干凈的感覺;

思考:智能面板除了具有功能屬性,還具有裝飾屬性,黑白灰為經(jīng)典搭配,可以更好兼容各種家裝風(fēng)格,還可以更好的展現(xiàn)內(nèi)容;少量的顏色用來強(qiáng)調(diào)正在運(yùn)行的設(shè)備狀態(tài)。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

2. 輔助顏色

輔助色大方向上使用兩對互補(bǔ)色,在色環(huán)上形成了一個矩形,通過調(diào)節(jié)亮度飽和度達(dá)到統(tǒng)一和諧多彩的效果。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

3. 層級劃分

主要分為 2 大層級:功能卡片列表、設(shè)置為第一層級,設(shè)備控制為第二層級;

對于 gira 這種全屋定制的產(chǎn)品,家中一般會有很多設(shè)備,功能卡片放置在第一層級的好處是,便于用戶瀏覽鎖定目標(biāo)功能卡片。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

4. 首頁布局

區(qū)域 1 顯示 KNX 協(xié)議類型,室內(nèi)外溫度,時間;這部分內(nèi)容占比很小,說明這些內(nèi)容用戶不常用,但用戶會偶爾還是會看一下;

區(qū)域 2 為房屋名稱,返回上一級、返回首頁、設(shè)置、展示形式切換,這一區(qū)域全局置頂顯示,用戶在多級操作后,可以很快速的返回到首頁;

區(qū)域 3 顯示設(shè)備、場景的數(shù)量,用戶可以清楚的掌握家中設(shè)備場景的數(shù)量;

區(qū)域 4 為設(shè)備場景列表,用灰色背景來強(qiáng)調(diào)主操作區(qū)域。

一屏最多 6 個設(shè)備,通過左右滑動來展示更多設(shè)備

思考:為什么不是上下滑動,而是左右滑動

有 2 點(diǎn)猜測:

  • 左右滑動下面的點(diǎn)相當(dāng)于頁碼,用戶在找某個設(shè)備的時候可以方便記住某個設(shè)備在第幾個點(diǎn)的頁面里
  • 在設(shè)備控制界面中左右滑動快速切換其他設(shè)備,這樣可以統(tǒng)一用戶對于左右滑動切換的認(rèn)知

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

5. 卡片展示

卡片內(nèi)容從上到下依次為設(shè)備場景 icon、名稱、狀態(tài)及快捷操作;

用戶可以通過 icon 快速鎖定設(shè)備類型,通過名稱確定目標(biāo)設(shè)備,進(jìn)行快速操作;

各功能模塊獨(dú)立劃分,快捷操作區(qū)域可以很好的兼容不同設(shè)備的功能鍵。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

6. 設(shè)備控制區(qū)域布局

操控界面劃分為 2 部分,一部分為信息展示區(qū),內(nèi)容為設(shè)備名稱、所屬區(qū)域;

另一部分為控制區(qū),這部分區(qū)域固定,可以讓不同的設(shè)備控制看起來更統(tǒng)一;

大面積區(qū)域留給核心功能,輔助功能布局在四周,便于用戶準(zhǔn)確操控。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

7. 手勢

設(shè)備控制界面通過左右劃動快速切換其他設(shè)備,不需要返回菜單界面。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

8. 手勢

手掌長按屏幕,可喚起提前設(shè)置好的開關(guān)功能,這時面板相當(dāng)于簡單的開關(guān),可以很快速的關(guān)閉開啟所在區(qū)域的燈。

Gira 這樣做還原了開關(guān)的本質(zhì),當(dāng)想要開啟或關(guān)閉該房間內(nèi)的燈時,就不需要到菜單界面找這個設(shè)備了。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

9. 設(shè)備控制

燈操控界面用刻度形式表現(xiàn),每一度為一個刻度,并且還可以通過中間的加減號進(jìn)行精確到 1 個百分比的亮度微調(diào),品牌方想為用戶打造成清晰準(zhǔn)確調(diào)控的形象;

但在實(shí)際使用場景中,我們不大會對燈進(jìn)行這么精確的調(diào)節(jié)。

溫控器

溫控界面同樣可以精確調(diào)節(jié),每 0.5 攝氏度為一個刻度;

溫控的精準(zhǔn)調(diào)節(jié),就比較貼近我們?nèi)粘5氖褂昧?xí)慣,溫控器控制界面是沒有開關(guān)的,因為目標(biāo)人群家中多數(shù)是中央空調(diào),隨便就可以關(guān)閉,對于大戶型的用戶來說是不友好的。

右下角的定時按鈕可以讓設(shè)備在特定時間內(nèi)以某一狀態(tài)運(yùn)行。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

窗簾

窗簾的狀態(tài)值與操控條左右排列,這樣的排布好處是可以讓操控條長度最大化,便于用戶控制;

窗簾控制界面只分為有調(diào)角度的和沒有角度的;

窗簾操控條豎直排列,向上滑到頂部為窗簾全開,滑到底部為全關(guān);

窗簾的行程和角度都用百分比的形式展現(xiàn)。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

設(shè)計設(shè)備控制界面的思考方向一般有 2 種:

1. 界面控制方式要和設(shè)備的實(shí)際運(yùn)行方式一致

這種思考方向要考慮實(shí)際窗簾有左右運(yùn)行和上下運(yùn)行之分,上下劃動的操控方式來控制左右運(yùn)行的窗簾會有認(rèn)知上的偏差;

百葉簾的角度有正向和反向轉(zhuǎn)動之分,如果只按最后的遮光百分比來做,會造成設(shè)備兼容問題。

也就是說為了模擬真實(shí)的操控方式,需要設(shè)計出若干不同種類窗簾控制界面。

2. 界面控制方式與設(shè)備運(yùn)行結(jié)果關(guān)聯(lián)

這種思考方式不需要考慮窗簾的種類及開合方向,將所有種類的窗簾行程及角度歸為開、關(guān)兩種結(jié)果狀態(tài),

就像 Gira 這樣,只需要做兩套界面就可以兼容幾乎全部的窗簾設(shè)備。

Gira 豎排控制條的優(yōu)勢

如果橫向布局,那么左右滑動切換設(shè)備時,會觸發(fā)控制條左右手勢,造成誤操作。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

背景音樂

設(shè)備列表中背景音樂卡片的快捷按鈕很特別,由靜音、播放、下一曲組成,我們設(shè)計的時候一般會做成對稱的:上一曲、播放、下一曲,Gira 并沒有這么做,因為在背景音樂的使用中,一般有幾種需要快速響應(yīng)的場景:用戶在家中發(fā)起臨時談話,需要暫時安靜一下;不想聽了;這首歌的風(fēng)格不喜歡;

背景音樂操控界面功能和音樂應(yīng)用差不多,唯一不一樣的是,底部可以快速切換歌單,可以很快速切換不同音樂風(fēng)格。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

文件夾功能

隨著設(shè)備、場景的增多,用戶可以根據(jù)自己的喜好將設(shè)備或場景歸類放置,便于快速定位功能卡片;

點(diǎn)擊文件夾卡片,進(jìn)入到顯示著眾多功能名稱的文件夾界面,點(diǎn)文件夾,才能進(jìn)入功能卡片列表,為什么要多一個文件夾查看的界面。

我們想象一下有這樣一種場景:面板中有幾十個功能卡片,用戶想開啟娛樂場景,這個場景好像在客廳文件夾或走廊文件夾里,于是去客廳文件夾快速翻看這里面有沒有,再點(diǎn)進(jìn)去操作。

Gira 這樣做符合用戶在功能卡片多的情況下快速選擇的習(xí)慣。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

排序功能

可以通過拖動來調(diào)節(jié)設(shè)備卡片在菜單中的位置,省去了去后臺設(shè)置的步驟;

定時功能

定時列表用具象的時鐘來體現(xiàn)開始運(yùn)行時間,還用黑白來區(qū)分夜晚和白天,對于用戶來說掃一眼圖片就可以知道運(yùn)行時間,這種體驗很好。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

ORVIBO Mix Pad

以 ORVIBO Mix Pad 為例,從結(jié)構(gòu)、色彩、手勢操控方式、卡片形式、功能點(diǎn)這些方向展開分析。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

1. 首屏

整體運(yùn)用深色色調(diào),使用幾何圖案作為背景;

用白色體現(xiàn)基礎(chǔ)信息,用色彩強(qiáng)調(diào)設(shè)備場景的狀態(tài)及天氣信息;

運(yùn)用圓角元素,更加生活化。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

2. 輔助顏色

顏色運(yùn)用比較豐富,以藍(lán)、橙兩互補(bǔ)色為主,其他顏色分別為它們的鄰近色;既能保持強(qiáng)對比,還能讓顏色變得柔和。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

3. 層級劃分

主要分為 2 大層級:首屏、設(shè)備控制界面、場景列表、鬧鐘為第一層級;設(shè)備類型、設(shè)置為第二層級;

智能面板一般裝在墻面,用戶站立操作,用戶不可能花太長時間來操控;

歐瑞博的人群為廣大普通消費(fèi)群體,家中的設(shè)備不會太多,設(shè)備控制界面層級前移,可以方便用戶直達(dá)控制區(qū),用完即走。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

4. 首頁布局

首頁主要分為 2 個區(qū)域:

日期天氣區(qū)

時間、日期、天氣狀況信息,可以滿足用戶日常出門關(guān)注的內(nèi)容,并且在這個區(qū)域有多種表現(xiàn)形式供用戶選擇,既保持個性化還不失統(tǒng)一感。

快捷控制區(qū)

可以將常用的功能置頂在首頁展示,最多設(shè)置 2 個,用戶在首屏既能看到日期天氣還可以控制設(shè)備,大大提升了屏幕的利用率和用戶的操作效率。

這樣做的好處:

當(dāng)用戶準(zhǔn)備出門時,看了一眼面板上的天氣,點(diǎn)一下關(guān)玄關(guān)燈,就可以直接出門了,不需要滑到燈的菜單界面找到玄關(guān)燈然后再關(guān)閉它,真的很方便。

底部有向上滑動提示,告訴用戶下面還有重要內(nèi)容。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

5. 卡片展示

卡片內(nèi)容左右排布,從左到右依次為 icon、名稱及狀態(tài)、快捷控制,這種排布的好處是可以縮小每個卡片的高度,從而提高屏幕利用率;

但有個問題就是,左右排布的方式,內(nèi)容最多呈現(xiàn) 4 個文字,需要考慮這幾個字能否清楚的定義該卡片功能。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

6. 上滑手勢

上滑可以查看全部功能卡片,給用戶在手機(jī)上瀏覽信息的熟悉感;

在新的操控設(shè)備運(yùn)用用戶熟悉的交互方式可以降低用戶的學(xué)習(xí)成本;

移動端上常見的手勢對應(yīng)結(jié)果有:左右滑——代表切換,向下滑——代表喚起相關(guān)功能設(shè)置,向上滑動——瀏覽更多信息。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

7. 左右滑手勢

用戶在首屏左右滑動就可以切換不同功能模塊,不需要返回上一級,在設(shè)備類型少的情況下,這種盲操會比較方便。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

8. 下滑手勢

下滑進(jìn)入功能類型選擇、系統(tǒng)設(shè)置界面,這一區(qū)域相當(dāng)于導(dǎo)航,可以實(shí)現(xiàn)功能模塊間的快速切換。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

9. 手勢問題

多種手勢的組合可以在有限的屏幕內(nèi)操作更加靈活,但手勢太多會帶來一些問題:

  • 誤操作問題,在空調(diào)界面,左右切換設(shè)備時,容易觸發(fā)空調(diào)溫度操作;
  • 認(rèn)知上的負(fù)擔(dān),在歐瑞博面板的邏輯定義里,首屏和控制界面屬于同一層級,然而上滑手勢只能在首屏操作,在設(shè)備控制界面上滑就無法使用,下滑手勢卻可以全局操作,這里面的邏輯會讓用戶混亂。

針對以上問題解決的方法可以是:

  • 改變空調(diào)左右滑動設(shè)置溫度的操控方式;
  • 首屏和控制界面層級做區(qū)分,或簡化手勢。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

10. 場景運(yùn)行效果

場景卡片分為未激活、運(yùn)行中、運(yùn)行結(jié)束三種狀態(tài);

場景運(yùn)行狀態(tài)變化在卡片 icon 區(qū)域體現(xiàn),既傳達(dá)了運(yùn)行的過程,又不會打擾到用戶。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

12. 卡片首頁置頂

點(diǎn)擊卡片列表最底部的編輯按鈕,可以選擇將某一功能卡片置頂?shù)绞灼粒奖阌脩艨旖莶僮鳌?/p>

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

13. 設(shè)備控制區(qū)域布局

將普通燈、場景、門窗等操控方式相近的設(shè)備進(jìn)行了歸類顯示,并且和空調(diào)、色溫?zé)簟⒈尘耙魳返仍O(shè)備放置在同一層級;

從交互體驗層講:由于家里的普通燈、場景、門窗的操控方式簡單統(tǒng)一、數(shù)量多,按照類別整合在一起便于查找控制;

從視覺層講:設(shè)備操控界面布局形式多,會給用戶造成整體視覺上的不統(tǒng)一,增加學(xué)習(xí)成本。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

14. 設(shè)備控制

空調(diào)

空調(diào)控制界面,只能通過左右滑動以整數(shù)的形式來調(diào)節(jié)溫度,開啟中的時候,背景會有對應(yīng)模式的色彩氛圍效果,給用戶更直觀的感受;

底部只保留用戶最常用的模式、風(fēng)速、風(fēng)向三個功能。

色溫?zé)?/strong>

色溫?zé)艚缑婺J(rèn)為用戶推薦 6 種不同場景下使用的色溫選項,底部提供亮度調(diào)節(jié)功能,用戶只需要去選擇,大大縮短了用戶的操作路徑。

個性推薦在電商類產(chǎn)品中很常見,推薦機(jī)制基于對用戶行為習(xí)慣的分析,需要強(qiáng)大的后臺數(shù)據(jù)支持,智能家居這一塊通過窮舉用戶生活中的設(shè)備使用場景、目的從而提煉出對應(yīng)的功能選項可以大大提升產(chǎn)品使用體驗。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

窗簾

窗簾控制界面采用半寫實(shí)風(fēng)格,給用戶更加直觀感受,學(xué)習(xí)成本低,拖動窗簾區(qū)域就可以進(jìn)行行程的控制,由于沒有微調(diào)按鈕和行程狀態(tài)百分比,所以無法做到窗簾精準(zhǔn)控制;

選擇這種寫實(shí)的設(shè)計風(fēng)格,需要考慮設(shè)備控制界面布局、樣式對新增窗簾類型的兼容性。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

背景音樂

背景音樂默認(rèn)界面只保留了當(dāng)前播放音樂封面元素,更多復(fù)雜操作被隱藏到了下一級界面,用戶在當(dāng)前界面可以進(jìn)行暫停、播放、收藏等簡單操作;

在小屏幕中做設(shè)計時,有時候會在一個層級界面中堆砌許多功能按鈕,使界面變的臃腫,一來容易讓用戶誤操作,二來讓用戶找不到重點(diǎn)功能,操作效率低下;

我們在處理這些信息時應(yīng)該結(jié)合使用場景,按用戶的使用頻率進(jìn)行權(quán)重劃分,將權(quán)重低的進(jìn)行隱藏處理,突出核心功能,減輕用戶操作負(fù)擔(dān)。

智能家居廠商大多都是靠賣硬件賺錢,歐瑞博巧妙的運(yùn)用會員機(jī)制結(jié)合背景音樂功能來售賣音樂服務(wù)(49 元一年),更加具有互聯(lián)網(wǎng)商業(yè)思維。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

15. 語音控制

在語音設(shè)置中,可以選擇是否開啟語音控制,系統(tǒng)默認(rèn) 2 組喚醒詞激活語音控制;

歐瑞博為用戶提供了更便捷的語音控制功能——快捷口令,說出指令就可以快速執(zhí)行,由于沒有房間、設(shè)備名稱的限定,這個功能只能實(shí)現(xiàn)面板內(nèi)所有同類型設(shè)備的開或關(guān),適用于小戶型簡單的場景。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

16. 快速添加設(shè)備

傳統(tǒng)上添加一臺新設(shè)備需要:選擇要添加的設(shè)備——選擇網(wǎng)關(guān)——輸入正確Wifi密碼——進(jìn)入設(shè)備配網(wǎng)流程——配網(wǎng)成功——設(shè)備名稱設(shè)置,操作流程繁瑣,中間稍微有些環(huán)節(jié)沒有操作對,最后就無法成功添加設(shè)備,歐瑞博通過簡化中間過程,成功解決了這一痛點(diǎn)。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

17. 個性化設(shè)置

用戶可以在面板中直接設(shè)置首屏的風(fēng)格樣式,系統(tǒng)一共有 3 種風(fēng)格外和一個隨機(jī)演示選項供用戶選擇,并且這三種風(fēng)格的功能架構(gòu)是一樣的,只是對背景圖、元素大小、布局做了設(shè)計區(qū)分。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

AQARA S1

以 AQARA S1 為例,從結(jié)構(gòu)、色彩、手勢操控方式、卡片形式、功能點(diǎn)這些方向展開分析。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

1. 首屏

整體使用黑色做背景,用白色體現(xiàn)基礎(chǔ)信息,底部的色塊元素貌似起裝飾作用,和天氣情況并沒有聯(lián)系;

首屏主要分為日期時間和環(huán)境狀況 2 個區(qū)域,天氣、溫度、濕度、空氣質(zhì)量信息并行排列,個人認(rèn)為用戶對這 4 個信息的關(guān)注度是不一樣的,看看我們手機(jī)上的天氣 app 的信息排布就知道了,這樣并列排布會讓用戶分不清主次。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

2. 輔助顏色

顏色以藍(lán)色及其鄰近色為主,搭配少量的對比色,整體色調(diào)統(tǒng)一。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

3. 層級劃分

主要分為 2 大層級:首屏、設(shè)備控制界面、場景列表為第一層級;設(shè)置為第二層級;

形式和歐瑞博一致,都是為了讓用戶更便捷的操控;

但進(jìn)入設(shè)置頁面,設(shè)置主題類型的步數(shù)比歐瑞博的多一步,用戶設(shè)置完成后還得一步步返回,這里可以將用戶常用的“顯示”內(nèi)容上移一個層級,減少頁面跳轉(zhuǎn)次數(shù);

AI 手勢這種有特色的功能隱藏的太深,不便于用戶的使用。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

4. 左右滑手勢

綠米同樣運(yùn)用左右滑動進(jìn)行首屏、場景列表、設(shè)備間的快速切換,對于相同類型的窗簾設(shè)備,并沒有整合成列表放置同一屏,而是另起一屏,設(shè)備多的時候就會存在操控效率低的問題。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

5. 下滑手勢

下滑進(jìn)入系統(tǒng)設(shè)置界面,這個區(qū)域只有一個設(shè)置功能,有點(diǎn)浪費(fèi)空間,索性就把設(shè)置下一級的功能選項移到下拉頁面,還能提高用戶的操作效率。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

6. 場景運(yùn)行效果

場景運(yùn)行過程以進(jìn)度條的形式在卡片底部體現(xiàn),對用戶的干擾小,并且只傳遞出開始到結(jié)束的過程,沒有成功提示,這種邏輯是正確的,因為面板只是傳達(dá)出了一個命令出去,具體什么時候傳出、接收設(shè)備是否正常運(yùn)行,這些信息面板是獲取不到的。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

7. 設(shè)備控制區(qū)域布局

場景列表與設(shè)備控制界面一個層級,溫控器、調(diào)光燈運(yùn)用半圓的元素作為控制區(qū)域,新穎的設(shè)計風(fēng)格是綠米智能面板的特色;

仔細(xì)看,會發(fā)現(xiàn)設(shè)備控制界面不統(tǒng)一,相同功能的開關(guān)按鈕,在不同的設(shè)備中位置卻不一樣,還有就是普通燈是偏寫實(shí)的 3 路開關(guān)樣式,其他界面卻是抽象的圓環(huán)幾何樣式,不統(tǒng)一的界面會增加用戶的學(xué)習(xí)成本。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

8. 設(shè)備控制

空調(diào)

空調(diào)控制界面,通過上下滑動以整數(shù)的形式來調(diào)節(jié)溫度,新穎的操控方式讓用戶加深對品牌的印象;

底部開關(guān)、模式、風(fēng)速同級展示,這里存在幾個問題:1、用戶在設(shè)置空調(diào)時很容易誤點(diǎn)關(guān)閉按鈕;2、缺少常用的風(fēng)向調(diào)節(jié),功能缺失造成較差使用體驗。

普通燈可以在 App 中設(shè)置 1、2、3 路開關(guān)樣式,這種形式同樣存在問題:一屏最多放三個開關(guān),屏幕下方大片區(qū)域空置,利用率低。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

窗簾

窗簾控制界面顯示窗簾的名稱及行程狀態(tài);窗簾的開、合,綠米給了 2 種方式:滑動控制、全開全關(guān)按鈕;

增加暫停功能可以提升使用體驗,因為用戶在操控窗簾設(shè)備時,會以窗簾實(shí)際的運(yùn)動行程為依據(jù)來決定窗簾需要開合到什么程度,而不是看界面上窗簾的位移,當(dāng)用戶覺著窗簾行程可以了,按暫停鍵就可以準(zhǔn)確停留在用戶想要的位置上。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

調(diào)色燈

調(diào)色燈用戶可以自定義或選擇系統(tǒng)推薦的顏色;

為了涵蓋大多數(shù)的用戶偏好,調(diào)色燈的 4 個推薦色采用色環(huán)上差距大的顏色,并且根據(jù)用戶使用場景篩選出常用的幾種色調(diào),排除了用戶不常用的綠色、紫色、粉色。

7000+超詳細(xì)智能產(chǎn)品深度解析:智能面板篇

9. 開機(jī)默認(rèn)頁設(shè)置

用戶可以根據(jù)自己的使用偏好,將最常用的功能模塊頁面放到第一屏,這個功能在一定程度上可以提升操作效率,當(dāng)設(shè)備多,還是需要切換很多屏。

用戶使用面板分為:緊急情況、常用情況,緊急情況不一定常用,就像出門需要關(guān)燈;常用情況不一定緊急,例如看時間

綠米為了讓用戶便捷,給出默認(rèn)頁自定義功能,存在的問題是:如果用戶把燈作為開機(jī)第一頁,那么日常中看時間要翻頁;日期時間作為第一頁,開關(guān)燈需要翻頁,都不是特別便捷。實(shí)際上可以做成像 Gira 那樣,通過增加手勢喚起快捷開關(guān)功能,首屏留給日期時間,既滿足了日常需要,又能滿足緊急需求。

總結(jié)

通過上述分析,我們得到了這些產(chǎn)品的共同點(diǎn)與差異點(diǎn),以及背后的思考方式,了解共同點(diǎn)可以讓我們彌補(bǔ)自己產(chǎn)品的不足,不被市場淘汰;學(xué)習(xí)它們差異化的思考方式可以幫助提升我們產(chǎn)品的競爭力。

作為一名合格的設(shè)計師,除了學(xué)習(xí)視覺技法和理論,還應(yīng)該多玩、多看、多思考真實(shí)的線上產(chǎn)品,體驗其核心操作流程,推敲和思考產(chǎn)品設(shè)計背后的原理和邏輯,才能不斷提升體驗設(shè)計思維。

收藏 80
點(diǎn)贊 17

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。