CASE 04 / AI / PRODUCT

AI智慧节能

把用能信息转成住户与管理者的日常视图

智慧节能管理大屏数据可视化交互原型
YEAR / 项目时间
2026
MY ROLE / 我的职责
交互原型与信息呈现
TYPE / 项目类型
模拟数据交互原型
智慧节能管理大屏 · 完整界面,演示使用模拟数据

智慧节能管理大屏 · 完整界面,演示使用模拟数据 查看原图 ↗

MY CONTRIBUTION / 项目中的我

用交互原型表达住户端与管理看板的能源场景信息结构

我负责什么

制作能耗管理场景的交互演示页面,组织住户提醒和管理看板展示项。

形成了什么

  • 住户端交互原型
  • 管理数据看板演示
  • 模拟能耗、负荷、楼层热力和提醒数据

项目价值

可帮助团队在接入真实能源系统前,用原型讨论角色、关键指标、状态和后续数据需求。

项目背景与目标

以住户端和管理大屏两种视角,呈现用能指标、24小时负荷、楼层热力、住户状态与节能提醒。

智慧节能用住户端和管理大屏呈现同一类社区用能任务:管理者先看楼栋、楼层与提醒分布,再下钻到一户;住户视角则关注今天用了多少电、哪些设备在运行,以及建议是否值得采取。当前以模拟数据制作交互原型,用来验证信息层次与反馈方式。

信息设计的难点在于把读数变成可理解的行动。单一总功率无法解释高耗能原因,提醒过多又会形成打扰。原型因此连接功率、环境、在家与设备状态、动态基线和建议反馈,让观看者能讨论需要怎样的数据、解释和确认,再决定如何接入真实设备。

要解决的问题

同一组用能信息面对不同使用者,需要不同的阅读层次:住户关心自身状态,管理者需要快速定位整体变化。

我的工作与交付范围

交互原型与信息呈现

  • 围绕住户查看和管理巡览整理两种视角,设计从区域指标、楼层热力到样例住户详情的信息层次。
  • 组织功率曲线、用电构成、环境读数、建议与消息等交互,利用本地模拟状态呈现页面联动。
  • 完成住户端与大屏演示的部署和展示,通过模拟场景组织后续真实数据、消息与权限的讨论。

实施重点

  • 区分住户查看与管理巡览,分别组织关键指标和信息密度。
  • 用负荷曲线、热力和状态卡片表达时间及空间变化。
  • 以模拟数据制作交互演示,先验证信息结构与页面体验。

从输入到输出,流程怎样运转

  1. 01

    先看楼栋整体

    首页集中展示总功率、累计用电、节能与减碳等演示指标,并结合楼层热力、排行榜和动态消息理解整体分布。

  2. 02

    从楼层进入样例住户

    楼栋视图与住户卡片支持下钻,详情呈现室内环境、在家/离家、空调/开窗、今日用电与动态基线。

  3. 03

    读曲线并回应建议

    详情包含24小时功率、设备用电构成与建议列表。演示中可采纳或忽略建议,改变本地反馈计数及相应模拟状态。

  4. 04

    回到管理视角

    大屏汇总负荷、状态墙、提醒场景、采纳、峰平谷与运营触达,用持续刷新展示不同视图的关系。

关键设计与取舍

按使用者组织信息密度

住户视角强调自身读数、基线与建议;大屏强调区域变化和异常分布。同类数据采用不同聚合层次,避免在所有屏幕重复堆放同一组数字。

解释相对变化

用电同时展示当前量和动态基线,曲线、构成与环境状态补充上下文。原型通过模拟变化呈现这些关系,帮助讨论用户理解一条建议所需的信息。

把建议接到反馈

采纳和忽略让提醒具有后续状态,管理视图还能观察触达与反馈结构。页面安排消息设置、频控与免打扰的位置,便于讨论提醒的频率与使用者控制。

让空间成为检索入口

楼层热力和状态墙帮助先定位,再进入详情;颜色与状态文字配合表达节能、偏高、告警和离家,减少逐张读卡的负担。

先验证界面,再验证接入

以模拟数据呈现读数、建议、反馈和聚合的联动,支持讨论传感器、计量与权限设计。

具体交付了什么

住户端演示
首页、楼栋、消息与个人设置视图,以及可进入的样例住户详情。
住户信息组合
环境卡、当日用电与基线、24小时曲线、设备构成、建议反馈与日报呈现。
管理大屏
核心指标、负荷、楼层热力、状态墙、提醒统计、采纳及运营视图。
本地模拟状态
用模拟住户和变化过程驱动图表、消息与排序,用于展示交互关系而非提供实际住户数据。

项目亮点

  • 住户端与管理大屏分别呈现个人用能和整体管理视角,演示使用模拟数据。
  • 支持住户下钻、建议采纳、负荷曲线、楼层热力与状态墙交互。
  • 指标与提醒随演示过程更新,呈现不同角色的操作体验。

项目成果

  • 形成住户端与管理大屏的可访问演示。
  • 呈现多视角用能信息与节能提醒,作为场景讨论原型。

继续了解这个项目

可通过下方入口查看公开产品或交互演示。

NEXT PROJECT / 下一个案例智能超市AI Agent