米家空气净化器 MAX

用更好的设计,满足用户更多的需求

米家空气净化器App设计宗旨一切服务于用户。以用户体验为核心,我们希望通过这款米家空气净化器App,简单干净的视觉设计,带给用户简单的的操作和有效的信息服务,为用户使用这款App带来更多的方便,提供舒适、健康的生活方式。好的界面设计不仅仅让用户觉得好看更重要的是好用、便捷,这样才能更大程度通过App发挥出净化器最大的价值。简单易操作的界面,智能远程操控,有效信息提醒给用户更多的的出行建议和净化器的使用状态。一切都是以用户为中心,服务于用户。

思考在设计之前

 

如何在成熟的操作系统上做更进一步的突破,是做MAX项目遇到的第一个难题。确定产品功能之后,我并没有急于去作视觉上尝试,而是从用户使用场景和产品自身去思考。好的app不仅仅是视觉上的好看,更重要的是操作上的好用,这样才能通过app发挥出产品的最大价值。我们希望,通过这代米家空气净化器app带给用户比之前更加直观快捷的体验,简单简洁的视觉感受。目标明确之后,一切都水到渠成的向前推进。

对于空气净化器app来说,它最本职的工作,就是可以实时查看室内外的空气质量。用户根据自己看到的情况,来决定是否开启,选择哪个模式,所以app内显示信息的重要层级逐渐形成,也自然的将信息显示、主要功能操作和其他辅助功能划分出来。

 


 

相同又不尽相同

 

与之前app相同的地方是,保留了开关机和模式操作按钮在底部的设计。这一方面更多的是出于对用户操作体验的思考,不仅符合用户正常操作手势习惯,也将app唯一可操作区域固定,方便用户快捷操作。

 

更多的不同之处体现在各个细节方面的考量和调整上,我们结合产品ID的设计,将app的基调定位浅色,与ID设计风格一脉相承(当然这里做了大量的视觉尝试)。首先,在视觉上,延用两段式设计,但这里的两段式并不是用明显色块划分,而是弱化了大色块区域,将色块运用于重点信息的显示,更突出信息内容,并且在视觉上做到了更加一体化。其次,在用户操作上,将信息操作内容和操作功能尽可能在首页展现并操作完成,如将室内外空气质量信息内容清晰的展现在页面的上部,减少二级页面的跳转。第三,在动画效果呈现上,通过粒子的颜色变化,数量变化,运动频率及运动轨迹来展现空气净化器的工作状态(动画部分用组里汤汤动效设计师来帮我完成)。举个例子,粒子颜色由黄色变化为绿色,数量减少说明空气质量变好,速度的快慢,则反映空气净化器工作强度的不同。将pm2.5通过圆形几何元素来表现,粒子由页面从外向内的运动,生动直观的为用户展现净化器的工作情况。其他次要的信息,例如滤芯使用状态、温湿度数值通过列表的方式展现,通过手势上滑便可以看到更多的信息,这些信息为用户的出行提供更好的价值参考。还有一些贴心的功能设计,比如快捷的定时功能,设置成功后,净化器会在该设置时段自动开启;最爱模式设置可以根据家中空间的大小调整净化器的风量,风机工作效率,达到节能的效果。这些都无形中为用户带来了更好的体验。

 


 

想清楚才能做明白

 

米家空气净化器MAX项目的设计,相比之前做过的一些产品设计来说,难度并不算大,但是在稳定中求突破才是最考验的。用户的需求不停的在变化,产品也迭代更新,那就需要我们也有变化的思维。可以根据一代代产品的进步,提升app设计,改善用户的操作体验,这是我身在其中感受到的最大乐趣。

扫描二维码分享到微信