45. 🎯 商业与支付 Commerce & Payment ★★★★☆
🌏 Web 网页规范
- Checkout Flow: 单页结账 vs 多步向导 (Step Wizard)，进度指示器引导完成率
- Pricing Table: 功能对比矩阵 (Feature Matrix)，推荐套餐高亮 + 年付折扣标签
- Cart UX: 侧滑购物车抽屉，数量加减控件，实时小计/税费/运费计算
- Trust Signals: SSL 安全徽章、退款保证标识、第三方评价引用增强支付信任
📱 App 移动端规范
- In-App Purchase: Apple StoreKit / Google Billing Library 内购流，系统级确认弹窗
- Apple Pay / Google Pay: 底部弹出系统支付表 (Payment Sheet)，面容/指纹一键支付
- Subscription: Settings 内订阅管理页，免费试用倒计时，续费提醒通知策略
- Restore Purchases: 恢复购买按钮，跨设备同步已购内容，离线购买状态缓存
Web 端结账流程的核心决策是单页结账 vs 多步向导：单页适合少量商品（减少认知跳转），多步向导适合复杂订单（地址→配送→支付→确认，每步降低认知负荷）。Pricing Table（定价表）是 SaaS 转化的关键战场——使用功能对比矩阵（Feature Matrix）逐行对比 Free/Pro/Enterprise 差异，推荐套餐用 视觉放大 + 高亮边框 + "Most Popular" 标签制造锚定效应；月付/年付切换器用年付折扣引导长期承诺。购物车抽屉（Cart Drawer）采用侧滑面板而非跳转页面，用户无需离开浏览流即可管理已选商品；Coupon 输入框需实时验证并显示折扣金额，失败时给出明确错误而非静默忽略。Cart Abandonment（弃单恢复）策略包括：退出意图弹窗（Exit Intent Popup）提供限时折扣、24 小时后邮件提醒、浏览器推送通知挽回。
移动端内购（IAP）通过 Apple StoreKit / Google Billing Library 调用系统级购买流程，用户在系统弹窗中面容/指纹确认后即完成支付，全程不离开 App 上下文。Apple Pay / Google Pay 弹出系统级底部支付表（Payment Sheet），预填用户绑定的信用卡/借记卡信息，一键完成免密支付——转化率比手动填卡号高 2-3 倍。订阅管理在 iOS 统一收归 Settings > Subscriptions，App 内应提供清晰的"管理订阅"深链接入口和免费试用倒计时提示。Restore Purchases（恢复购买）按钮是 App Store 审核必选项——用户换设备后通过 Apple ID 重新验证已购项目，离线场景需缓存购买凭证（Receipt）并在联网后静默同步。