一个小故事
真实项目场景不便展开,用一个隐喻替代:
假设有个叫“阳光牧场”的地方,年末会将储备牧草分发给牛马们。寄望开心过冬,来年更加“发粪图墙”。
这对应着:在资源受限、目标众多,限制条款复杂的情况下,完成一次跨多步骤的提单与决策任务。
框架布局
直接看对比案例:
旧版方案在1920px宽度下仍需横向滚动;新方案增加了更多规则,但在1440px下可完整浏览。
框架调整的思路,是以“操作用户”的视角对任务优先级重新排序。
抽象下,这类“强架构规则的提单界面”布局:
列表设计
体验充斥在每个细节之间,列表是B端产品再常见不过的形态。
而看似相同的外表,却隐含着诸多不同的含义和逻辑。
在设计表达中,细微的字段差异与组合方式,或可产生截然不同的体验效果。基础设计思路,举例如:
减少“标题型信息”重复
多个“只读信息列”,含有相同维度信息,同类比较字段可以合并;
多个“分组标题栏”,含有相同维度信息,提取父级表头,滑动吸顶。
警惕“全部”状态筛选
减少不必要的操作互斥,减少不必要的空间留置。
可视化表达
避免反复操作猜测关系,通过矩阵/公式/图表等图形化语言告知规则。
对复杂规则的图形化翻译
这个项目改版没有换视觉风格,没有启用新组件,没有做氛围装饰。但,合作方对设计的依赖程度显著。
复盘来看,产生决定性差异的,是“抽象理解”与“图形化转译”的复合需求:
抽象理解:快速吸收并提炼复杂业务规则,这是跨职能的通用能力。 图形化转译:把复杂规则准确落到界面语言与交互形态中,这是在设计实践中持续打磨的专业能力。
为打工人而设计
B 端用户,大多是打工人。老板关心商业决策,没时间细究界面操作效率,而提案汇报也是看“大感觉”。B 端设计,似乎又有着理解门槛高,直观视觉冲击不大的可能。
此前参与这次改版,是界面已明显“臃肿”,开发难度大、业务宣贯成本也高。“修修补补”的局部优化已无法满足“至少看得过去”的底线,才只好回到框架,重塑结构与交互路径。
这就像,体重180斤涨到400斤,才意识到问题的严重性——再想多走两步,就不得不冒险做“手术”。
当然,我觉得更务实的意义:也许能帮互不相识的打工同胞,早下班 1 分钟呢~
最后,继续用名人名言,与大家共勉:
“Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away.” — Antoine de Saint‑Exupéry
完美不是无可再加,而是无可再减。
“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs
设计不只是好看,更是好用
愿我们的设计,少些套路,多些气质。

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。
公安局备案号:
