花大价钱设计的收银系统，操作员在第3步就开始吐槽，这锅该谁背？
做B端产品的朋友，一定见过这种场景：花了重金采购的收银系统，操作员用了一周还在磨磨唧唧找功能键，管理者看着监控屏幕上一堆数字不知道有没有异常。你以为是培训不够？不，是系统压根没站在现场干活的人角度想。
我们团队接手了一个综合能源站的双面屏收银系统项目，客户正星科技，做的是集合加油、加氢、加气、充电于一体的新型服务站。听起来跟普通加油站差不多对吧？但你会发现，市面上通用的收银系统，在它面前直接歇菜——问题就出在“通用”两个字上。
通用系统为什么在能源站“水土不服”？枪型状态识别就是第一道坎
普通加油站的收银，操作员看着屏幕上的“1号枪加油中”、“2号枪空闲”这种文字提示，虽然枯燥但还能用。可在综合能源站，场景瞬间复杂一个量级：油、氢、气、电四种加能设备，每一种又有“空闲、挂枪、插卡、加注、通讯中断”等五六种状态。纯文本列表展示，操作员眼睛一花就可能把氢枪状态看成油枪状态。更别说油罐的液位、温度、水高等后台参数——传统做法就是拉一张表格，管事的人每天扫一眼，异常数据藏在密密麻麻的数字里，谁会专门盯着？
你说这是不是体验问题？是，但背后是商业成本：操作员识别错状态，加错油、记错账，返工损耗算谁的？
干掉文字列表，用图形化让状态“一眼可见”
易用设计团队在这个项目上做了个很硬核的决定：放弃通用收银系统的文本列表逻辑，重新为“能源”这种抽象信息设计一套视觉语言。
我们先看最常用的操作区域——“待结账”面板。原本它跟其他模块挤在一起，现在直接做成右侧全高布局，视觉比重占界面三分之一。为什么？因为操作员90%的时间都在这里完成结账，核心动作必须零思考就能定位。
油枪状态怎么展示？不写文字，直接画一个枪形图标，操作员扫一眼就知道哪把枪在工作，哪把枪闲着。油罐参数更绝——用拟物化液位图显示油高、温度和水量，异常数据用颜色高亮，管理者不用读报表，看图就秒懂哪个罐快空了。
这种设计逻辑背后是对操作者认知负荷的精准控制。加油站操作员很多是轮班制，不同人员手势习惯不一样。如果用文字，你得读、得理解；用图形，你只需要看。学习成本直接压到最低。
同色系卡片堆叠：信息分区不靠线条，靠视觉感知
再说一个细节：信息层级怎么划分？传统设计喜欢用线条或边框来分隔模块，看起来清晰，但整屏都是框框，视觉噪音很大。我们换了一种思路——用深浅不同的同色系卡片进行区域划分。比如“实时状态”区域用浅蓝底，“全部记录”区域用灰底，两者之间靠颜色过渡自然区分。既保持了信息层级，又让界面视觉上更干净、透气。对需要长时间盯着屏幕的操作员来说，这种柔和分区能明显减少视觉疲劳。
没有“降本增效”的漂亮数据，但方法论本身是值钱的
这个项目落地后，客户反馈很直接：操作员上手快，培训时间缩短；管理者看后台异常参数的效率提高。遗憾的是，我们没拿到具体的效率提升百分比数据。但回过头看，这次优化的核心价值，不是某个功能多酷，而是打破了通用收银系统“通用即无用”的尴尬——把能源行业的业务场景、人的操作习惯、信息的可视化三者做了深度咬合。
如果你也正在做B端产品的体验升级，尤其是面对多设备、多状态的复杂场景，不妨想想这几个问题：你的用户需要在多少级菜单里才能找到核心操作？状态信息是靠文字阅读还是图形感知？界面层级是靠线条分隔还是更自然的方式？
不管是不是找我们做，都可以聊聊。设计这事，有时候旁观者清。
