Architecture Prompt — v4

QuranFlow Information Architecture Redesign

Your Task

Design 3 distinct information architecture proposals for QuranFlow, an iOS app for learning to read the Quran. Each proposal should represent a different organizing principle—a different answer to "how do users think about this app?"


The Core Problem

Students are disoriented. They don't know what week they're on, what they should do today, or when live sessions happen.

This isn't a feature gap—it's an orientation failure. The current app hides critical information (schedule, coach, recordings) in a hamburger menu while surfacing less important things. Students email asking "when does semester start?" after receiving 5 emails about it.

Your proposals must make the app foolproof. A user who reads nothing should still understand what to do.


Reference Materials

Read these before designing:

File What to Extract
QuranFlow-User-Capability-Map.md Section 1.4 (the disorientation problem), Section 7 (gap analysis), and all [Core] tagged tasks—these must be ≤2 taps
Quran Flow Program Description.md The weekly rhythm: Lesson → Record → Submit → Feedback → Live sessions. Understand this cycle cold.
App-Redesign-Field-Guide-WWDC25.md Design principles and the checklist. Use this as your quality bar.
Usability Audit Nov 27.md Current broken structure (Section 10-11) and P0 issues to address

Hard Constraints


What Each Proposal Must Include

Structure each proposal with these sections:

1. Concept (1 paragraph)

Explain the organizing principle. What mental model does this architecture assume? Why does this approach fit QuranFlow's users (busy adults, many older, don't read instructions)?

2. Navigation Structure

Tab Bar:

Tab Icon Purpose
Name 📍 What this tab contains and why it deserves tab-level placement

One Level Deep: For each tab, list what screens/sections live inside it. Show the hierarchy.

3. Key Screens (2-3 screens)

For each screen, describe:

Focus on:

4. Critical User Flows (2-3 flows)

Walk through how a user accomplishes these tasks:

For each flow:

  1. List the steps (tap path)
  2. Explain why this flow makes sense given your organizing principle
  3. Count the taps for the critical path

5. Surfacing Strategy

Show how currently-hidden information becomes findable:

Hidden Info Current Location New Location Taps to Reach
Quran Coach name Hamburger menu ? ?
Session schedule Resources → external link ? ?
Past recordings Hamburger → Recordings ? ?
Font settings Hamburger → Settings ? ?
Support Hamburger → Support ? ?

6. Trade-offs (1 paragraph)


What Makes Proposals "Distinct"

Three variations on the same structure is not what we want. Each proposal should have:

Ask yourself: "If I showed someone just the tab bars, could they tell these apart?" If not, they're not distinct enough.


Output Format

# Proposal A: [Name]

## Concept
[1 paragraph]

## Navigation Structure
[Tab bar table + hierarchy]

## Key Screens

### [Screen Name]
[Description]

### [Screen Name]
[Description]

## Critical Flows

### Submit Weekly Recording
[Step-by-step with reasoning]

### Find Live Session
[Step-by-step with reasoning]

## Surfacing Strategy
[Table showing where hidden info now lives]

## Trade-offs
[1 paragraph]

---

# Proposal B: [Name]
[Same structure]

---

# Proposal C: [Name]
[Same structure]

---

# Comparison Summary

| Aspect | Proposal A | Proposal B | Proposal C |
|--------|------------|------------|------------|
| Organizing principle | | | |
| Home screen focus | | | |
| Taps to submit recording | | | |
| Taps to find schedule | | | |
| Best for user who... | | | |

Quality Checklist

Before finalizing, verify each proposal: