戴森Dyson Link智能产品解析( 二 )


5.空气质量等级可视化戴森Dyson Link智能产品解析
文章图片

1)表现层
对于空气质量等级颜色的选择 , 戴森与空气质量指数(AQI)等级颜色保持一致性 。
室内室外颜色均可根据空气质量等级显示不同效果 , 可以给用户提供更加直观的感受 。
SmartmiP1则是通过文字和部分颜色来体现空气质量等级 , 用户感知弱 。
6.空气质量等级详情戴森Dyson Link智能产品解析
文章图片

1)表现层
空气质量详情页 , 戴森和SmartP1均使用色块体现等级 , 戴森使用的面积更大 , 更加明显 , P1则一贯延续留白的简洁科技感 。 两者都有数据分析功能 , 戴森通过刻度、细线条、更加规整的布局 , 看上去更具专业性 , 品质感 。
7.空气污染物质量等级说明戴森Dyson Link智能产品解析
文章图片

1)功能层
戴森和SmartP1都有各个空气污染物等级的说明 , 用户可以了解当前空气质量情况及显示规则 。
SmartP1可以让用户设置哪些空气污染物显示 , 空气污染物等级说明在一页显示 , 用户需要上下滑动来查找相关污染物 。
戴森将污染物类型做成导航形式 , 用户可以快速选择要看的类型;
2)表现层
范围区间和对应的颜色放一起 , 强调了他们之间的关联性 , 并且可以承载更多的说明信息 。
8.在App中如何融入产品
对于硬件厂商 , 在设计界面时 , 其中一个重要的需求就是“在界面中体现产品” , 从而增强产品的独特性、辨识度 。 那么如何做才能恰到好处的向用户展示产品信息呢?来看看戴森怎么做的 , 具体主要有两方面:
1、App中产品出现的节点;2、以什么形式展示产品 。
戴森Dyson Link智能产品解析
文章图片
最顺其自然的就是在设备控制界面放置对应的产品 , 其次就是在引导页中体现 , 可以很直观的告知用户如何操作及产品当前的状态反馈 。
最后还可以在登录页、空状态页作为装饰元素出现 。
产品展现形式在控制界面及引导页面要尽可能展示产品当前场景下的样子 。
例如:在调节角度界面 , 用俯视图可以更加直观体现旋转角度的状态 。
在房屋界面 , 由于只需要体现设备状态 , 所以用45度视角尽可能体现产品独特的造型细节 。
在登录页使用产品线框图作为装饰元素 , 减少对文本内容的干扰 。
9.戴森空气净化器控制界面样式戴森Dyson Link智能产品解析
文章图片

1)表现层
首页上空气净化器选取常用的功能作为快速入口 , 并且使用圆、圆角矩形作为按键外框 , 我们看它的实体遥控器、产品造型 , 就知道为什么要用这2种形态了 , 这样可以延续戴森的产品特征 , 使得整体品牌更具辨识度 , 达到强化品牌渗透的目的 。
右下角为设备控制详情入口 , 通过使用不透明白底与快捷功能键作出区分 , 还能保持整体性 , 品质感 。
10.空气净化器控制详情页戴森Dyson Link智能产品解析
文章图片

1)表现层
控制详情页放置产品实物图 , 可以直观展示产品状态 , 功能图标前期做了区分归类 , 保证每一行的图标尺寸一致的同时确保它们之间的相关性 。 角度设置界面 , 产品使用俯视图 , 可以直观展示角度信息 。
11.空气净化器操控手势戴森Dyson Link智能产品解析