Woodo用彩色分类卡和大幅椅子图建立有趣的家具商店形象,商品详情再回到浅底参数与蓝色动作。Robusto从详情到订单摘要持续出现,适合核对同一商品;尺寸与饰面的具体含义,则需要随选择一起保留。
核心结论
- 分类颜色帮助记忆,参数文字完成购买判断。
- 尺寸、饰面与数量应从详情持续到订单确认。
分类有颜色,商品保留本来外观
分类条以蓝、红、米色和深色区分椅子、柜体、植物架及桌类,圆形图像与分类名靠在一起。颜色便于记住栏目,实物轮廓仍是最直接的品类线索。
圆形裁切有展示节奏,也可能压缩家具边缘,重要结构宜保持可见。星形元素若表达评分,应有相应解释;没有来源时不能让装饰符号暗示真实评价。
界达设计更偏好用类别名称与对象轮廓共同识别导航。即使去掉鲜亮色块,访客也应知道自己进入了哪类家具。

多图与参数说明不同问题
Robusto详情上方并列两种木色椅子与局部织物,下方再用完整椅子配介绍。整体图便于看结构,饰面变化和局部图则补充外观细节,照片不用承担所有规格解释。
参数区用细行排列,另有S、M、L、XL选项与蓝色加入按钮。尺寸字母应对应实际长宽高和单位,饰面宜有名称,价格也要说明适用配置。不同字段的金额不能让读者自行相加。
推荐商品沿用大图和短名称,适合继续浏览。已经选定的尺寸与饰面应保留到购物摘要,换一个选项时说明受影响的价格或可用状态。
家具照片还适合按结构组织顺序:完整正面之后补侧面或背部,再用近图说明连接和表面。每张图说明当前配置,既能看造型,也不会将不同饰面的细节混到一起。尺寸示意宜明确长、宽、高的方向,而不只列一行数字。

摘要复述配置,成功页留下定位
Resumen del pedido保留Robusto图片、尺寸选中态、色点与数量,底部区分继续购物和结账。将选择再写一次,能减少用户必须回详情凭记忆核对的内容。
尺寸与色点宜补文字名称,摘要还需要清楚的修改路径。商品名相同,配置不同也可能对应不同订单对象,图片不能替代全部选择信息。
Compra exitosa页面展示配送地址及后续入口,可再补订单标识与所购配置,并区分订单已提交和付款已完成。确认页应让用户能够重新找到这一笔,而不只是看到一段成功提示。
订单中的修改可直接回到对应尺寸或饰面,确认之后刷新摘要,再说明是否影响配送安排。数量变化与配置变化分别反馈,用户就能知道自己修改的是同款件数,还是另一种商品版本。

常见问题
家具尺寸可以只写S或M吗?
还需明确对应的实际参数与单位。家具与空间是否匹配不能仅凭字母或图片判断。
订单确认页最需要保留什么?
订单标识、商品配置、数量及状态,配送信息和重新查看入口也应能找到。
设计检查清单
- 尺寸字母对应具体参数。
- 饰面与金额有明确选择关系。
- 摘要和成功页保留同一配置。
整理家具选项与订单核对
家具商店可先统一尺寸、饰面和价格字段,再设计购物摘要与确认页,减少配置丢失。
界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可一起梳理页面内容、界面结构与实现需求。


















