‹
更新详情
从第一个版本开始的每一步
测试站
#improve

配件与相关产品改成紧凑图片网格

产品详情的配件区域改成紧凑图片网格,每项突出图片和型号。手机与电脑按可用宽度调整列数,查看多种配件时更便于并排浏览。

迭代阶段
v31 · 产品排序与配件展示
交付范围
正式站已交付
#界面体验#产品选型

背景与取舍

原来的配件卡片占用空间较大,型号多时需要翻看较长页面。本次以统一的图片区域和型号行收紧展示,同时复用到相关产品区域。

这次改变了什么

  • 配件采用白底图片区域与清楚的型号行,减少大卡片的空余空间。
  • 手机和电脑分别适配网格列数,窄侧栏也按容器宽度调整。
  • 相关产品采用同一组件;当时该字段尚无线上数据,展示结构通过模拟内容验收,真实互链在后续批次落地。

可以学到什么

  • 空数据区域的组件通过验收,不代表已经有真实内容。记录界面改动时,应把展示能力与实际数据填充区分开。

森特奈 · 项目更新记录
真实记录每一次变化

配件与相关产品改成紧凑图片网格