設計避坑京東外賣金剛區的暴雷設計：你是否也掉入了這些坑？

細節描述

龍爪槐守望者: 京東外賣模塊的金剛區存在交互不一致問題：8個圖標中，6個用于切換當前頁面Tab頁，另外4個則跳轉至新頁面。這種同類元素觸發不同交互行為的設計（頁面切換 vs 頁面跳轉），不僅破壞了用戶對界面元素的統一認知，違反了一致性原則，還背離了金剛區通常用于頁面跳轉的行業慣例，違反了雅各布定律。 金剛區圖標與Tab內容之間的間距過大，且被其他元素分隔，使用戶難以快速理解導航系統的整體性，容易忽略Tab的狀態變化。這違反了視覺層次與可發現性原則。 建議：點擊切換tab的金剛區圖標頁面自動下滑或增加動效，讓用戶注意力聚焦到tab內容變化，強化它們的視覺關聯；為不同交互行為的金剛區圖標設計差異化樣式，提升可識別性；制定完整的設計規范文檔，明確規定導航區的視覺樣式、交互邏輯和反饋機制，避免類似問題再次出現。