用途:这是一套电商用户体验(UX)设计模式参考,面向商品页、购物车、结账流程与转化优化,帮助设计者按环节梳理界面要素与交互要点。
主要能力: 商品页:大尺寸可缩放主图并支持多角度;价格突出,促销价用划线原价格式;加入购物车为主 CTA 且始终可见(移动端吸底);变体用可视化选择器(色块、尺码按钮);标题附近显示星级评分与数量,完整评价置于下方;提供配送信息、退货政策、安全支付等信任信号。 购物车:缩略图、名称、数量、单价;数量可编辑、一键删除;小计、预估运费与税费明细;提供“继续购物”与“结账”按钮;购物车可从任意位置访问(页头图标带数量)。 结账:信息(邮箱、收货地址)、配送方式选择、支付、复核并下单;始终提供访客结账,不强制注册;支持自动填充、字段精简;支付表单附近放置信任徽章;提供订单确认页与确认邮件。
使用方式:资料未提供具体安装命令、代码或调用方式,仅给出设计模式清单,可将其作为设计评审或实现时的检查项。
适用场景:电商网站与移动端的商品详情、购物车、结账及转化优化设计。
限制:资料未说明平台、收费、价格、效果数据或具体实现步骤,相关内容暂未提供。