主页涵盖“控制面板”、“语音按钮”等。整体风格比较轻巧，没有过于花哨的视觉元素。

首页还为用户推荐常用操作，如开灯、播放音乐等，以暴露核心功能，提高易用性。

显示当前用户正在使用的所有设备，下方有多张卡片，只需轻按一下即可控制每个设备。在出现异常或提示时，卡片会以小红条样式提醒用户，加强用户感知。

首页右上角的菜单图标可以开启深色模式。开启后，整体页面背景会变成图片+黑色蒙版风格智能家居设计，强调高级感和沉浸感，并使用浅色文字内容形成良好的对比。图片背景的使用对图片的要求极高。版权、质量、产品适合性和视觉干扰都应予以注意。

高质量的图像可以突出产品的基调，提高设计的整体质量。反而会大大降低用户对它的好感度和信任度，显得廉价无品。

向左滑动进入控制面板，类似于快捷面板，内容呈网格分布。点击开关只改变图标和颜色，略显不显眼；长按卡片可以切换位置，把用户常用的功能放在前面。

卡片下方的三个点可访问完整的控制面板。

因为瓷砖区涵盖了很多功能，包括“音乐播放器”、“游戏”、“家具控制面板”等。在之前的版本设计中（左图），瓷器区的风格并不统一，而且交互方式很不一样，给用户带来了更多的麻烦。优化后，背景统一设计为图片背景，操作变成了开关类型。这样一方面通过各种背景设计增强了产品的氛围，另一方面也保证了与物理操作的一致性，提高了用户的感知。

2. 控制面板

1）灯光控制

灯光控制页面由多个瓦片区域组成，上部的滚动条用于控制整个房间的亮度。

由于用户看不到智能设备的内部运作，只能直观感受信息的输出和输入，所以卡片上增加了虚光处理智能家居设计，增强用户的感知。

卡片结构和首页一样，点击三个点进入灯光控制面板，上下滑动调节灯光亮度。

2）灯光控制面板

“基本控制器”拥有单独的照明控制范围，结合触觉反馈的宽体滑块允许用户确定他们正在控制的内容，并且动画足够流畅，可以满足用户的某些需求。

复杂控制器通过使用滑块或启用场景的按钮预设来调整亮度、高级颜色选择器和温度控制。

“高级控制器”随着版本的迭代，智能硬件支持昼夜节律和更有限的灯光控制，因此添加了颜色预设，更丰富的颜色和温度选择器，颜色预设也可以应用于批处理灯等高级设置、多设备和限时环境照明模式。

3）音乐播放器

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

“播放器风格”平台为用户提供多种播放器风格，包括静态圆形、静态方形、歌手、照片等风格，满足各类用户对播放器风格个性化设置的需求。

“联合播放”用户可以将音乐分组设置在不同的房间，还可以在播放页面控制所有房间的音量，大大减少了用户的交互路径。

三、总结

智能家居应用是用户真实家居生活的数字化翻译。它将现实生活中的家居生活场景与高科技信息产品深度融合。也是用户和产品在智能家居环境中进行沟通交流的关键渠道。因此，既要让用户享受高科技带来的前所未有的体验，又要注重用户的人性化和情感化解读。为此，我们也总结了一些设计时需要注意的方面。

1.关注用户行为

通过心理学已经表明，用户总是对符合他们期望的行为结果最满意，所以在特定的界面中，只要用户看到这个视觉元素，他们应该就能猜出这个元素是什么是什么以及它的作用是什么。并且页面上元素的布局应该不断调整，以达到使界面清晰可见的强烈视觉层次的水平。

2.符合人们的习惯

汽车的方向盘转动方向与人与生俱来的方向感一致，这也是很多新手司机即使缺乏方向感也能快速适应驾驶方向的原因。这种匹配关系来源于人们的生活习惯，如果产品设计与这种自然匹配状态一致，用户自然会有适应感。

3. 符合人类经验

对于智能家居用户来说，“自然”源于用户对生活的感知、体验和观察。将用户的体验应用到自然环境中的应用程序可以大大提高交互的自然度和易用性。

比较直观的是戴森的air 控制页面，功能按键按照实体遥控器1对1还原。

4. 页面最小化

这样做的目的是将页面中的信息元素以最直接的方式展示出来，去掉不必要的信息元素，只包含最基本的操作信息就足够了，这样可以减少用户搜索信息的时间，只关注焦点关于用户的交互目标、需求和目标。极端是让页面“隐形”，用户感觉不到界面的存在。

参考文献

@

本文由@pop 原创发布，人人都是产品经理，未经允许禁止转载。

题图来自，基于CC0协议

本文观点仅代表作者本人，大家都是产品经理。平台只提供信息存储空间服务。