Payment Screen Inventory
DomainsDOL EnglishUX815 words4 min read
Purpose
Phần tiêu đề “Purpose”- Chuẩn hóa danh sách màn hình cho area
Paymentđể chạyIdea-Flowtheo mode source-first, có thể handoff qua concept/docs QA mà không lệch policy. - Giữ active scope DOL English Web V2: single-user, cycle
Monthly | Annual | One-time (3/6), không household flow.
Source Review Scope
Phần tiêu đề “Source Review Scope”docs/Domains/DOL English/UX Design/Payment/PAY_00_Overview.mddocs/Domains/DOL English/UX Design/Payment/PAY_Product_Catalog.mddocs/Domains/DOL English/UX Design/Payment/PAY_Packages_Tiers.mddocs/Domains/DOL English/UX Design/Payment/PAY_Checkout_Flows.mddocs/Domains/DOL English/UX Design/Payment/PAY_Lifecycle_Rules.mddocs/Domains/DOL English/UX Design/Payment/PAY_Recommendations.mddocs/Domains/DOL English/UX Design/Payment/PAY_Admin_Console.md
Assumptions for this Inventory
Phần tiêu đề “Assumptions for this Inventory”- Checkout cho phép browse trước login, nhưng chặn ở bước thanh toán nếu chưa auth hoặc thiếu email verified/phone contact theo policy.
- Cycle/method gate:
- Subscription (
monthly/annual):card + momo. - One-time (
3/6):card + momo + bank transfer.
- Subscription (
- Return contract sau thanh toán:
- Từ landing/exploration: quay lại đúng trang trước đó + success popup.
- Từ attempt/result: reload context hiện tại để unlock ngay.
- No self-serve refund trong active scope.
Screen Inventory (Recommended)
Phần tiêu đề “Screen Inventory (Recommended)”| ID | Layer | Screen | Canonical route/state | Required state | Priority | Notes |
|---|---|---|---|---|---|---|
| PAY-S01 | Entry | Pricing & Package Discovery | /pricing + recommendation entry | Pre + Post | P0 | User so sánh Pro/Pro Max, cycle, value proof trước checkout |
| PAY-S02 | Entry | Locked Feature Upgrade Popup | Feature lock modal -> checkout | Pre + Post | P0 | Offer-set theo entitlement (Pro+Pro Max hoặc Pro Max only) |
| PAY-S03 | Checkout | Contact Information Blocker | Checkout step: Profile & Contact | Pre + Post | P0 | Chặn khi thiếu email verified hoặc thiếu phone contact; cho bổ sung tại chỗ |
| PAY-S04 | Checkout | Plan/Cycle/Credit Step | Checkout step 1 | Post | P0 | Chọn tier + cycle + credit (nếu áp dụng), hiển thị rules auto-renew/non-renew |
| PAY-S05 | Checkout | Summary & Promotion Step | Checkout step 2 | Post | P0 | Combo/sequential discount, invoice option, overlap/queue warning |
| PAY-S06 | Checkout | Payment Method - Subscription | Checkout step 4 (monthly/annual) | Post | P0 | Chỉ cho card/momo, có save method toggle |
| PAY-S07 | Checkout | Payment Method - One-time | Checkout step 4 (one-time) | Post | P0 | Cho card/momo/bank transfer, không auto-renew |
| PAY-S08 | Checkout | Review & Pay In-flight | Checkout step 5 + gateway pending | Post | P0 | Loading, webhook delay, partial entitlement pending fallback |
| PAY-S09 | Outcome | Payment Success & Context Return | Success state | Post | P0 | Return theo ngữ cảnh và mở đúng entitlement |
| PAY-S10 | Outcome | Payment Failure & Recovery | Fail/timeout state | Post | P0 | Retry, đổi phương thức, giữ nguyên plan/cycle/context |
| PAY-S11 | Lifecycle | Billing Failure Grace Reminder | Subscription overdue/grace | Post | P1 | Retry D0/D1/D3/D5/D7, nhắc quyền lợi và cutoff |
| PAY-S12 | Lifecycle | Subscription Actions | Account subscription management | Post | P1 | Cancel end-of-cycle, upgrade immediate prorate, downgrade next-cycle |
| PAY-S13 | Lifecycle | AI Credit Top-up & Ledger Entry | Credit empty/top-up flow | Post | P1 | Charge-once fairness + auto-refund on AI system failure |
| PAY-S14 | Billing | Billing History & Invoice | Billing history area | Post | P1 | Danh sách giao dịch, trạng thái invoice, filter theo thời gian |
| PAY-S15 | Admin | Admin Catalog & Promotion Manager | Admin console modules | Admin | P1 | CRUD SKU, effective date, promotion simulator |
| PAY-S16 | Admin | Admin Transaction Monitor & Webhook Retry | Admin console modules | Admin | P1 | Giám sát txn, retry webhook, audit trail |
Suggested Build Sequence (Payment)
Phần tiêu đề “Suggested Build Sequence (Payment)”- P0 conversion kernel: PAY-S01 -> PAY-S02 -> PAY-S03 -> PAY-S04 -> PAY-S05 -> PAY-S06/PAY-S07 -> PAY-S08 -> PAY-S09/PAY-S10.
- P1 lifecycle & operations: PAY-S11/PAY-S12/PAY-S13/PAY-S14 -> PAY-S15/PAY-S16.
Coverage Check Against Payment Contract
Phần tiêu đề “Coverage Check Against Payment Contract”- Contact hard gate: có màn chặn và resume checkout theo cùng context.
- Entitlement-aware upsell: có lock popup riêng theo điều kiện feature.
- Payment method gate theo cycle: đã tách 2 màn subscription/one-time.
- Outcome continuity: có success/failure states với recover path rõ ràng.
- Ops visibility: có lane admin cho catalog/promotion + transactions/webhook.
Open Gaps to Resolve in Concept Round
Phần tiêu đề “Open Gaps to Resolve in Concept Round”- Chưa chốt UI-level matrix cho annual vs monthly copy/label khi locale thay đổi.
- Chưa có acceptance matrix chi tiết cho partial failure (
payment successnhưngentitlement sync delayed). - Chưa có policy-level copy set cho edge case
queue overlapkhi user đang dùng one-time và mua auto-renew.