|
现在不少家居都已智能化，大大提高了咱们的糊口品格。而对付新兴智能家居产物@来%9妹妹99%讲@，优异的界面交互体系与智能硬件有着密不成分的接洽。本文作者以外洋智能家居产物 Josh.AI 为例，阐发它有哪些值得进修的设计细节，一块儿来看一下吧。
大师有无发明，如今不少家居都已智能化，包含传统的家电洗衣机、空调、窗帘、冰箱等，你回抵家只必要喊一句，"hi. 某某同窗，帮我打开窗帘 "，乃至不必要做甚么，一开门家里经常使用的家电装备就都开了，大大提高了咱们的糊口品格。
对付传统的产物设计更存眷的是产物自己的物理属性，比方尺寸、外形、布局、质感等，而且一旦采办就不会做更新和变革，想体验新产物就得费钱。而对付新兴智能家居产物，那可真是益处多了去了，起首产物的功效在出售给消费者后会延续更新功效，来知足用户的爱好，其次还可以经由过程说话对智能产物举行操作，乃至还能操控其他智能装备。
以上阐发不难发明优异的界面交互设计与智能硬件有着密不成分的接洽。
那末咱们来看看xxxxx外洋智能家居产物 Josh.AI 有哪些值得进修的设计细节。
1、Josh.AI
1. 产物先容
Josh 是一款高端语音节制的家庭主动化体系，雷同于 Siri、小爱同窗，支撑天然说话语音号令，包含问候、问题、阐明等，实现了较为丰硕的 VUI。
语音号令方面，支撑各春秋段包含目力受损、其他残疾等群体利用，对老年人非常友爱。今朝也融入了 AI 技能，经由过程阐发用户的大量举动数据，阐发用户的爱好与习气，对用户举动举行预判，为用户供给更便捷、轻松的产物体验。
2. 页面拆解
1）首页
首页内容涵盖「节制面板」、「语音按钮」等。总体气概较为轻量，没有过分花梢的视觉元素。
首页也为用户举荐经常使用的操作，比方开启灯光、播放音乐等，将焦点功效外显，晋升易用性。
鄙人方通过量个卡片显示当前用户处于勾当状况的所有装备，只必要轻按便可节制每一个装备。呈现@异%72n58%样或提%o6q89%醒@等状况，卡片会用小红条样式来提示用户，强化用户感知。
首页右上角的菜单图标可以开启暗中模式，开启后页面布景整领会酿成图片 + 玄色蒙层样式，夸大一种品格感和沉醉感，同时利用淡色的文字内容构成很好的比拟。而图片布景的利用，对图片请求极高。版权、质量、产物匹配度、视觉滋扰，都应当注重。
一张高质量的图片可以很好的凸显产物调性，晋升设计图的总体质量。反之就会大大低落用户对其的好感度与信赖度，显得便宜，无品格。
左滑进入节制面板，雷同一个快捷操作面板，内容呈网格散布。点击开关只有图标及色彩的变革，略微有些不较着；长按卡片可以切换位置，将用户经常使用的功效前置。
卡片下边的三个点可进入完备的节制面板。
因为瓷片区涵盖的功效较多，包含「音乐播放器」、「游戏」、「家具xxxxx节制面板」等。往期版本设计中（左边），瓷片区气概样式不同一，交互方法大不不异，给用户带来较多的困扰。优化后将布景同一设计成图片布景，操作酿成开关式。如许一方面通过量样的布景设计加强产物空气感，另外一方面也包管了与什物操作相合适，提高用户感知。
2. 节制面板
1）灯光节制
灯光节制页面是由多个瓷片区构成，上半部门的转动条用来节制全部房间的亮度。
因为用户看不到智能装备的内部操作，只能直观感觉信息的输出与输入，以是卡片增长了一个模胡灯光的处置，来加强了用户感知。
卡片布局与首页不异，点击三个点进入灯光节制面板，上下滑动可调解灯亮光度。
2）灯光节制面板
「根基节制器」承载了零丁范畴的灯光节制，与触觉反馈相连系的宽体滑块让用户可以肯定他们正在节制甚么，动画很流利，可以知足某部门需求的用户。
「繁杂节制器」经由过程利用滑块或支撑场景的按钮预设来调解亮度，高档色彩选择器与温度节制功效。
「高档节制器」跟着版本迭代，智能硬件支撑日夜节拍和更有限节制的灯光，是以增长了色彩预设、更丰硕的色彩和温度选择器、也能够将色彩预设利用于一批灯、多个装备等高档设置，以实时间受限的情况照明模式。
3）音乐播放器
跟着疫情加快，智能家居音乐播放器的诉求也在逐年增长，音乐播放器同样成为用户较为经常使用的功效。Josh.AI 在播放器页面的处置比力纯洁简略，可以知足根基的用户诉乞降根基功效。
「播放器样式」平台为用户供给了多种播放器样式，包含了静态圆形、静态方形、歌手、写真等样式，知足各种用户对播放器样式个性化设置的需求。
「联集播放」 用户可以对音乐举行分组并设置在分歧的房间，而且在播放页也能够节制所有房间的音量，大大减罕用户的交互路径。
3、小结
智能家居 app 是用户对付真实家居糊口的数字化转译，将实际糊口中的家居糊口场景和高科技信息产物深度交融，也是用户和产物在智能家居情况中交换和沟通的关头渠道，是以必要让用户在享受高科技带来的史无前例的体验的同时注意对用户的人道化、情传染感动举行解释，为此也给大师总结了几点设计时注重的几个方面。
1. 遵守用户举动
经由过程生理学表白，用户@老%4S49s%是对知%h131B%足@指望的举动成果最得意，那末咱们在特定的界面中，只要用户看到此视觉元素，就应当可以或许猜想元素是甚么、感化是甚么。而且应不竭调解页面上元素的结构，以到达强烈视觉条理的程度是界面清楚可见。
2. 与人的习气连结一致
车的标的目的回旋转向和人的固有标的目的感一致，这就是不少新手驾驶员固然缺饭标的目的感可是却可以很快顺应驾车标的目的的缘由。这类匹配瓜葛来历于人们的糊口举动习气，而产物设计若这类天然匹配的状况相一致，用户自但是然就会发生顺应感。
3. 与人的履历连结一致
对付智能家居的用户而言，" 天然 " 源于用户的感知、体验和对糊口的察看。在天然情况中将用户的履历利用在 app 傍边可以极大地提高交互的天然性和易操作性。
比力直观的是戴森的氛围进化器节制页面，功效按钮按照实体遥控器 1 比 1 还原。
4. 页面最小化
如许的目标是将页面中的信息元素以最直接的方法展现出来，移除不需要的信息元素，只包括最根本的操作信息就足够了，如许可以减罕用户对信息的搜刮时候，只存眷用户的交互目标、需乞降方针。极真个就是让页面 " 隐形 "，用户感觉不到界面的存在。
参考文献
题图来自 Unsplash，基于 CC0 协定 |
|
