现在许多家庭都是智能化的,这大大提高了我们的生活质量。对于新兴的智能家居产品来说,优秀的界面交互系统与智能硬件息息相关。带上乔希。以国外智能家居产品AI为例,本文作者分析了其值得借鉴的设计细节。让我们来看看。
有没有发现现在很多家庭都是智能化的,包括传统家电洗衣机,空收音机,窗帘,冰箱等。当你回到家,你只需要喊一声,“嗨。某某,帮我拉开窗帘”,你甚至什么都不需要做。一开门,家里常用的家用电器全部打开,大大提高了我们的生活质量。
传统的产品设计更注重产品本身的物理属性,如尺寸、形状、结构、质感等。,而且一旦购买就不更新不改,体验新品也要花钱。对于新兴的智能家居产品来说,真的是受益良多。第一,产品卖给消费者后功能会不断更新,满足用户喜好。其次,智能产品可以通过语言操作,甚至可以控制其他智能设备。
从以上分析不难发现,优秀的界面交互设计与智能硬件密切相关。
那么我们来看看乔希的设计细节。AI,国外智能家居产品,值得学习。
一、Josh.AI1. 产品介绍
Josh是一个高端的语音控制家庭自动化系统,类似于Siri和萧艾。它支持自然语言语音命令,包括问候、提问、解释等。,实现一个富裕的VUI。
语音指令方面,支持各年龄段人群使用,包括视障等残障人士,对老年人非常友好。目前也融合了AI技术。通过分析大量的用户行为数据,分析用户的喜好和习惯,可以预测用户行为,为用户提供更加便捷轻松的产品体验。
2. 页面拆解
1)主页
主页包括“控制面板”和“语音按钮”。整体风格比较清淡,没有过分花哨的视觉元素。
主页还为用户推荐了常用操作,如开灯、播放音乐等。,并公开核心功能以增强易用性。
当前用户处于活动状态的所有设备都是通过下面的多张卡来显示的,每个设备都可以通过简单的按压来控制。遇到异常或提示时,卡片会用小红条的样式提醒用户,加强用户的感知。
首页右上角的菜单图标可以开启黑暗模式。开启后,页面整体背景会变成图片+黑色蒙版风格,强调一种质感和沉浸感,同时使用浅色文字内容,形成良好的对比。图片背景的使用对图片要求极高。版权、质量、产品搭配、视觉干扰都要注意。
一张高质量的图片可以突出产品的调性,提高设计图纸的整体质量。反而会大大降低用户的好感度和信任度,便宜没质量。
向左滑动进入控制面板,类似快捷操作面板,内容分布在网格中。点击开关只是改变图标和颜色,略不明显;长按卡片切换位置,把用户常用的功能放在前面。
卡片底部的三个点可以进入完整的控制面板。
因为磁贴区涵盖了很多功能,包括“音乐播放器”、“游戏”、“家具控制面板”。在之前的版本设计中(左图),磁贴区域风格不统一,交互方式差异很大,给用户带来了更多的麻烦。优化后背景设计成图片背景,操作变成开/关。这样一方面通过各种背景设计增强了产品氛围,另一方面也与实体操作一致,提高了用户的感知。
2. 控制面板
1)照明控制
灯光控制页面由多个平铺区域组成,上方的滚动条用于控制整个房间的亮度。
由于用户看不到智能设备的内部操作,只能直观地感受到信息的输出和输入,所以在卡片上增加了一个模糊的光处理来增强用户的感知。
卡片结构与主页相同。点击三个点进入灯光控制面板,上下滑动调节灯光亮度。
2)照明控制面板
“基本控制器”具有单一范围的照明控制,宽滑块结合触觉反馈允许用户确定他们正在控制什么。动画流畅,能满足部分用户需求。
复杂控制器通过使用支持场景的滑块或按钮预设来调整亮度、高级颜色选择器和温度控制功能。
“高级控制器”随着版本的迭代,智能硬件支持灯光的昼夜节奏和更有限的控制,因此增加了颜色预设、更丰富的颜色和温度选择器,还可以将颜色预设应用于一批灯和多个设备等高级设置,以及限时环境照明模式。
3)音乐播放器
随着疫情的加速,智能家居音乐播放器的需求也在逐年增加,音乐播放器已经成为用户较为常用的功能。约书亚AI对播放器页面的处理比较简单,可以满足基本的用户诉求和基本功能。
“球员风格”平台为用户提供了多种球员风格,包括静态圈、静态方、歌手、等,满足各类用户对球员风格个性化设置的需求。
用户可以将音乐分组,设置在不同的房间,还可以在播放页面控制所有房间的音量,大大减少了用户的交互路径。
三、小结
智能家居app是用户真实家居生活的数字化翻译,将真实家居生活场景与高科技信息产品深度融合。也是智能家居环境下用户和产品沟通的关键渠道。因此,用户在享受高科技带来的前所未有的体验的同时,需要注重用户的人性化和情绪化。所以总结了设计中应该注意的几个方面给大家。
1. 遵循用户行为
心理学表明,用户对预期的行为结果总是最满意的,所以在特定的界面中,只要用户看到这个视觉元素,就应该能猜出这个元素是什么,它的作用是什么。并且要不断调整页面上元素的布局,达到强烈的视觉层次,让界面清晰可见。
2. 与人的习惯保持一致
汽车方向盘的转动方向与人固有的方向感是一致的,这也是为什么很多新手司机尽管缺乏方向感,却能很快适应驾驶方向的原因。这种匹配关系来源于人们的生活习惯,如果产品设计符合这种自然的匹配状态,用户自然会有适应感。
3. 与人的经验保持一致
对于智能家居用户来说,“自然”来源于用户对生活的感知、体验和观察。将用户的体验应用到自然环境下的app中,可以大大提高交互的自然度和可操作性。
更直观的是戴森的空析气控制页面,功能按键按照物理遥控器1比1还原。
4. 页面最小化
这样做的目的是用最直接的方式展现页面中的信息元素,去掉不必要的信息元素,只包含最基本的操作信息,可以减少用户对信息的搜索时间,只关注用户的交互目的、需求和目标。极端的是让页面“隐形”,用户不会感觉到界面的存在。
参考文献
https://medium.com/@joshdotai
https://www.josh.ai/
本文由@pop方便面原创发布。每个人都是产品经理。未经许可,禁止转载。
题图来自Unsplash,基于CC0协议。
本文仅代表作者本人,大家都是产品经理。平台只提供信息存储空服务。
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。