62 halaman dikelompokkan berdasarkan tujuan user. Setiap page ID (P/H/T/C/I-xx) terhubung 1:1 ke wireframe (Part 3); flows (Part 2) merangkum major journey dan supporting coverage paling penting. 15 fitur existing: Salat · Al-Qur'an · Doa · KHGT · Kiblat · e-KTAM · Iuran · Zakat · Donasi/LazisMu · Kurban · Event · Video · Berita · Sedekah Subuh (new) · ChatHPT (new).
Setiap major journey sebagai flow linear. Page ID (P/H/T/C/I-xx) sama persis dengan sitemap Part 1 dan wireframe Part 3; halaman pendukung yang tidak punya flow dedicated dicatat di CX Sync.
Setiap halaman dari sitemap dirender sebagai wireframe. Page ID di label bawah tiap phone = sama persis dengan sitemap + flows. Gojek-adapted. Real copy dari Voice Guide.
Appendix ini memastikan CX1-CX3 tetap tersambung ke IA, flows, wireframes, dan hi-fi. Status Covered berarti sudah ada struktur + layar utama; Partial berarti struktur ada tetapi butuh state/detail handoff; Backlog berarti sengaja dicatat untuk fase berikutnya.
20 rekomendasi CX3 sudah punya page ID di sitemap dan wireframe. Gap current adalah detail state, supplemental flow, dan advocacy.
14 flow di Part 2 adalah major journey. Page pendukung seperti settings, bookmark, edit profil, dan detail action sheet tetap perlu state/spec, tetapi tidak semua butuh flow besar.
Hi-fi adalah key screens + state coverage, bukan strict 62-screen parity. Jika butuh 1:1 full parity, itu fase lanjutan setelah handoff utama.
| CX3 | Feature | Strategy / pain | Sitemap + WF | Flow | Hi-fi | Status |
|---|---|---|---|---|---|---|
| #1 | Iuran KTAM | S6 Bug-First + S4 Trust · VA blank + value iuran | T-16–T-19 | F7 | Transaksi · Iuran list/pay/error/success | Covered |
| #2 | Notifikasi Setting | S6 + S3 · setting harus dihormati | I-05 + P-12 | F13 | Info+Identity · Notif setting + inbox | Covered |
| #3 | NBM / Profil Sync | S6 · identitas kader salah = trust hancur | P-06 + I-04 | Supplemental | Info+Identity · Edit profil/NBM | Covered |
| #4 | Onboarding | S1 Activation · W0→W1 drop | P-01–P-06 | F1 | Info+Identity · 3 onboarding screens | Covered |
| #5 | Beranda 3 segmen | S1 + S2 · hierarchy + relevance | P-07–P-10 | F14 | Homepage · 4 variants | Covered |
| #6 | Jadwal Salat | S2 · Bridge A | H-01–H-02 | F2 | Habit · Salat | Covered |
| #7 | Al-Qur'an | S2 + S3 · resume + Bridge B | H-03–H-07 | F2 | Habit · Quran index/reader/outro | Covered |
| #8 | Donasi LazisMu | S4 · lubang hitam donasi | T-04–T-08 | F4 | Transaksi · LazisMu + digest | Covered |
| #9 | Sedekah Subuh | S3 · retention anchor + anti-riya | T-01–T-03, T-15, I-06 | F2/F3 | Transaksi · 3-tap + states | Partial |
| #10 | Doa | S2 · contextual daily use | H-08–H-09 | F11 | Habit · Doa hub/detail | Covered |
| #11 | Zakat | S4 · kalkulator + Tarjih | T-09–T-11 | F5 | Transaksi · Zakat hub/calc/success | Partial states |
| #12 | QurbanMu | S4 + S5 · tracking + sertifikat | T-12–T-14 | F6 | Transaksi · Qurban hub/pay/track | Covered |
| #13 | Ranting Saya | S4 Trust Layer 4 | I-02 + Beranda Kader | Supplemental | Info+Identity · Ranting | Covered |
| #14 | Berita | S2 · content loop | C-01–C-02 | F9 + F14 | Info+Identity + Homepage cards | Covered |
| #15 | Video | S2 · content loop | C-03–C-04 | F10 + F14 | Info+Identity + Homepage cards | Covered |
| #16 | Event | S5 · community loyalty | C-05–C-06 | F8 + F14 | Info+Identity + Homepage cards | Covered |
| #17 | e-KTAM | S4 · identity trust | I-01 | Supplemental | Info+Identity · e-KTAM | Covered |
| #18 | Kiblat | Reskin · utility | H-10 | Supporting page | Habit · Kiblat | Covered |
| #19 | KHGT | S4 · Tarjih trust signal | H-11 | Supporting page | Habit · KHGT | Covered |
| #20 | ChatHPT | S4 + S2 · sourced guidance | C-07 | F12 | Info+Identity · ChatHPT | Partial states |
| Area | Supporting pages | Coverage decision | Handoff requirement |
|---|---|---|---|
| Pre-app | P-05 Login, P-06 NBM, P-11 Semua layanan, P-12 Inbox | Supplemental, not all need major journey flow | Need state/spec for auth fail, NBM mismatch, empty search, inbox empty |
| Habit | H-02 detail waktu, H-05 action sheet, H-07 setting baca, H-10/H-11 | Supporting pages under F2/F11 | Need permission/offline/audio/bookmark states |
| Transaksi | T-06 payment, T-07 kuitansi, T-08 riwayat, T-15 auto-debit | Supporting pages under F3-F7 | Need payment loading/error, receipt unavailable, digest empty |
| Identity | I-04 edit, I-07 bahasa, I-09 bookmark | Supporting pages under profile flow | Need sync fail, empty bookmark, language/theme persistence |
| Critical feature | Minimum states for dev | Current coverage | Next handoff note |
|---|---|---|---|
| Iuran KTAM | idle · loading · error+recovery · success+kuitansi | Covered | Backend: VA fail must route to QRIS/retry inline |
| Notifikasi | permission primer · category on/off · per-waktu · confirmation | Covered | Backend: frequency cap max 2 push/day |
| Sedekah Subuh | 12-state continuity loop | Partial | See 12-state matrix below |
| Zakat | input · below nisab · loading price · payment · receipt | Partial | Add calculation edge cases in acceptance criteria |
| ChatHPT | question · loading · answer · source unavailable · disclaimer | Partial | Must never look like free-form unsourced AI |
| Berita/Video/Event | feed · empty · error/offline · detail · share | Partial | Content fallback needed for API/feed failure |
| Sedekah Subuh state | Mapped screen/page | Copy principle | Status |
|---|---|---|---|
| Prompt | H-06 outro · Homepage card | gentle invitation | Covered |
| Picker | T-01 | small default, easy edit | Covered |
| Confirm | T-02 | slide-to-confirm, no accidental tap | Covered |
| Success / impact | T-03 + Weekly Digest | private impact, not trophy | Covered |
| Auto-debit | T-15 / I-06 | control stays with user | Covered |
| Pause / resume | Transaksi state screen | jeda bukan gagal | Patch |
| Streak / forgive / freeze | Homepage Habit + Transaksi state screen | consistency without guilt | Patch |
| Cancel / offline | Transaksi state screen | safe exit, recover later | Patch |