产品规格表改成手机版，哪些信息关系最容易被设计丢掉？

把桌面上的规格表缩小到手机宽度，往往只解决了“放得下”，没有解决“看得懂”。买家需要同时知道参数名称、型号、数值、单位与条件；只要其中一项离开视野，漂亮的表格就可能变成一串无法判断的数字。

先判断买家是在查一款，还是比较几款

只有一个型号、参数之间不需要横向比较时，可以按“参数名—数值—单位—条件”成对呈现，分成尺寸、接口、使用条件等小组。多款型号需要逐行比较时，保留真正的表格通常更合适，让表格所在区域横向滚动，不要让整张网页一起横移。

几十个型号同时展示，则应先缩小比较对象或按产品族分组。把五十列硬塞进手机屏幕，即使每个数值都存在，也很难帮助买家做决定。可以保留完整规格下载，但关键选型条件仍应在网页上读得到。

拆卡片前，检查哪些关系会丢失

• 共用单位：原来只在表头写一次的 mm，拆成卡片后要跟着每个相应数值显示。
• 合并单元格：一个材料名称覆盖三款型号，重排时需明确它仍适用于哪几款，不能留下空白让人猜。
• 条件脚注：额定值若只适用于指定工况，应就近显示条件或明确指向可到达的说明，不能只保留星号。
• 空值与不适用：空白、尚未确认和不提供是不同含义，应使用准确文字，而不是全部变成短横线。

例如，教学用规格写作“12 L/min，水温20℃时”，改版时只留下“12”，既丢了单位，也丢了测试条件。设计师不能自行判断这些条件不重要；先请产品负责人确认字段关系，再决定怎么折行、分组和展示。

需要把这些问题整理成验收项时，可参考光算的手机端工业品参数表可读性说明，其中对横向滚动、脚注和多型号表格的处理有进一步解释。

用操作任务验收，而不只看截图

给测试者一个明确问题，例如“找到第二款型号的安装长度，并指出单位和适用条件”。让他从手机打开页面，不预先提示滑动位置。观察是否能发现还有列在屏幕外，滚动到末尾后能否认出当前型号，以及返回上一组参数时会不会迷失位置。

开发交付还应检查表头与数据是否保留正确的语义关系、键盘是否能到达滚动区域和展开按钮。不能只在鼠标悬停时显示重要条件；也不要把单位画成背景图，因为复制文本、辅助阅读或样式失效时可能失去信息。

视觉统一不能以改动技术含义为代价

品牌字号、色彩和行距可以统一，型号、正负号、公差和上下标应以技术资料为准。尤其注意 m³/h 与 m³/min 这类容易在复制过程中被误改的单位，不要为了短一行而擅自换写法。上线前将新页面与批准的规格源逐行比对，手机和桌面都核一次；图表变好看之后，数据关系仍然准确，才算完成了这次设计。