Future Vision · Ngoài build game jam
Túi Cứu Hộ cho thấy người chơi chuẩn bị gì trước level; Nhiệm vụ Dòng Chảy cho thấy vì sao họ muốn quay lại. Hai popup được dựng để chứng minh chiều sâu sản phẩm, không giả vờ rằng inventory hoặc mission backend đã hoàn thành.
Ban giám khảo nhìn thấy product vision có thể mở rộng, trong khi scope game jam vẫn được bảo vệ bằng ranh giới kỹ thuật và copy rõ ràng.
Promise: người chơi nhìn phát biết đang mang gì, dùng khi nào và món nào chỉ để cá nhân hóa. Booster hỗ trợ quyết định, không thay người chơi chiến thắng.
| Vùng | Nội dung | Quy tắc UX |
|---|---|---|
| Header | Túi Cứu Hộ, 1.247 Nhân Phẩm, Shop Nhân Phẩm và scope badge. | Shop là secondary entry; scope badge không được ẩn ở desktop. |
| Trang bị nhanh | Ba slot, item đang gắn và số lượng. | Gắn/tháo không tiêu hao; tối đa ba booster, không bán thêm slot. |
| Category | Tất cả, Booster, Trang trí, Kỷ vật. | Mobile đổi thành chip rail ngang; count luôn đọc được bằng số. |
| Kho | Icon, tên, quantity và state như Đã gắn, Near-miss, Mới nhận. | Grid hai cột; selected state dùng cream rim + surface sáng, không chỉ màu. |
| Item detail | Công dụng, điều kiện, count và CTA. | Nói rõ giới hạn trước khi gắn; không auto-use và không trừ item khi action thất bại. |
Loadout xuất hiện trước kho để người chơi hiểu trạng thái hiện tại ngay.
Item detail đổi icon, mô tả, điều kiện và CTA mà không thay page.
CTA chỉ phát toast Future Vision; không đổi số lượng hoặc lưu state.
Đóng popup đưa active tab về Nhật ký và trả focus cho map.
Promise: biến mỗi phiên chơi thành một mục tiêu cứu hộ rõ ràng, đồng thời mở dần hành trình chương và tình bạn mà không phạt người chơi vì nghỉ.
| Nhóm | Ví dụ trong mockup | Persistence / refresh | Reward preview |
|---|---|---|---|
| Hôm nay | Một Chuyến Cứu Hộ · Cứu 6 sao biển · 6/6. | Làm mới lúc 00:00; không streak; fail/retry không làm lùi. | 80 Nhân Phẩm + Rương Cứu Hộ. |
| Tuần này | Hành Trình Theo Dòng · 3/5 board đã qua solver. | Làm mới thứ Hai; reward đủ điều kiện không bị thu hồi. | 180 Nhân Phẩm + Ripple Preview. |
| Chương | Bờ Biển Thức Giấc · phục hồi 7/10 điểm. | Theo hành trình; không bị daily/weekly refresh xóa. | Cờ Cứu Hộ San Hô + 250 Nhân Phẩm. |
| Đồng hành | Cá Heo · Đọc Nhịp Sóng · 2/3 level. | Không yêu cầu Hint hoặc exact move; không guilt khi nghỉ. | 60 Điểm Đồng Hành + cosmetic. |
Người chơi không phải săn badge đỏ. Mission quan trọng nhất tự nổi lên đầu danh sách bằng state và copy, không dùng FOMO.
Không mission nào bắt xem quảng cáo, mua booster, trả Nhân Phẩm hoặc chơi theo exact move. Fail/retry không làm progress lùi.
Mockup hiện chỉ dựng selected/claimable/in-progress. Các state dưới đây khóa product behavior nếu Future Vision được đưa vào roadmap.
| State | Túi Cứu Hộ | Nhiệm vụ Dòng Chảy | Copy nguyên tắc |
|---|---|---|---|
| Loading | Skeleton theo slot và tile; không spinner. | Ba skeleton card dạng sóng; close vẫn hoạt động. | Đang kiểm kê… / Đang nghe nhịp thủy triều… |
| Empty | Túi mở, khoảng thở lớn, CTA Xem tất cả. | Biển đang yên; đã hoàn tất nhiệm vụ đang có. | Không dùng empty state như lời mời mua. |
| Locked | Ghi rõ điều kiện gameplay mở item. | Ghi Mở sau Level N, vẫn đọc được reward. | Không phủ đen hoặc chỉ ghi Locked. |
| Selected / In progress | Detail đổi, cream rim và label Đang xem. | Progress bar + số tuyệt đối, không chỉ dựa vào màu. | Giải thích điều kiện trước CTA. |
| Equipped / Claimable | Label slot rõ; gắn không làm giảm count. | Reward vàng/coral, đưa lên đầu danh sách. | CTA một hành động chính, không casino effect. |
| Used / Claimed | Receipt ngắn, count chỉ giảm sau khi hiệu lực commit. | Dấu xác nhận xanh, reward vẫn xem lại được. | Không thu hồi hoặc reset reward đã đủ điều kiện. |
Hai pack được sinh riêng trên nền #FF00FF, khử chroma-key, split thành 12 sprite semantic và kiểm tra separator, alpha margin, edge-touch cùng fringe trước khi tích hợp.
