Recording Analysis Interface
Design a recording analysis page with streaming feedback
Create a free account to upload your work. Your progress saves as a draft until you submit.
What You'll Be Doing
Yoodli analyzes speech recordings and provides real-time feedback on metrics like filler words, pacing, clarity, and delivery. Users record practice sessions (ranging from 2-30 minutes) and receive detailed feedback afterward as the AI processes different aspects of their speech.
The analysis happens asynchronously through multiple AI model calls — some return quickly, others take longer. Users should see feedback appear progressively rather than waiting for all analyses to complete.
Your Task:
Design how you might build the recording analysis page, where feedback streams in over time from multiple AI calls. Consider how to display recording playback, organize feedback by category as it arrives, handle varying recording lengths, and allow users to navigate between feedback and recording moments.
Assumptions You May Make:
- Backend APIs exist to initiate analyses and to poll or stream results
- You have access to timestamp data linking feedback to moments in the recording
- Different analysis types complete at different speeds (30 seconds to 5 minutes)
- Multiple users may be analyzing recordings simultaneously
Submit a system design sketch and video response walking us through your approach.
What You'll Accomplish
Demonstrate full stack engineering fundamentals
Design scalable system architecture
Handle asynchronous data flows
Create smooth user experiences with progressive loading
Balance technical tradeoffs in a startup environment
How Your Work Will Be Scored
What to Submit
System Design Sketch
Format: .pdf, .doc, .docx, .rtf, .txt, .md
Create a one-page diagram showing how you would build the recording analysis page. Your sketch must include:
- Data flow from backend to frontend
- Streaming/progressive updates — how you handle different AI analyses completing at different times
- State management approach for the UI
- Performance considerations for varying data volumes and recording lengths (2-30 minutes)
- Feedback organization — how you categorize and display feedback (pacing, filler words, clarity, etc.)
- Error handling and loading states
Sign in to upload files
Video Response
Format: .mp4, .mov, .webm
Record a continuous, single-take video covering all three sections:
1. Introduction (2-3 minutes)
- How does your technical background and personal experience prepare you to support Yoodli's mission — to deliver real-time, judgment-free AI speech feedback across live and recorded sessions?
- Briefly describe a project you worked on where you had to balance speed and quality. What tradeoffs did you make, and what did you learn?
2. Traits Assessment (2-3 minutes)
Tell us which of these situations would energize you more:
- Scenario A: You're given well-defined designs where you must make the user experience feel perfect through polish and implementation details.
- Scenario B: You're given a vague design wireframe where you must iterate with designers and gather user feedback to flesh it out.
3. Challenge Response (~10 minutes)
- Walk us through your approach to the challenge
- Explain your reasoning step by step
- Call out tradeoffs, assumptions, and how you would validate it works
AI Usage Declaration: At the end of your video, tell us if you used AI. If you did, tell us how you used it.
Sign in to upload files
Create a free account to upload your work. Your progress saves as a draft until you submit.
On this page