智能家居app设计思路「JoshAI智能家居APP设计解析」 _为什么软件变成黑色的啦

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

文章插图
大家有没有发现，现在很多家居都已经智能化，包括传统的家电洗衣机、空调、窗帘、冰箱等，你回到家只需要喊一句，“hi.某某同学，帮我打开窗帘”，甚至不需要做什么，一开门家里常用的家电设备就都开了，大大提高了我们的生活品质。
对于传统的产品设计更关注的是产品本身的物理属性，例如尺寸、形状、结构、质感等，并且一旦购买就不会做更新和变化，想体验新产品就得花钱。而对于新兴智能家居产品，那可真是好处多了去了，首先产品的功能在出售给消费者后会持续更新功能，来满足用户的喜好，其次还可以通过语言对智能产品进行操作，甚至还能操控其他智能设备。
以上分析不难发现优秀的界面交互设计与智能硬件有着密不可分的联系。
那么我们来看看国外智能家居产品Josh.AI 有哪些值得学习的设计细节。
一、Josh.AI1. 产品介绍Josh是一款高端语音控制的家庭自动化系统，类似于Siri、小爱同学，支持自然语言语音命令，包括问候、问题、说明等，实现了较为丰富的VUI 。
语音命令方面，支持各年龄段包括视力受损、其他残疾等群体使用，对老年人很是友好。目前也融入了AI技术，通过分析用户的大量行为数据，分析用户的喜好与习惯，对用户行为进行预判，为用户提供更便捷、轻松的产品体验。
2. 页面拆解1）首页

文章插图
首页内容涵盖「控制面板」、「语音按钮」等。整体风格较为轻量，没有过度花哨的视觉元素。
首页也为用户推荐常用的操作，例如开启灯光、播放音乐等，将核心功能外显，提升易用性。
在下方通过多个卡片显示当前用户处于活动状态的所有设备，只需要轻按就可控制每个设备。出现异常或提示等状态，卡片会用小红条样式来提醒用户，强化用户感知。

文章插图
首页右上角的菜单图标可以开启黑暗模式，开启后页面背景整体会变成图片黑色蒙层样式，强调一种品质感和沉浸感，同时使用浅色的文字内容形成很好的对比。而图片背景的使用，对图片要求极高。版权、质量、产品匹配度、视觉干扰，都应该注意。
一张高质量的图片可以很好的凸显产品调性，提升设计图的整体质量。反之就会大大降低用户对其的好感度与信任度，显得廉价，无品质。

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

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