WIREFRAMING AND TASK FLOWS
I translated the IA into low-fidelity screens that exercise the three priority journeys end-to-end. The goal was speed and clarity: every frame pressures the guardrails and makes states explicit (Draft, Sensitive, Exported). Using Figma with Auto Layout and placeholder components, I built a click-through lo-fi to validate copy, hierarchy, and tap targets before visual polish. I’m showcasing stills plus a short 10–15s lo-fi video to illustrate first taps and decision points; the interactive link will be shared at the hi-fi stage.
TASK FLOW - BIANCA
MORNING PROMPT
Settings (list view) — Morning Prompt card with short helper: “A gentle nudge to record right after waking.” [Toggle Off]
Morning Prompt details — Toggle ON; simple time picker (HH:MM:SS)
Time selected — Preview reads “Set for 07:30.” Primary action: Save. Secondary: “Cancel”
Confirmation sheet — “Morning Prompt set for 07:30. CTA: Done.
Lo-fi demo — Morning Prompt setup: User opens Settings → Notifications → Morning Prompt, toggles it on, and selects a wake-up time—showcasing a low-cognition setup for first-minute capture.
TASK FLOW - SONIA
EXPORT TO THERAPY
1. Dream card (detail)
CTA: Export to Therapy. A concise prompt explains what will happen next. Back arrow returns to the dream card at any time.
2 .Select what to include
Checklist: Title, transcript, mood tags, attachments. Helper: “Only selected items will be shared.” Primary: Continue. Secondary: Cancel / Back arrow.
3. Add note to therapist
Optional short note for context (multi-line). Subtext: “Your note is included with this export.” Primary: Send to Therapy Room. Secondary: Back.
4. Confirmation
Success: “Dream sent to Therapy Room.” Primary: Go to Therapy Room. Secondary: Back to Dream. Subtext: “You can view or revoke access from Therapy Room.”
TASK FLOW - ALEX
EXPRESSIVE CAPTURE
1.Start capture → add song link (auto-detected inline, attached instantly).
2. Open Sketch → make a quick drawing; autosave keeps progress on close.
3.Swipe the mood carousel → tap a mood chip to tag at entry.
4. Save dream → entry saved with song + sketch + mood.
Lo-fi demo — Export to Therapy: From the Dream card, Soraya taps Export to Therapy, selects what to include, adds a short note, and sends—ending on a clear confirmation with Go to Therapy Room (back arrow available throughout).
Small interactions, big continuity: I refined autosave, inline confirmations, and clear back paths so each screen hands off cleanly to the next, keeping the core flows friction-free.