如何利用Axure制作高质量的EMS能源管理系统原型？

本文将对如何使用进行深入探讨。 Axure 制作一种全面的功能 EMS 原型包括界面设计、交互逻辑设置、数据模拟等核心环节。目的是为设计师提供一条清晰的指导路线，帮助他们创建一个更高效、更方便的能源管理解决方案。

使用 Axure 制作一个 EMS（Energy Management System，能源管理系统的原型主要涉及界面设计、交互逻辑设置和可能的数据模拟。以下是详细的步骤指南:

一、规划 EMS 核心功能系统

首先，明确 EMS 该系统需要包含哪些主要功能？它通常包括：

能源数据监测：实时同步各种能源(如电、水、气等)的消耗状况。

资料分析与报告：对历史能源资料进行统计分析，生成报告及图表。

报警及通知：当能耗异常或设备故障时，发送报警通知。

设备控制与管理：能源设备的远程运行，设备的管理状态。

用户权限管理：为不同的用户设置不同的访问限制。

设计界面布局二

构思主体结构内容

主体结构内容示例图

EMS 能源管理系统 Axure 原始案例演示地址：https://z76mza.axshare.com

登陆页面：设计客户登录界面，包括登录名、密码输入框和登录按钮。

主要仪表板：设计主要仪表板页面，显示关键能源数据，设备状态和报警信息。

资料分析页面：设计用于查看历史资料，生成报告和图表页面。

设备控制页面：设计用于远程控制和管理能源设备页面。

图示数据分析页面案例图

顾客管理界面(如有需要)：设计用于管理用户权限和帐户页面。

三、使用 Axure 建立原形

开启 Axure：启动 Axure RP 软体，创建一个新项目。

添加页面：根据计划功能，在项目中添加相应的页面。

设计界面：

使用 Axure 的" Widgets “库中的元素(如按钮、输入框、图表等)。)来设计每个页面的页面。

定制元素样式，包括颜色、字体、外框等，以符合要求。 EMS 系统化的品牌形象。

设置交互：

设置登录按钮点击事件，模拟登录验证过程(虽然 Axure 自己不处理后端逻辑，但是你可以通过显示隐藏页面或者弹出窗口来模拟)。

将动态面板或变量设置在主仪表盘上，模拟实时动态更新数据展示区域。

对数据分析页面布局图表控件进行模拟，并对数据进行填充。

设备控制页面上，设置开关按钮点击事件，模拟设备控制操作。

必要时，为报警通知设置动态显示逻辑，在满足特殊条件时显示报警信息。

浏览与测试

浏览原型：使用 Axure 通过预览功能查看原型效果。

测试互动：点击原形中的各种元素，测试互动逻辑是否正确。

收集反馈：邀请团队成员或潜在客户检测原型，并收集他们的反馈和建议。

迭代与优化五

根据检测反馈和实际需要，对原型进行迭代优化。

改进界面设计、交互逻辑和数据显示方法。

在原形符合要求之前，重复浏览和测试过程。

准备交货

将原形保存为 HTML 确保在浏览器中查看和分享文件和其他格式。

准备原型说明文件，包括功能介绍、交互说明和注意事项。

向项目团队或客户提交原形和文档进行评估和进一步开发。

请注意，因为 Axure 它是一种不涉及后端数据处理和存储的原型设计工具，主要用于模拟操作界面的外观和交互逻辑。所以， EMS 在系统的实际开发中，还需要结合其它技术(如数据库、后端服务等)来实现完整的功能。

本文由 @PM_ 墨兮 每个人都是原创产品经理。未经许可，禁止转载。

题图来自 Unsplash，基于 CC0 协议

本文仅代表作者观点，版权归原创者所有，如需转载请在文中注明来源及作者名字。

免责声明：本文系转载编辑文章，仅作分享之用。如分享内容、图片侵犯到您的版权或非授权发布，请及时与我们联系进行审核处理或删除，您可以发送材料至邮箱：service@tojoy.com