如今很多家居都已经智能化，大大提高了我们的生活品质。而对于新兴智能家居产品来说，优秀的界面交互系统与智能硬件有着密不可分的联系。本文作者以国外智能家居产品Josh.AI为例，分析它有哪些值得学习的设计细节，一起来看一下吧。

大家有没有发现，现在很多家居都已经智能化，包括传统的家电洗衣机、空调、窗帘、冰箱等，你回到家只需要喊一句，“hi.某某同学，帮我打开窗帘”，甚至不需要做什么，一开门家里常用的家电设备就都开了，大大提高了我们的生活品质。

对于传统的产品设计更关注的是产品本身的物理属性，例如尺寸、形状、结构、质感等，并且一旦购买就不会做更新和变化，想体验新产品就得花钱。而对于新兴智能家居产品，那可真是好处多了去了，首先产品的功能在出售给消费者后会持续更新功能，来满足用户的喜好，其次还可以通过语言对智能产品进行操作，甚至还能操控其他智能设备。

以上分析不难发现优秀的界面交互设计与智能硬件有着密不可分的联系。

那么我们来看看国外智能家居产品Josh.AI 有哪些值得学习的设计细节。

一、Josh.AI

1. 产品介绍

Josh是一款高端语音控制的家庭自动化系统，类似于Siri、小爱同学，支持自然语言语音命令，包括问候、问题、说明等，实现了较为丰富的VUI。

语音命令方面，支持各年龄段包括视力受损、其他残疾等群体使用，对老年人很是友好。目前也融入了AI技术，通过分析用户的大量行为数据，分析用户的喜好与习惯，对用户行为进行预判，为用户提供更便捷、轻松的产品体验。

2. 页面拆解

1）首页

首页内容涵盖「控制面板」、「语音按钮」等。整体风格较为轻量，没有过度花哨的视觉元素。

首页也为用户推荐常用的操作，例如开启灯光、播放音乐等，将核心功能外显，提升易用性。

在下方通过多个卡片显示当前用户处于活动状态的所有设备，只需要轻按就可控制每个设备。出现异常或提示等状态，卡片会用小红条样式来提醒用户，强化用户感知。

首页右上角的菜单图标可以开启黑暗模式，开启后页面背景整体会变成图片+黑色蒙层样式，强调一种品质感和沉浸感，同时使用浅色的文字内容形成很好的对比。而图片背景的使用，对图片要求极高。版权、质量、产品匹配度、视觉干扰，都应该注意。

一张高质量的图片可以很好的凸显产品调性，提升设计图的整体质量。反之就会大大降低用户对其的好感度与信任度，显得廉价，无品质。

左滑进入控制面板，类似一个快捷操作面板，内容呈网格分布。点击开关只有图标及颜色的变化，稍微有些不明显；长按卡片可以切换位置，将用户常用的功能前置。

卡片下边的三个点可进入完整的控制面板。

由于瓷片区涵盖的功能较多，包括「音乐播放器」、「游戏」、「家具控制面板」等。往期版本设计中（左侧），瓷片区风格样式不统一，交互方式大不相同，给用户带来较多的困扰。优化后将背景统一设计成图片背景，操作变成开关式。这样一方面通过多样的背景设计增强产品氛围感，另一方面也保证了与实物操作相符合，提高用户感知。

2. 控制面板

1）灯光控制

灯光控制页面是由多个瓷片区组成，上半部分的滚动条用来控制整个房间的亮度。

由于用户看不到智能设备的内部操作，只能直观感受信息的输出与输入，所以卡片增加了一个模糊灯光的处理，来增强了用户感知。

卡片结构与首页相同，点击三个点进入灯光控制面板，上下滑动可调整灯光亮度。

2）灯光控制面板

「基本控制器」承载了单独范围的灯光控制，与触觉反馈相结合的宽体滑块让用户可以确定他们正在控制什么，动画很流畅，可以满足某部分需求的用户。

「复杂控制器」通过使用滑块或支持场景的按钮预设来调整亮度，高级颜色选择器与温度控制功能。

「高级控制器」随着版本迭代，智能硬件支持昼夜节奏和更有限控制的灯光，因此增加了颜色预设、更丰富的颜色和温度选择器、也可以将颜色预设应用于一批灯、多个设备等高级设置，以及时间受限的环境照明模式。

3）音乐播放器

随着疫情加速，智能家居音乐播放器的诉求也在逐年增加，音乐播放器也成为用户较为常用的功能。Josh.AI在播放器页面的处理比较纯粹简单，可以满足基本的用户诉求和基本功能。

「播放器样式」平台为用户提供了多种播放器样式，包括了静态圆形、静态方形、歌手、写真等样式，满足各类用户对播放器样式个性化设置的需求。