❇️ 👦🏿 👩‍❤️‍💋‍👨 工业控制器的界面设计 ☸️ 👨🏽 🚋

你好！我的名字叫乔治，我是设计师。

当我们大家一起回家时，我决定分享我在开发用于工业自动化的界面设计中的经验，碰巧有大量的专业人员参与了应用程序设计和网站设计。但是，没有太多用于管理工程系统的良好专用接口。

出于某种原因，人们普遍认为该行业不需要设计，并且如果工程师无法理解系统，那么它就表明了他的资格，而不是认为接口不能被深思熟虑，而是以混乱的形式呈现信息，在这种情况下，无法快速导航，从而导致工作过度和用户错误。

首先，我将告诉您如何制作Segnetics软件的通风系统控制面板的界面。我们通过研究用户和操作环境来启动该项目。我们详细研究并建模了面板的使用方式和位置。这些通常是半黑暗的技术室，布置在板上或安装在设备上。意识到这一点，他们开始寻找类似物和解决类似问题的方法。我们介绍了许多接口：医疗设备，汽车，生产系统管理等。我们决定喜欢现代飞机仪器的界面风格，其主要优点是飞行员应尽快读取仅清除了视觉噪声的重要信息。该原则为整个将来的接口奠定了基础，并转向了原型制作。

在初始阶段，我们以屏幕的自然尺寸绘制了主要的块，然后将程序倒入控制器中，以检查元素被按下的区域（过渡逻辑）。
批准布局后，我们切换到草图搜索。我们为草图和样式选择了许多选项。他们大致了解了我们想要的内容，因此决定尝试进行更详细的研究，但只是一小部分。平面？拟态？也许采用绘制图形的风格？

逐渐地，我们找到了适合自己的形象并开始研究。操作员将与之交互的主屏幕是模拟图。它应显示流入和排出的重要参数，系统中设备的状态和状态。我们研究一下飞机上的一些技巧，收集一个模拟图，以最大负载观看它，以及90％的时间看起来如何。

我们批准一般样式，然后继续开发其余的屏幕。最有趣的是设置任务屏幕。我们讨论了几个选项-手机选取器，通过键盘输入数字等。他们认为，为数字的粗略设置使用触摸式调光器是很酷的，而为更精确的设置使用+ \-按钮是很酷的。在这里，我要感谢Segnetics程序员，他们使音调轮平稳地旋转并在其停止期间表现良好。是的，结果很高。

我们遍历所有屏幕并设置动画设备状态。事故，冻结，皮带断裂，系统启动和停止期间过滤胸罩如何充气和放气。进度栏的填充方式。

在下一步中，我们调整了控制面板界面，以用于其他控制器。我们添加了创建时间表的功能，更改了主屏幕，因为该控制器只能控制特定的安装，而面板支持多个系统的管理。

下一个项目的客户是Moscow Cooga自助洗车网络。

我有一个朋友程序员，他在这里为工程师讲授优秀的编程课程（plc-edu.pro），他问了我一个问题。 “探戈，我正在这里进行自助洗车计划。客户希望所有东西看起来都很专业和酷。您能帮我们吗？”

作为设计师，我必须通过界面来制定不同级别的用户之间的交互逻辑。了解所有用户应该看到哪些数据，以及仅需要通过密码进行哪些访问。如何建立设置任务的逻辑，使其直观且不需要多页手册？

首先，我列出了角色和对他们很重要的步骤。要实现这种或那种情况需要做什么。

结果，我们在图中获得了一个交互式原型，其中显示了所有基本功能和动作。在这个原型上，我进行了一些测试来测试设计假设和逻辑。

最后，界面的外观与服务的工作原理同样重要（尽管许多人对此有不同的看法）。外观形成了服务的印象。它创造了一种情绪。在人的设备之间建立情感联系。正是这种设计使服务的使用变得有趣。如果您想与客户建立长期的关系，请注意这一点。绘制完所有图标，按钮及其状态后，我们开始进行编程。

在这里，我想分别谈论Figma如何使生活更轻松。我在Illustrator中绘制了第一个通风接口。我不得不在PNG中剪切数百个元素及其状态，保存许多文件夹。对屏幕上元素的位置进行逐像素标记。幸运的是，今天所有这些都没有必要。我们将程序员添加到附图的工作文件中，他已经可以在原型阶段看到将要使用的机制，并对这种可能性进行自己的评估。

另一个小项目是展览界面，用于模拟Thermex的热泵控制器的操作。

我不会重复自己，方法是一样的-从使用目的和原型到最终的美丽指导。从合同签订到客户最终确定，该项目已完成2周。

在进行自动化项目的同时，我还研究了医疗系统接口。招生部门的医生申请，回家的地区医生的申请。注册表界面和药物处方系统设计。如果有兴趣，我下次再告诉你。

欢迎合作，对于建设性的批评我将不胜感激！

工业控制器的界面设计

More articles: