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

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

以上剖析不难创造精良的界面交互设计与智能硬件有着密不可分的联系。

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

JoshAI智能家居APP设计解析

一、Josh.AI1. 产品先容

Josh是一款高端语音掌握的家庭自动化系统,类似于Siri、小爱同学,支持自然措辞语音命令,包括问候、问题、解释等,实现了较为丰富的VUI。

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

2. 页面拆解

1)首页

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

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

不才方通过多个卡片显示当前用户处于活动状态的所有设备,只须要轻按就可掌握每个设备。
涌现非常或提示等状态,卡片会用小红条样式来提醒用户,强化用户感知。

首页右上角的菜单图标可以开启阴郁模式,开启后页面背景整体会变成图片+玄色蒙层样式,强调一种品质感和沉浸感,同时利用浅色的笔墨内容形成很好的比拟。
而图片背景的利用,对图片哀求极高。
版权、质量、产品匹配度、视觉滋扰,都该当把稳。

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

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

卡片下边的三个点可进入完全的掌握面板。

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

2. 掌握面板

1)灯光掌握

灯光掌握页面是由多个瓷片区组成,上半部分的滚动条用来掌握全体房间的亮度。

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

卡片构造与首页相同,点击三个点进入灯光掌握面板,高下滑动可调度灯光亮度。

2)灯光掌握面板

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

「繁芜掌握器」通过利用滑块或支持场景的按钮预设来调度亮度,高等颜色选择器与温度掌握功能。

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

3)音乐播放器

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

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

「联集播放」 用户可以对音乐进行分组并设置在不同的房间,并且在播放页也可以掌握所有房间的音量,大大减少用户的交互路径。

三、小结

智能家居app是用户对付真实家居生活的数字化转译,将现实生活中的家居生活场景和高科技信息产品深度领悟,也是用户和产品在智能家居环境中互换和沟通的关键渠道,因此须要让用户在享受高科技带来的前所未有的体验的同时看重对用户的人性化、情绪化进行诠释,为此也给大家总结了几点设计时把稳的几个方面。

1. 遵照用户行为

通过生理学表明,用户总是对知足期望的行为结果最满意,那么我们在特定的界面中,只要用户看到此视觉元素,就该当能够预测元素是什么、浸染是什么。
并且应不断调度页面上元素的布局,以达到强烈视觉层次的水平是界面清晰可见。

2. 与人的习气保持同等

车的方向盘旋转向和人的固有方向感同等,这便是很多新手驾驶员虽然缺饭方向感但是却可以很快适应驾车方向的缘故原由。
这种匹配关系来源于人们的生活行为习气,而产品设计若这种自然匹配的状态相同等,用户自然而然就会产生适应感。

3. 与人的履历保持同等

对付智能家居的用户而言,“自然”源于用户的感知、体验和对生活的不雅观察。
在自然环境中将用户的履历运用在app当中可以极大地提高交互的自然性和易操作性。

比较直不雅观的是戴森的空气进化器掌握页面,功能按钮根据实体遥控器1比1还原。

4. 页面最小化

这样的目的是将页面中的信息元素以最直接的办法展示出来,移除不必要的信息元素,只包含最根本的操作信息就足够了,这样可以减少用户对信息的搜索韶光,只关注用户的交互目的、需求和目标。
极度的便是让页面“隐形”,用户感想熏染不到界面的存在。

参考文献

https://medium.com/@joshdotai

https://www.josh.ai/

本文由@pop泡面 原创发布于大家都是产品经理,未经容许,禁止转载。

题图来自Unsplash,基于 CC0 协议

该文不雅观点仅代表作者本人,大家都是产品经理平台仅供应信息存储空间做事。