这套 App 服务于两类场景：一是家庭环境监测，用户把温湿度与空气质量传感器放在不同房间，需要随时知道读数是否正常；二是户外小型气象站用户，多为种植户和户外爱好者，关心风速、降雨与紫外线。两类用户的共同点是没有技术背景，不熟悉设备配对与参数含义，出问题也不知道该看哪里。项目立项的直接原因是设备只配纸质说明书，配网失败率高、客服重复咨询量大，因此需要用 App 把设备状态、读数含义与故障原因可视化。此外，设备出厂后还会经历固件升级与重新配网，界面需要在升级中断、设备离线等异常情况下给出可恢复的提示，避免用户误以为设备损坏。
App 分四个主模块。设备模块负责发现附近设备、完成配网、查看固件版本与执行升级，配网拆成四步并给出每步结果。数据模块展示实时读数、历史曲线与导出，可按房间或设备切换。告警模块按阈值推送通知，支持静默时段与告警分级，避免夜间打扰。设置模块含传感器校准、单位切换、账号与设备共享。首页把最关键的信息放最上方：设备是否在线、读数是否越界，打开就能判断要不要处理。还有一处跨模块细节：设备共享给家人后，权限与告警接收人需要区分，读数据与改设置的权利不放在同一层，避免误操作。同时在设计上把「当前是否在线」「最近一次告警」放在首页固定位置，减少用户翻找。
我负责这款 App 的全部界面设计：先与产品梳理信息架构，确定四个模块边界；再画关键流程线框，重点是配网四步与失败分支；最后输出高保真与设计规范。工具用 Figma，搭建了按钮、输入、状态卡片与图表四组组件，标注切图直接交开发。每周两次评审，开发提出的实现限制当场调整，避免开发完返工。最大难点是配网失败原因区分：设备侧与网络侧问题在用户感知上没差别，最后用状态码加分层的文案解决，先给结论再给下一步操作，把客服话术直接写进界面。交付物包括高保真界面（移动端与平板两套适配）、Figma 组件库、切图与标注文档，以及一份供开发对照的状态与文案说明。
评论