扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
米家在主动场景和自动化场景添加流程上,没有进行功能内容的区分,导致在添加主动场景时,自动化场景的一部分功能选择也展示在页面上,点击只能提醒「不可用」,体验较差(如,手动执行场景不可添加多条件,不可选择生效时间段,但是页面没有隐藏此类功能)。
在选择条件及动作的流程上,页面跳转存在交互上的冗余(如在选择定时条件时,页面跳转层层深入层层返回,导致多余跳转。在页面跳转上可以进行简化,或可以优化为底部弹窗跳转的形式);
HomeKit在场景模块没有关于场景介绍及推荐场景的模块,导致初学者的学习成本较高,不易快速上手对场景的使用,自动化场景依赖于家庭中枢的绑定连接。
米家
米家新建场景页面交互流程
米家新建设备自动化页面交互流程
美居
美居没有保留完整的新建场景流程页面,大概流程页面示意一下:
美居新建一键控制场景页面
美居新建自动化场景页面
HomeKit
HomeKit 新建场景页面交互流程
HomeKit 新建自动化页面交互流程
涂鸦智能
涂鸦智能新建场景页面交互流程
涂鸦智能新建自动化场景页面交互流程
米家和美居的场景模块有「推荐场景」「场景新玩法」的内容,由于用户对场景的了解普遍较少,增加这个模块一定程度可以加深用户对场景的感知,推荐场景里还有相应教程展示,能够提升用户的理解,快速去创建场景。同时可以通过「推荐场景」这样的展示方式,加强用户对推荐场景里缺少设备的购买欲,从而促成消费。
HomeKit 和涂鸦智能的场景模块相对更轻量化,只有创建主动/自动场景的功能,对于非小白用户来说简洁高效;但是对于还不太了解场景是做什么的小白用户使用门槛会高一点。
四、框架层 1. 首页App首页框架
低频操作区:家庭管理、添加设备/场景、编辑、语音
信息展示区:天气、温湿度、PM2.5、家庭设备情况、房间环境情况
主要功能操作区:场景操作卡片、设备操作卡片、房间切换导航、banner广告位
底部导航区:家庭、智能/场景、商城、我的、自动化、服务
首页:设备场景操作、添加设备/场景、家庭管理、环境信息展示等基础功能。四组竞品的功能及布局基本一致。米家和美居会留有广告位的展示区域。
智能/场景:新建场景、推荐场景、自动化等,也是智能家居产品的主要模块,基于设备动作或时间/环境等条件的场景联动,实现全屋智能化。
商城:米家接入自家的「有品商城」,除了售卖自家智能设备,还有其他类别产品,种类丰富;美居也是自家商城,主要售卖的是自家智能电器,结合第三个 Tab 里的的服务:查看设备安装维修售后等情况。
房间:HomeKit的房间模块作为一个Tab,一个房间代表一个家庭的物理空间,向房间分配配件后,可以使用Siri来控制设备;在房间基础上可以进行区域的划分,一个区域包含多个房间(如,可分为楼上楼下区域),可以用Siri一次控制多个附件。
2. 场景(智能)页米家、涂鸦智能已添加场景以卡片罗列形式展示,美居划分为一键控制默认场景、自动控制场景、推荐场景玩法。
米家把精选(文章)、推荐场景、场景日志放在顶部,为低频操作内容;
涂鸦智能分为主动场景和自动化场景放在顶部低频操作区域,页面主要用于操作场景、添加场景;
美居顶部为精选、场景、食谱、服务,场景模块展示添加自动化场景及新场景的推荐,主动场景的添加及快捷操作放在首页「捷径」模块(6.0改版之后调整的页面结构),食谱主要基于美的厨房类产品使用,可以个性化定制个人食谱;
HomeKit自动化场景为列表形式展示,基于自动化场景使用性质,列表化展示清晰直接,不过在UI层面上,略显密集。
3. 设备详情页设备详情页对比,米家、涂鸦、美居以功能操作和设备数据展示为主,数据信息展示占页面1/3以上,HomeKit设备详情页展示设备主要信息和房间切换等修改类信息。
ps:本产品设备详情页以设备绘制图和功能操作结合,设备图的绘制所花费的时间成本是否与设备详情页使用意义不成正比?合理布局操作内容、信息可视化展示是否更合理?
五、表现层米家(小米)、涂鸦智能、美居(美的)、HomeKit(Apple)
1. 首页米家、涂鸦智能以白色为主,产品主色为点缀,简洁轻量;美居、HomeKit采用背景图片形式展示,沉浸感更强。
四个竞品从上至下的功能区分布基本一致,家庭管理、添加设备、环境信息等低频操作都位于页面的上1/3;主要功能操作区位于页面的下2/3的用户主要操作区域;页面利用率90%左右。
设备及场景操作采用卡片式布局,圆角矩形卡片,微投影,横向排列2-3个设备/场景,卡片信息主要展示设备名称、空间位置、icon(设备图)、操作按钮。
竞品主要功能、信息展示内容类似,在操作交互上:
美居、涂鸦智能设备卡片只能点击进入详情操作,首页没有快捷操作按钮,操作路径较长,长按设备可以切换位置,操作比较轻量;
米家赋予长按手势较多功能,初衷可能是在首页前置更多操作,提升效率之类,但是给人感觉操作较重,并且米家选择把所有能用的功能全放在长按操作里,判断某个设备不能使用的功能直接置灰,在操作时增加了视觉的复杂感,对于功能使用频率和优先级考虑不够;
HomeKit长按或3Dtouch设备卡片唤起详细操作,再点击「详情」会进入设备详情页,长按拖动可切换卡片位置,主要基于ios系统的操作规范。
App首页内容/信息整体分析
2. 设备 icon米家、涂鸦智能、美居风格为拟物设备图标或设备真实图片;HomeKit的风格为面性图标,展示形式主要为设备特征、环境数据、实时状态等(在HomeKit详情页可选择该设备类别下其他样式进行替换,方便用户在操作时对自有的同类型设备不同样式的识别)。
ps:本产品的设备ICON风格为拟物设备图标,展示上直观清晰,但是存在同类别设备样式不同就需要绘制同类别的不同样式去适配,增加了设计师绘制的时间成本且带来的价值并不大。
(是否可以像 HomeKit绘制同类产品主流的不同样式,用户去选择自己设备的样式,或后台去自行配置?)
设备icon
3. 风格与统一性米家
视觉和用户体验:整体风格比较简洁,首页白色为主、品牌色点缀,内部页面颜色多样,视觉上差异性比较大,组件化/统一性较弱,手势操作虽然有新手引导,但无法快速理解,部分设备详情页功能层级不够清晰。部分操作采用层层跳转层层返回的形式,交互体验上跳转较长。
HomeKit
视觉与用户体验:ios系统风格,基本90%的系统组件复用率,优点统一性较强,组件复用率高,但是视觉感较弱,个性化缺失;列表展示部分信息较密集,阅读体验差一点;流程体验上操作一致性较强,易于熟悉操作。在使用和理解上,整体对初学者不太友好。
涂鸦智能
质感以沉浸式设计:真实场景图/毛玻璃效果;卡片风格:聚焦、功能分类清晰;字体大小对比强烈,大小细度克制;色调以单色品牌色,白色为主,营造轻盈科技感。
视觉与用户体验:整体感觉比较轻量化,信息层级清晰,首页设备卡片没有展示快捷操作,需要点击卡片进入详情页操作,入口较深。设备详情页视觉风格上统一性较差。
美居
质感以沉浸式设计:真实场景图、设备图为主;卡片风格:聚焦、功能分类清晰;设备详情页字体大小对比强烈,主要文字信息突出;色调以白色为主,黑色/蓝色(品牌色)做主要操作,设备详情采用高饱和状态颜色。
视觉与用户体验:视觉上展示较为清晰,功能分类清楚,但是首页背景图略微影响卡片信息展示,如果用户能够自行替换或者采用更为简洁的背景图会是一个较好的体验。
首页设备卡片上没有快捷操作的按钮,操作需要点击卡片进入详情操作,入口较深。
美居App页面展示(v6.0版本)
美居App页面展示(v5.12.0版本)
六、小结对于四个竞品的体验感受都相对完整,基于几个小件设备的线上线下的体验无太大差别,尝试从竞品背后去描述它们的异同。
1. 米家米家在国内的用户量和口碑是遥遥领先的,离不开它产品的高性价比和完整的生态链,从小型设备入手以及合作产品帮助他们迅速扩张。
生态链企业是小米业务模式的重要组成部分,截止2018年3月,小米已经累计投资了超过210家生态链公司(截止2019年6月30日共投资超过270家公司),其中超过90家公司(目前应该更多)专注于发展和生产智能硬件产品。
小米寻找细分产品领域里具有竞争力的合作方或者团队进行股权投资,投资完成后小米和生态链公司共同设计和研发完成产品,小米按类别开放给小米和米家两个品牌,并提供销售渠道支持。
小米目前以售卖小型设备为主,大型家电是目前缺失的部分,在2019年6月份的米家智能新品发布会上也提出「米家,面向未来的智能家电品牌」,「智能家电」的关键词可以说明米家未来会涵盖的智能设备更广泛,大型家电是米家一个新的重点发展方向。
2017年11月小米IoT开发者平台推出,对于硬件开发者来说,通过使用小米IoT平台,可以以较低的技术研发成本投入将硬件实现联网化、智能化,有点类似HomeKit的MFi计划。
2019年11月19日上午小米发布的《小米智能设备进步报告》显示小米已接入1.96亿台IoT智能设备。
2. 美居美居基于美的品牌的发展,美的属于传统家电产业,在大型家电市场有着自己的一席之地,这加快了美居向智能家居的进军。
目前美的有很多非智能产品,美的IoT正在把这些非智能的美的家电产品逐步升级为智能产品。
美的IoT的优势在于在家电产品设计、品质和供应链等方面都足够成熟,及庞大的用户量(国内大概有4-5亿家庭在使用美的的产品)。
美居基于家庭的智能解决方案较为完善,在2019年底参加的第十三届中国(合肥)国际家用电器暨消费电子博览会上,带来了围绕家庭空间的「智能家居解决方案」,覆盖了大小18个品类的智能设备,也体现了美的向智能家居的大力发展。
3. HomeKit苹果高度重视用户体验设计的一致性与安全性,严格控制智能家居装置申请加入HomeKit平台的流程,此过程类似于App Store的审查过程,确保配件达到苹果的高品质标准。
希望使用许可技术为iPhone,iPad或iPod开发电子配件的开发人员应加入MFi计划,加入MFi计划后苹果会为开发者提供 HomeKit 配件工具开发包(HomeKit Accessory Development Kit),为配件提供平台逻辑、协议、加密等细节步骤,使开发者只需专注于配件本身逻辑,方便开发者快速开发、认证并上传他们的产品(之前需要花费一年的时间来完成,现在只需3个月时间完成HomeKit配件)。
4. 涂鸦智能涂鸦智能发展方向主要在平台化解决方案,为不同场景提供多元化解决方案,以及全球本地化发展战略。
平台化解决方案主要体现在OEM App服务(快速为B端客户创建OEM App)、智能音箱接入服务、认证服务、数据运营服务、酒店管理系统和酒店智能化安装服务等。涵盖范围广,方案完善迅速。
涂鸦智能设备用户已经遍布全球220个国家和地区,它的「全球化」迅速发展背后原因在于:深入贯彻「全球本地化」,尊重当地文化风俗、商业习惯、法律法规等,触达了解全球用户最不起眼、最真实的生活需求,并催生出大量创新产品和服务。
结语因为了解了“十”而选择了“一”,而不是因为想到了“一”而做“一”。
以上就是对于四款竞品的分析整理,竞品分析开始似乎是找不到乐趣的,但是做着做着发现乐趣在于后面每多做一点,就能对当前产品及行业的了解多一点。
做这些内容一方面为了本业务线产品改版做基础准备;一方面发出来希望能给大家带来一些参考价值及加深对竞品及行业的了解。也希望能够与大家有更多的交流,谢谢

我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流