设计避坑京东外卖金刚区的暴雷设计：你是否也掉入了这些坑？

细节描述

龙爪槐守望者: 京东外卖模块的金刚区存在交互不一致问题：8个图标中，6个用于切换当前页面Tab页，另外4个则跳转至新页面。这种同类元素触发不同交互行为的设计（页面切换 vs 页面跳转），不仅破坏了用户对界面元素的统一认知，违反了一致性原则，还背离了金刚区通常用于页面跳转的行业惯例，违反了雅各布定律。 金刚区图标与Tab内容之间的间距过大，且被其他元素分隔，使用户难以快速理解导航系统的整体性，容易忽略Tab的状态变化。这违反了视觉层次与可发现性原则。 建议：点击切换tab的金刚区图标页面自动下滑或增加动效，让用户注意力聚焦到tab内容变化，强化它们的视觉关联；为不同交互行为的金刚区图标设计差异化样式，提升可识别性；制定完整的设计规范文档，明确规定导航区的视觉样式、交互逻辑和反馈机制，避免类似问题再次出现。