Woodo用彩色分类卡和大幅椅子图建立有趣的家具商店形象,商品详情再回到浅底参数与蓝色动作。Robusto从详情到订单摘要持续出现,适合核对同一商品;尺寸与饰面的具体含义,则需要随选择一起保留。

核心结论

  • 分类颜色帮助记忆,参数文字完成购买判断。
  • 尺寸、饰面与数量应从详情持续到订单确认。

分类有颜色,商品保留本来外观

分类条以蓝、红、米色和深色区分椅子、柜体、植物架及桌类,圆形图像与分类名靠在一起。颜色便于记住栏目,实物轮廓仍是最直接的品类线索。

圆形裁切有展示节奏,也可能压缩家具边缘,重要结构宜保持可见。星形元素若表达评分,应有相应解释;没有来源时不能让装饰符号暗示真实评价。

界达设计更偏好用类别名称与对象轮廓共同识别导航。即使去掉鲜亮色块,访客也应知道自己进入了哪类家具。

四块不同色家具分类保留产品图名称和星形元素
013分类卡|颜色帮助浏览,类型和产品图负责具体辨认

多图与参数说明不同问题

Robusto详情上方并列两种木色椅子与局部织物,下方再用完整椅子配介绍。整体图便于看结构,饰面变化和局部图则补充外观细节,照片不用承担所有规格解释。

参数区用细行排列,另有S、M、L、XL选项与蓝色加入按钮。尺寸字母应对应实际长宽高和单位,饰面宜有名称,价格也要说明适用配置。不同字段的金额不能让读者自行相加。

推荐商品沿用大图和短名称,适合继续浏览。已经选定的尺寸与饰面应保留到购物摘要,换一个选项时说明受影响的价格或可用状态。

家具照片还适合按结构组织顺序:完整正面之后补侧面或背部,再用近图说明连接和表面。每张图说明当前配置,既能看造型,也不会将不同饰面的细节混到一起。尺寸示意宜明确长、宽、高的方向,而不只列一行数字。

Robusto详情多图下有尺寸饰面金额行与S M L XL选项
011详情规格|选项在图旁,但字母与实际尺寸仍需明确映射

摘要复述配置,成功页留下定位

Resumen del pedido保留Robusto图片、尺寸选中态、色点与数量,底部区分继续购物和结账。将选择再写一次,能减少用户必须回详情凭记忆核对的内容。

尺寸与色点宜补文字名称,摘要还需要清楚的修改路径。商品名相同,配置不同也可能对应不同订单对象,图片不能替代全部选择信息。

Compra exitosa页面展示配送地址及后续入口,可再补订单标识与所购配置,并区分订单已提交和付款已完成。确认页应让用户能够重新找到这一笔,而不只是看到一段成功提示。

订单中的修改可直接回到对应尺寸或饰面,确认之后刷新摘要,再说明是否影响配送安排。数量变化与配置变化分别反馈,用户就能知道自己修改的是同款件数,还是另一种商品版本。

订单摘要有M选中颜色数量,成功页有地址与两条后续路径
012摘要和成功|配置有复述,成功状态还应可回查订单对象

常见问题

家具尺寸可以只写S或M吗?

还需明确对应的实际参数与单位。家具与空间是否匹配不能仅凭字母或图片判断。

订单确认页最需要保留什么?

订单标识、商品配置、数量及状态,配送信息和重新查看入口也应能找到。

设计检查清单

  • 尺寸字母对应具体参数。
  • 饰面与金额有明确选择关系。
  • 摘要和成功页保留同一配置。

整理家具选项与订单核对

家具商店可先统一尺寸、饰面和价格字段,再设计购物摘要与确认页,减少配置丢失。

界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可一起梳理页面内容、界面结构与实现需求。

联系界达设计,聊聊你的项目